7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Icon Design

Как создать набор рождественских иконок в Adobe Illustrator

Scroll to top
Read Time: 13 mins

Russian (Pусский) translation by Anastassiya Abramenko (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Верите или нет, но Рождество уже близко и это значит, что Санта очень занят подготовкой к одной из самых занятых ночей в его жизни. Думаю, я мог бы помочь ему и сделать вам приятный подарок в виде набора рождественских иконок, которые наверняка вам понравятся.

Как всегда, мы будем использовать самые основные инструменты, поэтому, не тратя больше времени, съешьте печеньку, и мы начнём.

Не забывайте, что вы всегда можете расширить набор, перейдя на GraphicRiver, где вы найдёте массу рождественских иконок.

1. Как настроить новый документ

Откройте Illustrator и настройте Новый документ (Файл > Новый или Control-N), применив следующие параметры:

  • Количество монтажных областей: 1
  • Ширина: 800 пикселей
  • Высота: 600 пикселей
  • Единицы измерения: пиксели

Во вкладке с Расширенными настройками:

  • Цветовой режим: RGB
  • Растровые эффекты: осветление (72 точек на дюйм)
  • Режим предпросмотра: по умолчанию
setting up a new documentsetting up a new documentsetting up a new document

Подсказка: некоторые из вас могли заметить, что отсутствует функция «Выровнять новые объекты по пиксельной сетке». Это потому, что я использую новую версию программы - CC 2017, где было внесено много изменений в способ привязки фигур к пиксельной сетке.

2. Как настроить пользовательскую сетку

Т.к. мы будем создавать иконки в точных пикселях, давайте настроим небольшую сетку, чтобы можно было полностью контролировать наши фигуры (если вы используете старую версию программы).

Шаг 1

Перейдите в Редактировать > Установки > Направляющие и сетка и задайте следующие параметры:

  • Сетка каждые: 1 пиксель
  • Разделы: 1

Подсказка: вы можете узнать больше о сетках, почитав это детальное руководство о том, как работает система сеток Illustrator.

Шаг 2

Когда настроите пользовательскую сетку, для чёткости фигур нужно активировать функцию Привязки к сетке под меню Вид, которая трансформируется в Привязку к пикселям всякий раз при входе в режим Предпросмотра пикселей.

Если вы не знакомы с работой с точными пикселями, я очень рекомендую почитать моё руководство по созданию рисунка с точными пикселями, которое быстро расширит ваши технические навыки.

3. Как настроить слои

В новом созданном документе нужно структурировать проект, создав пару слоёв, чтобы сохранять стабильный рабочий процесс, работая над каждой иконкой в отдельности.

Откройте панель Слоёв и создайте четыре слоя, которые назовём следующим образом:

  • слой 1: координатные сетки
  • слой 2: угощения
  • слой 3: подарки
  • слой 4: декорации
setting up the layerssetting up the layerssetting up the layers

4. Как создать координатные сетки

Координатные (или базовые) сетки – это набор точно ограниченных координатных поверхностей, которые позволяют нам создавать наши иконки, исходя из их размера и однородности.

Обычно размер сеток определяет размер самих иконок, и этот момент нужно учитывать в первую очередь в начале нового проекта, т.к. начинать всегда будем с самого с маленького размера.

В нашем случае мы собираемся создать набор иконок одного размера, а точнее 128 х 128 пикселей, что соответствует большому размеру.

Шаг 1

Заблокируйте все слои, кроме слоя с координатной сеткой, возьмите Инструмент «Прямоугольник» (М) и создайте оранжевый квадрат 128 х 128 пикселей (#F15A24), который поможет определить общий размер иконок.

creating the main shape for the reference gridcreating the main shape for the reference gridcreating the main shape for the reference grid

Шаг 2

Добавьте ещё один маленький квадрат 120 х 120 пикселей (#FFFFFF), который будет активной областью рисования, создав круговую прослойку толщиной 4 пикселя.

creating the main shape for the active drawing areacreating the main shape for the active drawing areacreating the main shape for the active drawing area

Шаг 3

Сгруппируйте два квадрата, из которых состоит координатная сетка, нажав Control-G, а затем создайте три копии на расстоянии 40 пикселей друг от друга, затем выровняйте их по центру монтажной области.

Когда будет готово, заблокируйте текущий слой и перейдите на следующий слой, где мы начнём работать над первой иконкой.

creating and positioning all three reference gridscreating and positioning all three reference gridscreating and positioning all three reference grids

5. Как создать иконку с угощениями

Начнём проект с создания молока и печений, которые мы обычно даём Санте, чтобы помочь в одну из самых сложных рабочих ночей в его жизни. Перейдите на нужный слой (второй) и увеличьте координатную сетку, чтобы начать.

Шаг 1

Инструментом «Перо» (Р) создайте отрезок линии шириной 102 пикселя с Обводкой толщиной 4 пикселя и Скруглёнными концами, окрасьте в цвет #332828 и поместите на первую активную область рисования, выровняв по нижнему левому углу.

creating and positioning the first line segment for the treats icons backgroundcreating and positioning the first line segment for the treats icons backgroundcreating and positioning the first line segment for the treats icons background

Шаг 2

Когда первый отрезок будет на месте, создайте линию поменьше шириной 6 пикселей и такую же Обводку, которую выровняем по нижнему правому углу активной области рисования.

Когда обе линии будут на месте, выделите и сгруппируйте (Control-G) их, чтобы они случайно не разделились.

creating and positioning the second line segment for the treats icons backgroundcreating and positioning the second line segment for the treats icons backgroundcreating and positioning the second line segment for the treats icons background

Шаг 3

Создайте основную фигуру стакана из прямоугольника 52 х 116 пикселей, окрасьте его в цвет #83DBEA и расположите на расстоянии 18 пикселей от левого края активной области рисования и 2 пикселя – от верхнего края.

creating and positioning the main shape for the glasss bodycreating and positioning the main shape for the glasss bodycreating and positioning the main shape for the glasss body

Шаг 4

Установите Радиус нижних углов фигуры на 12 пикселей, перейдя в Свойства прямоугольника на панели Трансформирования.

adjusting the bottom corners of the glasss bodyadjusting the bottom corners of the glasss bodyadjusting the bottom corners of the glasss body

Шаг 5

Добавьте область молока, создав маленький прямоугольник 52 х 88 пикселей (#EFEFEF), установите Радиус его нижних углов на 12 пикселей и затем поместите его на голубую фигуру, выровняв по центру нижнего края.

creating and positioning the milk section onto the glasss bodycreating and positioning the milk section onto the glasss bodycreating and positioning the milk section onto the glasss body

Шаг 6

Добавьте основной контур стакана при помощи метода Обводки, создав копию (Control-C > Control-F) основной фигуры (голубой), окрасив её в цвет #332828 и поменяв Заливку с Обводкой местами (Shift-X), установив Толщину 4 пикселя.

adding the outline to the glasss main bodyadding the outline to the glasss main bodyadding the outline to the glasss main body

Шаг 7

Инструментом «Перо» (Р) нарисуйте горизонтальный контур, отделяющий содержимое стакана, по верхнему краю белой области, взяв Обводку толщиной 4 пикселя с цветом #332828.

Когда будет готово, выделите и сгруппируйте все составные фигуры, нажав Control-G.

adding the outline to the glasss milk sectionadding the outline to the glasss milk sectionadding the outline to the glasss milk section

Шаг 8

Сдвиньтесь на несколько пикселей вправо и создайте основную фигуру печенья из круга 74 х 74 пикселей, окрасьте его в цвет #C6866F и выровняйте по центру нижнего правого угла активной области рисования, оставив прослойку толщиной 2 пикселя для контура.

creating and positioning the main shape for the cookies bodycreating and positioning the main shape for the cookies bodycreating and positioning the main shape for the cookies body

Шаг 9

Добавьте контур печенья, проделав те же шаги, что и при создании основной фигуры стакана, установив Толщину Обводки на 4 пикселя и цвет на #332828.

adding the outline to the cookies bodyadding the outline to the cookies bodyadding the outline to the cookies body

Шаг 10

Начните добавлять детали на печенье, нарисовав несколько маленьких ореховых крошек Инструментом «Перо» (Р), окрасьте их в цвет #F7D6B5 и создайте контур толщиной 4 пикселя (#332828) со Скруглённым стыком.

По отдельности сгруппируйте (Control-G) каждую фигуру заливки с контуром, а затем сгруппируйте (Control-G) все три крошки.

adding the little hazelnut crumbs to the cookies bodyadding the little hazelnut crumbs to the cookies bodyadding the little hazelnut crumbs to the cookies body

Шаг 11

Завершите создание печенья, добавив маленькие шоколадные капли из пары кругов разных размеров (#332828), а затем сгруппируйте их, нажав Control-G.

Когда будет готово, выделите все составные фигуры печенья и сгруппируйте (Control-G) их.

adding the chocolate chips to the cookies bodyadding the chocolate chips to the cookies bodyadding the chocolate chips to the cookies body

Шаг 12

Для маленькой благодарственной записки создайте прямоугольник 40 х 30 пикселей (#E0694C). Создайте контур толщиной 4 пикселя (#332828), сгруппируйте (Control-G) и расположите две фигуры на левой стороне печенья на расстоянии 32 пикселя от левого края активной области рисования.

creating and positioning the main shapes for the treats icons thank you notecreating and positioning the main shapes for the treats icons thank you notecreating and positioning the main shapes for the treats icons thank you note

Шаг 13

Создайте внутреннюю вставку из прямоугольника 30 х 20 пикселей (#332828), поменяйте местами (Shift-X) Заливку с Обводкой толщиной 2 пикселя, а затем выровняйте её по красной фигуре.

adding the inner detail line insertion to the treats icons thank you cardadding the inner detail line insertion to the treats icons thank you cardadding the inner detail line insertion to the treats icons thank you card

Шаг 14

Инструментом «Перо» (Р) нарисуйте две линии текста из Обводки толщиной 4 пикселя с цветом #332828. Расположите две линии на расстоянии 2 пикселя друг от друга, затем сгруппируйте (Control-G) и выровняйте их по центру основной фигуры записки, сгруппировав (Control-G) все составные части.

Когда будет готово, не забудьте сгруппировать всю иконку, чтобы не столкнуться с «исчезающими» элементами.

treats icon finishedtreats icon finishedtreats icon finished

6. Как создать иконку с подарками

Если вы закончили первую иконку, перейдите на следующий слой (третий), где мы создадим второй элемент проекта.

Шаг 1

Перед тем, как заблокировать предыдущий слой, создайте копию (Control-C) нижнего отрезка линии иконки и вставьте его (Control-F) на вторую координатную сетку.

creating and positioning the line background segment onto the second reference gridcreating and positioning the line background segment onto the second reference gridcreating and positioning the line background segment onto the second reference grid

Шаг 2

Создайте основную фигуру для круглой подарочной коробки из круга 92 х 92 пикселей, окрасьте его в цвет #33AFBC и поместите на верхний правый угол активной области рисования, оставив круговой промежуток толщиной 2 пикселя для контура.

creating and positioning the main shape for the second icons circular present boxcreating and positioning the main shape for the second icons circular present boxcreating and positioning the main shape for the second icons circular present box

Шаг 3

Добавьте маленькие горизонтальные цветные полоски из 22-х вертикально расположенных прямоугольников 92 х 2 пикселей (#179AA0), расположенных на расстоянии 2 пикселя друг от друга, а затем сгруппируйте (Control-G) и выровняйте по центру фигуры, созданной в предыдущем шаге.

adding the horizontal color stripes to the circular present boxadding the horizontal color stripes to the circular present boxadding the horizontal color stripes to the circular present box

Шаг 4

Т.к. нам нужно, чтобы полоски оставались внутри поверхности круга, создайте копию последней полоски (Control-C), вставьте её (Control-F) напротив других и используйте как Обтравочную маску (щелчок правой кнопкой > Создать обтравочную маску).

masking the circular present boxs color stripesmasking the circular present boxs color stripesmasking the circular present boxs color stripes

Шаг 5

Создайте основную фигуру для золотистой обёртки из прямоугольника 18 х 92 пикселей, окрасьте в цвет #E5BA5A и выровняйте вертикально по центру круга, расположив на расстоянии 16 пикселей от правого края активной области рисования.

creating and positioning the main shape for the circular present boxs golden wrapcreating and positioning the main shape for the circular present boxs golden wrapcreating and positioning the main shape for the circular present boxs golden wrap

Шаг 6

Инструментом «Эллипс» (L) добавьте пару кругов разных размеров (#D1A246) на поверхности золотистой обёртки, сгруппируйте (Control-G) и замаскируйте их (щелчок правой кнопкой > Создать обтравочную маску), взяв при необходимости копию прямоугольника.

adding details to the circular present boxs golden wrapadding details to the circular present boxs golden wrapadding details to the circular present boxs golden wrap

Шаг 7

Создайте контур золотистого прямоугольника толщиной 4 пикселя (#332828), сгруппируйте (Control-G) и замаскируйте все составные фигуры, использовав нижний круг как Обтравочную маску (щелчок правой кнопкой > Создать обтравочную маску).

masking the golden wrap to the surface of the circular present boxs bodymasking the golden wrap to the surface of the circular present boxs bodymasking the golden wrap to the surface of the circular present boxs body

Шаг 8

Создайте маленький круг 8 х 8 пикселей (#E5BA5A) с контуром 4 пикселя (#332828), сгруппируйте (Control-G) и выровняйте по центру большого круга.

adding the center handle to the circular presents boxs bodyadding the center handle to the circular presents boxs bodyadding the center handle to the circular presents boxs body

Шаг 9

Завершите создание круглой подарочной коробки, создав контур толщиной 4 пикселя (#332828), после чего выделите и сгруппируйте (Control-G) все составные части.

adding the outline to the circular present boxadding the outline to the circular present boxadding the outline to the circular present box

Шаг 10

Создайте основную фигуру прямоугольной коробки из прямоугольника 64 х 48 пикселей (#E0694C) с контуром толщиной 4 пикселя (#332828), сгруппируйте (Control-G) и выровняйте по низу активной области рисования, расположив на расстоянии 8 пикселей от её левого края.

creating and positioning the main shapes for the rectangular present boxs bodycreating and positioning the main shapes for the rectangular present boxs bodycreating and positioning the main shapes for the rectangular present boxs body

Шаг 11

Добавьте обёртку передней фигуры из прямоугольника 12 х 48 пикселей (#71B769) с контуром толщиной 4 пикселя (#332828), сгруппируйте (Control-G) и выровняйте по центру красного прямоугольника.

creating and positioning the front wrap onto the rectangular present boxs bodycreating and positioning the front wrap onto the rectangular present boxs bodycreating and positioning the front wrap onto the rectangular present boxs body

Шаг 12

Создайте маленький ярлык из прямоугольника 8 х 12 пикселей (#E5BA5A) с контуром толщиной 4 пикселя (#332828), сгруппируйте (Control-G) и выровняйте по центру правой половины коробки, расположив на расстоянии 12 пикселей от её контура.

creating and positioning the main shapes for the rectangular present boxs cardcreating and positioning the main shapes for the rectangular present boxs cardcreating and positioning the main shapes for the rectangular present boxs card

Шаг 13

Инструментом «Перо» (Р) нарисуйте маленькую верёвку, держащую ярлык, взяв Обводку толщиной 4 пикселя с цветом #332828, после чего сгруппируйте (Control-G) обе фигуры.

Когда будет готово, сгруппируйте все фигуры прямоугольной коробки, нажав Control-G.

adding the string section to the rectangular present boxs cardadding the string section to the rectangular present boxs cardadding the string section to the rectangular present boxs card

Шаг 14

Создайте крышку коробки из прямоугольника 72 х 12 пикселей (#E0694C) с контуром толщиной 4 пикселя (#332828), сгруппируйте (Control-G) и поместите на нижнюю фигуру, выровняв обе фигуры по центру.

creating and positioning the main shapes for the rectangular present boxs lidcreating and positioning the main shapes for the rectangular present boxs lidcreating and positioning the main shapes for the rectangular present boxs lid

Шаг 15

Добавьте обёрточную ленту крышки из прямоугольника 16 х 12 пикселей (#71B769) с контуром 4 пикселя (#332828), сгруппируйте (Control-G) и выровняйте по центру фигуры, созданной в предыдущем шаге.

adding the front wrap to the rectangular present boxs lidadding the front wrap to the rectangular present boxs lidadding the front wrap to the rectangular present boxs lid

Шаг 16

Создайте центральную часть ленты из прямоугольника 16 х 10 пикселей (#59934E) и установите Радиус верхних углов на 4 пикселя. Создайте контур толщиной 4 пикселя (#332828), сгруппируйте (Control-G) и поместите обе фигуры на крышку, выровняв их по её центру.

creating and positioning the center section of the rectangular present boxs ribboncreating and positioning the center section of the rectangular present boxs ribboncreating and positioning the center section of the rectangular present boxs ribbon

Шаг 17

Создайте левую половину бантика из прямоугольника 14 х 8 пикселей (#59934E), установите Радиус верхнего левого угла на 4 пикселя и поэкспериментируйте с его изгибом. Создайте контур 4 пикселя (#332828), сгруппируйте (Control-G) и поместите две фигуры на левой стороне фигуры из предыдущего шага.

creating and positioning the left half of the rectangular present boxs ribboncreating and positioning the left half of the rectangular present boxs ribboncreating and positioning the left half of the rectangular present boxs ribbon

Шаг 18

Создайте правую половину ленты из копии (Control-C > Control-F) левой половины, которую нужно отразить по вертикали (щелчок правой кнопкой > Трансформировать > Отразить > По вертикали) и разместить на противоположной стороне центральной части.

Когда будет готово, сгруппируйте все составные части ленты, нажав Control-G, после чего сгруппируйте крышку и всю коробку.

creating and positioning the right half of the rectangular present boxs ribboncreating and positioning the right half of the rectangular present boxs ribboncreating and positioning the right half of the rectangular present boxs ribbon

Шаг 19

Создайте основную фигуру маленькой подарочной коробки из прямоугольника 20 х 16 пикселей, окрасьте его в цвет #59934E и создайте контур 4 пикселя (#332828). Выровняйте две фигуры по нижнему краю активной области рисования, расположив их на правой стороне прямоугольной коробки.

creating and positioning the main shapes for the smaller present boxs bodycreating and positioning the main shapes for the smaller present boxs bodycreating and positioning the main shapes for the smaller present boxs body

Шаг 20

Инструментом «Перо» (Р) добавьте четыре диагональные линии толщиной 2 пикселя (#332828), сгруппируйте (Control-G) и выровняйте по центру зелёного прямоугольника, созданного в предыдущем шаге. Когда будет готово, выделите все составные фигуры маленького подарка и сгруппируйте (Control-G) их.

adding the diagonal detail lines to the smaller present boxs main bodyadding the diagonal detail lines to the smaller present boxs main bodyadding the diagonal detail lines to the smaller present boxs main body

Шаг 21

Завершите создание маленькой коробки и самой иконки, добавив крышку. Создадим её при помощи прямоугольника 24 х 8 пикселей (#D1553D) с контуром толщиной 4 пикселя (#332828), после чего сгруппируйте (Control-G) и поместите её на основную фигуру, выровняв по левой стороне.

Когда будет готово, сгруппируйте (Control-G) все составные части, а затем сгруппируйте всю иконку.

creating and positioning the lid onto the smaller present boxs bodycreating and positioning the lid onto the smaller present boxs bodycreating and positioning the lid onto the smaller present boxs body

7. Как создать иконку с декорациями

Переходим к третьей и последней иконке, поэтому увеличьте координатную сетку, чтобы можно было начать.

Шаг 1

Как и с предыдущей иконкой, нам нужно взять копию (Control-C) нижнего отрезка линии и вставить (Control-F) её перед тем, как будет заблокирован третий слой.

creating and positioning the line segment background onto the third reference gridcreating and positioning the line segment background onto the third reference gridcreating and positioning the line segment background onto the third reference grid

Шаг 2

Для тарелки под свечкой создайте прямоугольник 48 х 6 пикселей, окрасьте его в цвет #D1553D и поместите на нижнюю линию, расположив на расстоянии 26 пикселей от правого края активной области рисования.

creating and positioning the main shape for the candle plates basecreating and positioning the main shape for the candle plates basecreating and positioning the main shape for the candle plates base

Шаг 3

По отдельности выделите и сдвиньте нижние опорные точки к центру на 2 пикселя при помощи Инструмента «Перемещение» (щелчок правой кнопкой >Трансформировать > Перемещение > По горизонтали > +/-2 пикселя в зависимости от точки, с которой начинаете). Когда будет готово, создайте контур толщиной 4 пикселя (#332828) и сгруппируйте фигуры (Control-G).

adding the outline to the candle plates baseadding the outline to the candle plates baseadding the outline to the candle plates base

Шаг 4

Создайте верхнюю часть тарелки из прямоугольника 60 х 6 пикселей (#E0694C) с контуром толщиной 4 пикселя (#332828), затем сгруппируйте (Control-G) и выровняйте по центру основы, после чего сгруппируйте две части (Control-G).

adding the upper section of the candles plateadding the upper section of the candles plateadding the upper section of the candles plate

Шаг 5

Создайте нижнюю металлическую часть свечи из прямоугольника 48 х 12 пикселей (#A3A8AA) с контуром толщиной 4 пикселя (#332828), поверх которого добавим группу из пяти кругов 4 х 4 пикселей (#332828), расположенных на расстоянии 4 пикселя друг от друга. Сгруппируйте (Control-G) все фигуры текущей части и выровняйте их по центру тарелки, созданной в предыдущих шагах.

creating and positioning the candles metal section onto the platecreating and positioning the candles metal section onto the platecreating and positioning the candles metal section onto the plate

Шаг 6

Создайте подсвечник из прямоугольника 40 х 80 пикселей (#F2D2B1) с контуром толщиной 4 пикселя (#332828), поверх которого добавим пару диагональных линий толщиной 4 пикселя (#332828).

Когда будет готово, выделите и сгруппируйте (Control-G) все составные части, расположив их на металлической подставке, созданной в предыдущем шаге.

creating and positioning the candle stick onto the metal standcreating and positioning the candle stick onto the metal standcreating and positioning the candle stick onto the metal stand

Шаг 7

В завершение создайте маленькую верёвку из прямоугольника 6 х 12 пикселей (#6D5858) с контуром толщиной 4 пикселя (#332828), которые нужно сгруппировать и выровнять их по центру верха. Когда будет готово, выделите и сгруппируйте все составные части свечи, нажав Control-G.

adding the string section onto the candle sticks bodyadding the string section onto the candle sticks bodyadding the string section onto the candle sticks body

Шаг 8

Для рождественского шара создайте круг 62 х 62 пикселей, окрасьте его в цвет #83DBEA и расположите на левой стороне активной области рисования на расстоянии 2 пикселя от левого края и 14 пикселей – от нижнего края.

creating and positioning the main shape for the christmas globes bodycreating and positioning the main shape for the christmas globes bodycreating and positioning the main shape for the christmas globes body

Шаг 9

Создайте область снега на шаре из прямоугольника 62 х 20 пикселей (#EFEFEF), затем выгните вниз его верхний край, добавив новую опорную точку в центре и подвигав её указатели. Создайте контур толщиной 4 пикселя (#332828) со Скруглённым стыком, затем сгруппируйте (Control-G) и выровняйте обе фигуры по центру низа круга.

adding the snow section to the christmas globes bodyadding the snow section to the christmas globes bodyadding the snow section to the christmas globes body

Шаг 10

Замаскируйте область снега при помощи копии (Control-C) голубого круга, который вставим на передний план (Control-F), а затем, выделив обе фигуры, щёлкните правой кнопкой и выберите «Создать обтравочную маску».

masking the christmas globes snow sectionmasking the christmas globes snow sectionmasking the christmas globes snow section

Шаг 11

При помощи другой копии голубого круга (Control-C > Control-F) создайте контур шара из Обводки толщиной 4 пикселя, установив цвет #332828.

adding the outline to the christmas globes main bodyadding the outline to the christmas globes main bodyadding the outline to the christmas globes main body

Шаг 12

Для ствола рождественской ёлки создайте прямоугольник 6 х 8 пикселей (#8E5C57) с контуром толщиной 4 пикселя (#332828), сгруппируйте (Control-G) и выровняйте по центру шара, расположив их таким образом, чтобы они перекрывали контур снега.

creating and positioning the main shapes for the christmas trees trunkcreating and positioning the main shapes for the christmas trees trunkcreating and positioning the main shapes for the christmas trees trunk

Шаг 13

Создайте нижнюю часть дерева из прямоугольника 22 х 10 пикселей (#59934E), по отдельности выделите и сдвиньте его верхние опорные точки к центру на 6 пикселей (щелчок правой кнопкой >Трансформировать >Перемещение >По горизонтали > +/- 2 пикселя, в зависимости от опорной точки, с которой начинаете). Создайте контур толщиной 4 пикселя (#332828) со Скруглённым стыком, затем сгруппируйте (Control-G) и поместите две фигуры на ствол, выровняв их по его центру.

creating and positioning the main shapes for the christmas trees lower sectioncreating and positioning the main shapes for the christmas trees lower sectioncreating and positioning the main shapes for the christmas trees lower section

Шаг 14

Создайте верхнюю часть дерева из прямоугольника 18 х 16 пикселей (#71B769), превратите его в треугольник, добавив новую опорную точку в центре верхнего края при помощи Инструмента «Добавить опорную точку» (+), а затем удалите боковые точки Инструментом «Удалить опорную точку» (-). Создайте контур толщиной 4 пикселя (#332828), сгруппируйте (Control-G) и выровняйте их по центру нижней фигуры дерева, сгруппировав (Control-G) все составные фигуры.

creating and positioning the main shapes for the christmas trees upper sectioncreating and positioning the main shapes for the christmas trees upper sectioncreating and positioning the main shapes for the christmas trees upper section

Шаг 15

Инструментом «Эллипс» (L) добавьте маленькие снежинки из пары кругов 2 х 2 пикселей (#EFEFEF) и сгруппируйте их, нажав Control-G.

Когда будет готово, выделите все составные части глобуса и сгруппируйте (Control-G) их.

adding the snow flakes to the christmas globes main bodyadding the snow flakes to the christmas globes main bodyadding the snow flakes to the christmas globes main body

Шаг 16

Для основания шара создайте верхнюю часть из скруглённого прямоугольника 46 х 8 пикселей (#93524C) с контуром толщиной 4 пикселя (#332828), затем сгруппируйте (Control-G) и поместите на шар, выровняв их по центру его нижней части.

creating and positioning the upper section of the christmas globes basecreating and positioning the upper section of the christmas globes basecreating and positioning the upper section of the christmas globes base

Шаг 17

Создайте нижнюю часть основания из скруглённого прямоугольника 54 х 12 пикселей (#AF655B) с Угловым радиусом 6 пикселей и контуром толщиной 4 пикселя (#332828), а затем выровняйте обе фигуры по центру области из предыдущего шага.

creating and positioning the lower section of the christmas globes basecreating and positioning the lower section of the christmas globes basecreating and positioning the lower section of the christmas globes base

Шаг 18

Добавьте несколько деталей на основании шара, добавив линию шириной 12 пикселей (#332828) со Скруглёнными концами в центре, а затем круг 4 х 4 пикселей (#332828) на расстоянии 2 пикселя с каждой из сторон.

Когда будет готово, выделите все составные фигуры основания и сгруппируйте (Control-G) их вместе, после чего сгруппируйте шар и всю иконку.

adding details to the lower section of the christmas globes baseadding details to the lower section of the christmas globes baseadding details to the lower section of the christmas globes base

Хо-хо-хо, готово!

Надеюсь, вам понравилось создавать этот маленький набор иконок, и вы узнали что-то новое. Желаю вам тёплого Рождества в компании всех самых близких людей.

finished project previewfinished project previewfinished project preview
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.