Advertisement
  1. Design & Illustration
  2. Icon Design

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

Scroll to top
Read Time: 14 min

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

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

Возьмите чашку кофе, и мы начнём!

Не забывайте, что вы всегда можете расширить набор, перейдя на 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
setting up a custom gridsetting up a custom gridsetting up a custom grid

Подсказка: вы можете узнать больше о сетках, почитав это детальное руководство о том, как работает система сеток 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

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

creating and positioning the backgrounds first line segmentcreating and positioning the backgrounds first line segmentcreating and positioning the backgrounds first line segment

Шаг 2

Создайте вторую линию из контура шириной 96 пикселей с такой же Обводкой толщиной 8 пикселей (#302222) и выровняйте их по нижнему правому углу активной области рисования, установив Концы на Скруглённые.

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

creating and positioning the backgrounds second line segmentcreating and positioning the backgrounds second line segmentcreating and positioning the backgrounds second line segment

Шаг 3

Инструментом «Эллипс» (L) создайте круг 96 х 96 пикселей, окрасьте его в цвет #D8D8D8 и выровняйте по центру низа оранжевой поверхности координатной сетки.

creating and positioning the main shape for the backgrounds circular sectioncreating and positioning the main shape for the backgrounds circular sectioncreating and positioning the main shape for the backgrounds circular section

Шаг 4

Создайте контур при помощи метода Обводки, создав его копию (Control-C), которую мы вставим на передний план (Control-F), а затем поменяем местами Заливку с Обводкой (Shift-X), установив Толщину на 8 пикселей и цвет на #302222.

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

adjusting the positioning of the backgrounds circular sectionadjusting the positioning of the backgrounds circular sectionadjusting the positioning of the backgrounds circular section

Шаг 5

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

masking the universal background using a rectangular clipping maskmasking the universal background using a rectangular clipping maskmasking the universal background using a rectangular clipping mask

Шаг 6

Снизьте Непрозрачность фона до 20%, создав копию каждой оставшейся иконки.

adjusting the universal backgrounds transparencyadjusting the universal backgrounds transparencyadjusting the universal backgrounds transparency

6. Как создать иконку с фейерверками

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

Шаг 1

Создайте фигуру большого фейерверка из прямоугольника 24 х 40 пикселей, окрасьте её в цвет #706464 и поместите в центре активной области рисования, расположив на расстоянии 38 пикселей от левого края и 42 пикселя – от нижнего.

creating and positioning the main shape for the larger fireworks bodycreating and positioning the main shape for the larger fireworks bodycreating and positioning the main shape for the larger fireworks body

Шаг 2

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

adding the diagonal detail lines to the larger fireworks bodyadding the diagonal detail lines to the larger fireworks bodyadding the diagonal detail lines to the larger fireworks body

Шаг 3

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

masking the larger fireworks detail lines using a clipping maskmasking the larger fireworks detail lines using a clipping maskmasking the larger fireworks detail lines using a clipping mask

Шаг 4

Создайте контур фейерверка из его копии (Control-C), которую мы вставим на передний план (Control-F) и поменяем Заливку (Shift-X) с Обводкой толщиной 8 пикселей (#302222), выделив и сгруппировав (Control-G) все составные элементы.

adding the main outline to the larger fireworks bodyadding the main outline to the larger fireworks bodyadding the main outline to the larger fireworks body

Шаг 5

Взяв Обводку толщиной 8 пикселей с цветом #302222, нарисуйте хвост фейерверка, начав с центра нижней части контура, и доведите до нижнего края активной области рисования.

adding the larger fireworks tailadding the larger fireworks tailadding the larger fireworks tail

Шаг 6

Создайте переднюю часть фейерверка из прямоугольника 40 х 22 пикселей (#EF6135), превратите её в треугольник, добавив новую опорную точку в центре верхнего края Инструментом «Добавить опорную точку» (+), а затем удалив угловые точки Инструментом «Удалить опорную точку» (-). Когда будет готово, выровняйте фигуру по горизонтали большой фигуры, расположив её таким образом, чтобы она перекрывала верхнюю половину толщины контура.

creating and positioning the main shape for the larger fireworks head sectioncreating and positioning the main shape for the larger fireworks head sectioncreating and positioning the main shape for the larger fireworks head section

Шаг 7

Создайте контур фигуры из её копии (Control-C), которую вставим на передний план (Control-F) и поменяем местами Заливку (Shift-X) с Обводкой толщиной 8 пикселей (#302222) с Углом, установленным на Скруглённый стык. Когда будет готово, сгруппируйте (Control-G) две фигуры, а затем сгруппируйте составные части фейерверка.

adding the outline to the larger fireworks head sectionadding the outline to the larger fireworks head sectionadding the outline to the larger fireworks head section

Шаг 8

Создайте основную фигуру для маленького фейерверка из прямоугольника 14 х 32 пикселей, окрасьте его в цвет #F4C253 и поместите на правой стороне большого прямоугольника, на расстоянии 30 пикселей от правого края активной области рисования и 26 пикселей – от нижнего края.

creating and positioning the main shape for the smaller fireworks bodycreating and positioning the main shape for the smaller fireworks bodycreating and positioning the main shape for the smaller fireworks body

Шаг 9

Добавьте верхнюю часть фейерверка, создав прямоугольник 14 х 12 пикселей, окрасьте его в цвет #EF6135 и выровняйте его по центру верхнего края при помощи панели Выравнивания.

adding the red section to the smaller fireworks bodyadding the red section to the smaller fireworks bodyadding the red section to the smaller fireworks body

Шаг 10

Добавьте основной контур фейерверка из копии (Control-C), которую вставим на передний план (Control-F), а затем поменяем местами Заливку (Shift-X) с Обводкой толщиной 8 пикселей (#302222).

adding the main outline to the smaller fireworks bodyadding the main outline to the smaller fireworks bodyadding the main outline to the smaller fireworks body

Шаг 11

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

adding the horizontal divider line to the body of the smaller fireworkadding the horizontal divider line to the body of the smaller fireworkadding the horizontal divider line to the body of the smaller firework

Шаг 12

Нарисуйте хвост фейерверка из Обводки толщиной 8 пикселей с цветом #302222, а затем выделите и сгруппируйте все составные части, нажав Control-G.

adding the tail to the smaller fireworks bodyadding the tail to the smaller fireworks bodyadding the tail to the smaller fireworks body

Шаг 13

Далее начнём добавлять элементы конфетти при помощи пары кругов разных размеров с толщиной 8 пикселей (#302222), которые расположим вокруг основных элементов иконки.

adding the little circles to the fireworks icons backgroundadding the little circles to the fireworks icons backgroundadding the little circles to the fireworks icons background

Шаг 14

Добавьте маленькие прямоугольные фигуры (#302222) из пары прямоугольников 6 х 8 пикселей и нескольких маленьких квадратов 4 х 4 пикселей (#302222), выделив и сдвинув их верхние опорные точки к краям на 4 пикселя для больших фигур и 2 пикселя – для маленьких.

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

fireworks icon finishedfireworks icon finishedfireworks icon finished

7. Как создать иконку с шампанским

Если вы уже перешли на следующий слой (третий), то увеличьте координатную сетку, и мы начнём работать над второй иконкой.

Шаг 1

Создайте основную фигуру бутылки из прямоугольника 38 х 100 пикселей, окрасьте его в цвет #789E43 и расположите на левой стороне активной области рисования, на расстоянии 4 пикселя от нижнего края и 26 пикселей – от левого.

creating and positioning the champagne bottles main bodycreating and positioning the champagne bottles main bodycreating and positioning the champagne bottles main body

Шаг 2

Включите Режим предпросмотра пикселей (Alt-Control-Y) и Инструментом «Добавить опорную точку» (+) добавьте пару боковых опорных точек на расстоянии 24 пикселя от верхнего края фигуры.

adding the first pair of side anchor points to the champagne bottles bodyadding the first pair of side anchor points to the champagne bottles bodyadding the first pair of side anchor points to the champagne bottles body

Шаг 3

Добавьте вторую пару опорных точек в нижней части бутылки на расстоянии 30 пикселей от её нижнего края.

Когда будет готово, можете выключить режим Предпросмотра пикселей, нажав Alt-Control-Y.

adding the second pair of side anchor points to the champagne bottles bodyadding the second pair of side anchor points to the champagne bottles bodyadding the second pair of side anchor points to the champagne bottles body

Шаг 4

По отдельности выделите и сдвиньте каждую верхнюю боковую опорную точку внутрь на 12 пикселей Инструментом «Перемещение» (щелчок правой кнопкой >Трансформировать > Перемещение > По горизонтали >+/- 12 пикселей, в зависимости от того, с какой стороны начать).

adjusting the champagne bottles main body by pushing its top-right anchor points to the insideadjusting the champagne bottles main body by pushing its top-right anchor points to the insideadjusting the champagne bottles main body by pushing its top-right anchor points to the inside

Шаг 5

Измените переход изгиба горловой части бутылки, сгладив её Опорные точки при помощи Инструмента «Преобразовать выделенные опорные точки в плавную линию», а затем подвигайте указатели.

adjusting the curvature transition of the champagne bottles neckadjusting the curvature transition of the champagne bottles neckadjusting the curvature transition of the champagne bottles neck

Шаг 6

Установите Радиус углов нижней части бутылки на 6 пикселей, введя это значение в поле «Динамичный угол».

adjusting the champagne bottles bottom cornersadjusting the champagne bottles bottom cornersadjusting the champagne bottles bottom corners

Шаг 7

Начните добавлять детали на горлышке бутылки, создав прямоугольник 14 х 40 пикселей, окрасив его в цвет #564E4E и выровняв по центру её верхнего края.

creating and positioning the main shape for the champagne bottles neck wrappingcreating and positioning the main shape for the champagne bottles neck wrappingcreating and positioning the main shape for the champagne bottles neck wrapping

Шаг 8

Добавьте новую опорную точку в центре нижнего края, затем выделите и сдвиньте её вниз на 6 пикселей Инструментом «Перемещение» (щелчок правой кнопкой >Трансформировать >Перемещение >По вертикали > 6 пикселей).

adjusting the shape of the champagne bottles neck wrappingadjusting the shape of the champagne bottles neck wrappingadjusting the shape of the champagne bottles neck wrapping

Шаг 9

Создайте пробку из прямоугольника 14 х 12 пикселей, окрасив её в цвет #EFAF30 и выровняв по центру верхнего края горлышка.

adding the cork to the champagne bottles neckadding the cork to the champagne bottles neckadding the cork to the champagne bottles neck

Шаг 10

Добавьте основной контур этикетки горлышка из копии (Control-C) серой фигуры, которую вставим на передний план (Control-F), а затем поменяем местами Заливку (Shift-X) с Обводкой толщиной 8 пикселей (#302222), установив Угол на Скруглённый стык.

adding the outline to the champagne bottles neck wrappingadding the outline to the champagne bottles neck wrappingadding the outline to the champagne bottles neck wrapping

Шаг 11

Добавьте маленький декоративный эллипс 4 х 10 пикселей (#302222), который мы выровняем по центру обёртки горлышка, расположив на расстоянии 8 пикселей от пробки.

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

adding the decorative ellipse to the champagne bottles neckadding the decorative ellipse to the champagne bottles neckadding the decorative ellipse to the champagne bottles neck

Шаг 12

Создайте основной ярлык бутылки из прямоугольника 38 х 20 пикселей, окрасьте его в цвет #F4C253 и выровняйте по центру зелёной фигуры, расположив на расстоянии 12 пикселей от нижнего края.

creating and positioning the main shape for the champagne bottles front facing labelcreating and positioning the main shape for the champagne bottles front facing labelcreating and positioning the main shape for the champagne bottles front facing label

Шаг 13

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

Затем выделите центральную точку и сдвиньте её к краю на 6 пикселей при помощи Инструмента «Перемещение» (щелчок правой кнопкой > Трансформировать > Перемещение > По вертикали > -6 пикселей).

adjusting the shape of the champagne bottles front facing labeladjusting the shape of the champagne bottles front facing labeladjusting the shape of the champagne bottles front facing label

Шаг 14

Измените изгиб ярлыка, сгладив три новые опорные точки Инструментом «Преобразовать выделенные опорные точки в плавную линию», а затем подвигайте их указатели.

adjusting the curvature of the champagne bottles front facing labeladjusting the curvature of the champagne bottles front facing labeladjusting the curvature of the champagne bottles front facing label

Шаг 15

Создайте контур ярлыка толщиной 8 пикселей (#302222) при помощи метода Обводки, а затем установите его Угол на Скруглённый стык.

adding the main outline to the champagne bottles front facing labeladding the main outline to the champagne bottles front facing labeladding the main outline to the champagne bottles front facing label

Шаг 16

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

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

adding the little dummy-text lines to the champagne bottles front facing labeladding the little dummy-text lines to the champagne bottles front facing labeladding the little dummy-text lines to the champagne bottles front facing label

Шаг 17

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

masking the champagne bottles front facing label and neck wrappingmasking the champagne bottles front facing label and neck wrappingmasking the champagne bottles front facing label and neck wrapping

Шаг 18

Добавьте основной контур бутылки из Обводки толщиной 8 пикселей с установленным цветом #302222 и маленькую горизонтальную разделительную линию (цвет: #302222, Концы: Скруглённые), отделив пробку от горлышка, а затем выделите и сгруппируйте все составные части, нажав Control-G.

adding the main outline to the champagne bottles bodyadding the main outline to the champagne bottles bodyadding the main outline to the champagne bottles body

Шаг 19

Создайте основную фигуру бокала для шампанского из прямоугольника 16 х 30 пикселей (#F4C253), установив Радиус его нижних углов на 8 пикселей, перейдя в Свойства прямоугольника на панели Трансформирования.

Поместите получившуюся фигуру на правую сторону бутылки, расположив на расстоянии 26 пикселей от правого края активной области рисования и 28 пикселей – от нижнего края.

creating and positioning the main shape for the champagne flutes bodycreating and positioning the main shape for the champagne flutes bodycreating and positioning the main shape for the champagne flutes body

Шаг 20

Создайте маленький прямоугольник 16 х 10 пикселей, окрасьте его в цвет #F2DFC2 и выровняйте по центру верхнего края фигуры бокала.

adding the lighter section to the champagne flutes main bodyadding the lighter section to the champagne flutes main bodyadding the lighter section to the champagne flutes main body

Шаг 21

Добавьте основной контур бокала из копии (Control-C) бокала и вставьте его на передний план (Control-F), а затем поменяйте Заливку (Shift-X) с Обводкой толщиной 8 пикселей (#302222).

adding the champagne flutes main outlineadding the champagne flutes main outlineadding the champagne flutes main outline

Шаг 22

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

adding the horizontal divider line to the champagne flutes main bodyadding the horizontal divider line to the champagne flutes main bodyadding the horizontal divider line to the champagne flutes main body

Шаг 23

Нарисуйте ножку бокала при помощи Обводки толщиной 8 пикселей (#302222), начав от центра контура и заканчивая опорной точкой на расстоянии 4 пикселя от нижнего края активной области рисования.

adding the champagne flutes legadding the champagne flutes legadding the champagne flutes leg

Шаг 24

Нарисуйте основание из отрезка линии шириной 12 пикселей с Обводкой толщиной 8 пикселей (#302222) и выровняйте по центру только что созданной фигуры, установив Концы на Скруглённые.

creating and positioning the main shape for the champagne flutes footcreating and positioning the main shape for the champagne flutes footcreating and positioning the main shape for the champagne flutes foot

Шаг 25

Инструментом «Перо» (Р) нарисуйте новую фигуру, окрашенную в цвет #302222. Когда будет готово, выделите и сгруппируйте (Control-G) все составные части ножки, после чего сгруппируйте весь бокал.

adjusting the bottom curvature of the champagne flutes legadjusting the bottom curvature of the champagne flutes legadjusting the bottom curvature of the champagne flutes leg

Шаг 26

В конце добавьте маленькие элементы конфетти, как мы сделали это в первой иконке, а после этого выделите и сгруппируйте (Control-G) все составные части.

champagne icon finishedchampagne icon finishedchampagne icon finished

8. Как создать иконку с праздничным колпаком

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

Шаг 1

Создайте основную фигуру колпака из прямоугольника 54 х 84 пикселей, окрасьте его в цвет #EF6135 и расположите на левой стороне активной области рисования, на расстоянии 14 пикселей от левого края и 20 пикселей – от нижнего.

creating and positioning the main shape for the party hats bodycreating and positioning the main shape for the party hats bodycreating and positioning the main shape for the party hats body

Шаг 2

Превратите прямоугольник в треугольник, добавив новую опорную точку в центре верхнего края Инструментом «Добавить опорную точку» (+), а затем удалите боковые точки Инструментом «Удалить опорную точку» (-).

adjusting the shape of the party hats main bodyadjusting the shape of the party hats main bodyadjusting the shape of the party hats main body

Шаг 3

Создайте центральную декоративную часть из прямоугольника 54 х 28 пикселей, окрасьте её в цвет #F2DFC2 и выровняйте по центру треугольника, расположив на расстоянии 14 пикселей от его нижнего края.

creating and positioning the main shape for the party hats decorative sectioncreating and positioning the main shape for the party hats decorative sectioncreating and positioning the main shape for the party hats decorative section

Шаг 4

Выделите правые боковые опорные точки прямоугольника и сдвиньте их вверх на 16 пикселей Инструментом «Перемещение» (щелчок правой кнопкой > Трансформировать > Перемещение > По вертикали > -16 пикселей).

adjusting the shape of the party hats decorative sectionadjusting the shape of the party hats decorative sectionadjusting the shape of the party hats decorative section

Шаг 5

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

masking the party hats decorative sectionmasking the party hats decorative sectionmasking the party hats decorative section

Шаг 6

Создайте основной контур колпака из Обводки толщиной 8 пикселей (#302222) с Углом, установленным на Скруглённый стык, а затем выделите и сгруппируйте (Control-G) все составные фигуры.

adding the outline to the party hats main bodyadding the outline to the party hats main bodyadding the outline to the party hats main body

Шаг 7

Добавьте резинку от колпака из эллипса 42 х 32 пикселей с Обводкой толщиной 8 пикселей (#302222), а затем выровняйте их по центру большого треугольника, расположив рядом с нижним краем активной области рисования, отправив за колпак (щелчок правой кнопкой > Монтаж > На задний план).

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

adding the string section to the party hats main bodyadding the string section to the party hats main bodyadding the string section to the party hats main body

Шаг 8

Создайте основную фигуру дуделки из прямоугольника 16 х 42 пикселей, окрасьте её в цвет #F4C253 и разместите на правой стороне колпака, на расстоянии 22 пикселя от правого края активной области рисования и 4 пикселя – от нижнего края.

creating and positioning the main shape for the party horns bodycreating and positioning the main shape for the party horns bodycreating and positioning the main shape for the party horns body

Шаг 9

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

adjusting the shape of the party horns main bodyadjusting the shape of the party horns main bodyadjusting the shape of the party horns main body

Шаг 10

Создайте верхнюю тёмную часть дуделки из прямоугольника 16 х 26 пикселей, окрасьте его в цвет #C1411F и выровняйте по центру верхнего края основной фигуры.

adding the darker section to the party horns main bodyadding the darker section to the party horns main bodyadding the darker section to the party horns main body

Шаг 11

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

adding the two diagonal detail lines to the party horns bodyadding the two diagonal detail lines to the party horns bodyadding the two diagonal detail lines to the party horns body

Шаг 12

Создайте основной контур дуделки из Обводки толщиной 8 пикселей (#302222), а затем нарисуйте маленькую горизонтальную линию для разделения двух частей.

adding the outline and horizontal divider line to the party horns main bodyadding the outline and horizontal divider line to the party horns main bodyadding the outline and horizontal divider line to the party horns main body

Шаг 13

В завершении добавьте маленькую вставку 4 х 4 пикселей (#302222) на нижнем крае жёлтой фигуры, а затем выделите и сгруппируйте (Control-G) все составные фигуры.

adding the little rectangular insertion to the bottom section of the party horns bodyadding the little rectangular insertion to the bottom section of the party horns bodyadding the little rectangular insertion to the bottom section of the party horns body

Шаг 14

Создайте закатанную часть из скруглённого прямоугольника 32 х 12 пикселей с Угловым радиусом 2 пикселя, окрасьте его в цвет #EF6135 и выровняйте по центру фигуры, расположив над верхней половиной верхнего края контура.

creating and positioning the main shape for the party horns rolled sectioncreating and positioning the main shape for the party horns rolled sectioncreating and positioning the main shape for the party horns rolled section

Шаг 15

Создайте контур из Обводки толщиной 8 пикселей (#302222), затем сгруппируйте две фигуры (Control-G), выделите и сгруппируйте составные элементы дуделки.

adding the outline to the party horns rolled sectionadding the outline to the party horns rolled sectionadding the outline to the party horns rolled section

Шаг 16

Завершите создание иконки, добавив маленькие элементы конфетти, а затем выделите и сгруппируйте все составные части, нажав Control-G.

party hat icon finishedparty hat icon finishedparty hat icon finished

Готово!

На это могло уйти достаточно времени, но мы, наконец, закончили. Надеюсь, вам удалось пройти все шаги и, самое главное, вы научились чему-то новому в процессе.

Желаю вам счастливого Нового года, и увидимся с вами в следующем году.

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.
Advertisement
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.