1. Design & Illustration
  2. Summer

Как создать набор иконок на летнюю тему в Adobe Illustrator

by
Read Time:16 minsLanguages:

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

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

Приближается лето, и я подумал, что стоит побаловать вас небольшим уроком по иконкам в виде самых распространенных аксессуаров, которые мы берем с собой в летний отпуск. Как всегда, каждый элемент мы создадим с помощью базовых геометрических фигур и инструментов, поэтому, если вы новичок в Adobe Illustrator, этот урок станет хорошей практикой.

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

А теперь, налейте себе чашку чая с мятой и льдом, и приступим к делу.

1. Как настроить файл с новым проектом

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

  • Число монтажных областей: 1
  • Ширина: 800 рх
  • Высота: 600 рх
  • Единицы: Пиксели

В меню Дополнительно:

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

2. Как установить настройки сетки

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

Шаг 1

Заходим в Редактирование - Установки - Направляющие и Сетка (Edit > Preferences > Guides & Grid). Меняем следующее:

  • Каждая линия сетки: 1 рх
  • Подразделения: 1
setting up a custom gridsetting up a custom gridsetting up a custom grid

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

Шаг 2

Как только мы введем эти настройки, все, что нужно сделать - это добиться того, чтобы фигуры были хорошо очерченными. Для этого заходим в меню Вид (View), выбираем Привязать к сетке (Snap to Grid) и Привязать к пикселю (Snap to Pixel).

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

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

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

Итак, откройте панель Слои и создайте пять слоев в общей сложности, назовите их так:

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

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

Справочные сетки (или Базовые сетки) - набор четко определенных поверхностей для справки, которые позволят создать иконки однородного размера и формы.

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

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

Шаг 1

Заблокируйте для начала все слои кроме слоя "сетка", затем с помощью инструмента Прямоугольник (М) создайте квадрат размером 128 х 128 рх оранжевого цвета (#F15A24). Он будет задавать общий размер всех иконок.

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

Шаг 2

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

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

Шаг 3

Выделите и сгруппируйте два квадрата с помощью Control-G, выравнивание по центру относительно монтажной области. Создайте остальные сетки, скопировав эту (Control-C > Control-F три раза) на расстоянии друг от друга в 40 рх по горизонтали. Заблокируйте этот слой прежде, чем перейдете к следующему разделу.

adding the remaining reference gridsadding the remaining reference gridsadding the remaining reference grids

5. Как создать иконку с очками

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

Шаг 1

Начните работать над левой частью очков, создав линзу с помощью эллипса 48 х 44 рх, выбрав цвет #FF8C69, затем расположите его на расстоянии 6 рх слева от области рисования и в 8 рх на расстоянии от верхнего края.

creating and positioning the main shape for the glasses left lenscreating and positioning the main shape for the glasses left lenscreating and positioning the main shape for the glasses left lens

Шаг 2

Корректируем форму прямоугольника, задав Радиус всех углов, кроме верхнего правого, на 22 рх в поле Трансформирование на панели Свойства Прямоугольника.

adjusting the shape of the glasses left lensadjusting the shape of the glasses left lensadjusting the shape of the glasses left lens

Шаг 3

У получившейся фигуры добавьте Обводку, скопировав ее с помощью Control-C, разместите копию впереди (Control-F), и замените ее цвет на #3D2F2C. Поменяйте местами Заливку и Обводку (Shift-X), поменяйте Толщину на 4рх. Закончив, выделите и сгруппируйте обе фигуры с помощью сочетания клавиш Control-G, прежде чем перейти к следующему шагу.

adding the outline to the glasses left lensadding the outline to the glasses left lensadding the outline to the glasses left lens

Шаг 4

Начните работать над левым краем, создав скругленный прямоугольник 12 х 4 рх (#3D2F2C) с Угловым Радиусом 2 рх, который мы выровняем по левому краю области рисования, располагая его на расстоянии 16 рх от верхнего края.

creating and positioning the main shape for the bottom section of the glasses left end piececreating and positioning the main shape for the bottom section of the glasses left end piececreating and positioning the main shape for the bottom section of the glasses left end piece

Шаг 5

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

creating and positioning the main shape for the upper section of the glasses left end piececreating and positioning the main shape for the upper section of the glasses left end piececreating and positioning the main shape for the upper section of the glasses left end piece

Шаг 6

Выделяем только что сгруппированные фигуры, располагаем их под более крупной линзой с помощью правого клика - Упорядочить - Отправить на задний план.

positioning the glasses left end piece underneath the larger lenspositioning the glasses left end piece underneath the larger lenspositioning the glasses left end piece underneath the larger lens

Шаг 7

Закончите левую линзу, добавив прямоугольник 20 х 4 рх (#3D2F2C) поверх более крупной фигуры, расположив на расстоянии 4 рх от правого края. Закончив, выделите и сгруппируйте (Control-G) все фигуры этого раздела, прежде чем перейти к следующему шагу.

finishing off the glasses left lensfinishing off the glasses left lensfinishing off the glasses left lens

Шаг 8

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

adding the glasses right lensadding the glasses right lensadding the glasses right lens

Шаг 9

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

adding the top bridge to the glasses upper sectionadding the top bridge to the glasses upper sectionadding the top bridge to the glasses upper section

Шаг 10

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

adding the smaller bridges to the glasses upper sectionadding the smaller bridges to the glasses upper sectionadding the smaller bridges to the glasses upper section

Шаг 11

Создайте перемычку для носа с помощью окружности 12 х 12 рх с Обводкой в 4 рх (#3D2F2C), и расположите ее ниже верхних перемычек на расстоянии 2 рх.

adding the nose section to the glasses upper sectionadding the nose section to the glasses upper sectionadding the nose section to the glasses upper section

Шаг 12

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

adjusting the glasses nose sectionadjusting the glasses nose sectionadjusting the glasses nose section

Шаг 13

Добавьте веревочку слева с помощью прямоугольника размером 12 х 88 рх с Обводкой толщиной 4 рх (#3D2F2C), и выровняйте его относительно нижнего края области рисования, расположив на расстоянии 4 рх от левой границы.

adding the left string section to the glassesadding the left string section to the glassesadding the left string section to the glasses

Шаг 14

Откорректируйте нижнюю часть веревочки, задав Радиус нижних углов в 6 рх с помощью Трансформирования в панели Свойства Прямоугольника. Закончив, не забудьте расположить получившуюся фигуру под очками (правый клик - Упорядочить - Отправить на задний план), прежде чем перейти к следующему шагу.

adjusting the shape of the glasses left string sectionadjusting the shape of the glasses left string sectionadjusting the shape of the glasses left string section

Шаг 15

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

adding the right string section to the glassesadding the right string section to the glassesadding the right string section to the glasses

Шаг 16

Закончите иконку, добавив центральную часть веревочки с помощью Обводки длиной 12 рх и толщиной 4 рх (#3D2F2C). Расположите ее под перемычкой для носа на расстоянии 8 рх от верха арки. Закончив, выделите и сгруппируйте (Control-G) все элементы композиции иконки, прежде чем перейти к следующему шагу.

finishing off the glasses iconfinishing off the glasses iconfinishing off the glasses icon

6. Как создать иконку с солнцезащитным кремом

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

Шаг 1

Создайте колпачок для тюбика с помощью прямоугольника 40 х 14 рх (#89DBCC), который вы откорректируете задав Радиус нижних углов в 4 рх с помощью Трансформирования на панели Свойства Прямоугольника. У получившейся фигуры создайте Обводку в 4 рх (#3D2F2C). Сгруппируйте (Control-G) и выровняйте по центру оба элемента относительно нижней границы области рисования.

creating and positioning the main shapes for the sun creams capcreating and positioning the main shapes for the sun creams capcreating and positioning the main shapes for the sun creams cap

Шаг 2

Добавьте небольшую вставку, нарисовав прямоугольник 12 х 6 рх (#3D2F2C), выровняйте по центру относительно верхнего края крышки, выделите и сгруппируйте (Control-G) обе фигуры, прежде чем перейти к следующему шагу.

adding the rectangular insertion to the sun creams capadding the rectangular insertion to the sun creams capadding the rectangular insertion to the sun creams cap

Шаг 3

Создайте горлышко с помощью прямоугольника 40 х 8 рх (#FF8C69) c обводкой толщиной 4 рх (#3D2F2C).  Сгруппируйте (Control-G), расположите поверх прежде созданной группы фигур.

adding the neck section to the sun creams capadding the neck section to the sun creams capadding the neck section to the sun creams cap

Шаг 4

Начните работу над корпусом бутылки, создав прямоугольник 40 х 8 рх (#C5EFE7), расположите его поверх отдела с горлышком. Добавьте еще один, более широкий, 56 х 8 рх (#C5EFE7), расположите на расстоянии 8 рх от верхнего края области рисования.

creating and positioning the main shapes for the sun cream bottles main bodycreating and positioning the main shapes for the sun cream bottles main bodycreating and positioning the main shapes for the sun cream bottles main body

Шаг 5

Добавьте по опорной точке во внутренней стороне каждого прямоугольника (тех, которые смотрят друг на друга) с помощью инструмента Добавить Опорную Точку (+), а затем удалите их с помощью инструмента Частичного Выделения (А) и клавиши Delete.

opening up the paths of the sun cream bottles two composing rectanglesopening up the paths of the sun cream bottles two composing rectanglesopening up the paths of the sun cream bottles two composing rectangles

Шаг 6

Умножьте два контура в одну более крупную фигуру, выделив их и нажав Control-J дважды.

uniting the sun cream bottles composing rectangles into a single larger shapeuniting the sun cream bottles composing rectangles into a single larger shapeuniting the sun cream bottles composing rectangles into a single larger shape

Шаг 7

У получившейся фигуры задайте обводку в 4 рх (#3D2F2C), выделив и сгруппировав обе с помощью сочетания клавиш Control-G.

adding the outline to the sun cream bottles main bodyadding the outline to the sun cream bottles main bodyadding the outline to the sun cream bottles main body

Шаг 8

Начните добавлять детали на бутылочку, создав две строчки "текста" с помощью прямоугольника 16 х 4 рх (#3D2F2C), вертикально расположенного на расстоянии в 4 рх от более широкого в 20 х 4 рх (#3D2F2C). Закончив, выделите и сгруппируйте (Control-G) обе фигуры, выровняйте по центру относительно нижней секции, над которой вы сейчас работаете, расположив их на 10 рх от нее.

adding the two text lines to the sun cream bottles main bodyadding the two text lines to the sun cream bottles main bodyadding the two text lines to the sun cream bottles main body

Шаг 9

Нарисуйте солнышко с помощью окружности 16 х 16 рх (#FFCF6E) с обводкой толщиной 4 рх (#3D2F2C), которые надо сгруппировать (Control-G) и расположить над "текстом" на расстоянии 18 рх.

creating and positioning the main shapes for the sun cream bottles suncreating and positioning the main shapes for the sun cream bottles suncreating and positioning the main shapes for the sun cream bottles sun

Шаг 10

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

adding the sunrays to the sun cream bottles main bodyadding the sunrays to the sun cream bottles main bodyadding the sunrays to the sun cream bottles main body

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

Шаг 11

Добавьте горизонтальную диталь с помощью Обводки длиной 56 рх и шириной 4 рх (#3D2F2C), и расположите ее на расстоянии 4 рх от верхнего края бутылки.

adding the horizontal detail line to the sun cream bottles upper sectionadding the horizontal detail line to the sun cream bottles upper sectionadding the horizontal detail line to the sun cream bottles upper section

Шаг 12

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

adding the vertical insertions to the sun cream bottles upper sectionadding the vertical insertions to the sun cream bottles upper sectionadding the vertical insertions to the sun cream bottles upper section

Шаг 13

Закончите бутылку, соответственно, и всю иконку, добавив прямоугольник 56 х 6 рх (#FFCF6E). Задайте ему обводку в 4 рх (#3D2F2C), все это надо сгруппировать (Control-G) и выровнять по центру относительно верхнего края области рисования. Закончив, выделите и сгруппируйте (Control-G) все сегменты иконки, прежде чем перейти к следующему шагу.

finishing off the sun cream iconfinishing off the sun cream iconfinishing off the sun cream icon

7. Как создать иконку с надувным кругом

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

Шаг 1

Создайте нижнюю часть круга с помощью скругленного прямоугольника 104 х 104 рх (#89DBCC) с Угловым Радиусом 16 рх, который надо расположить по центру низлежащей области рисования.

creating and positioning the main shape for the inflatable rings back sectioncreating and positioning the main shape for the inflatable rings back sectioncreating and positioning the main shape for the inflatable rings back section

Шаг 2

Создайте вырез с помощью окружности 40 х 40 рх (на рисунке  выделено красным), расположите ее по центру более крупной фигуры и удалите с помощью Обработки Контуров опцией Вычитания.

adding the cutout to the inflatable rings back sectionadding the cutout to the inflatable rings back sectionadding the cutout to the inflatable rings back section

Шаг 3

Задайте получившейся фигуре обводку 4 рх (#3D2F2C); выделите и сгруппируйте (Control-G) обе фигуры, прежде чем перейти к следующему шагу.

adding the outline to the inflatable rings back sectionadding the outline to the inflatable rings back sectionadding the outline to the inflatable rings back section

Шаг 4

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

creating and positioning the main shape for the inflatable rings front sectioncreating and positioning the main shape for the inflatable rings front sectioncreating and positioning the main shape for the inflatable rings front section

Шаг 5

Добавьте круглый вырез с помощью окружности 52 х 52 рх (выделено красным), которую удалите с более крупной фигуры с помощью Обработки Контуров опцией Вычитания.

adding the circular cutout to the inflatable rings front sectionadding the circular cutout to the inflatable rings front sectionadding the circular cutout to the inflatable rings front section

Шаг 6

Начните работу над трапецией вверху, создав прямоугольник 32 х 40 рх (#FFCF6E), который надо расположить по центру верхнего края справочной сетки, а затем откорректировать, передвигая нижние опорные точки по одной на расстояние 10 рх (правый клик - Трансформирование - Перемещение - Горизонтальное - (+/-)10 рх, в зависимости от того, с какой стороны вы начинаете).

creating and positioning the main shape for the inflatable rings top trapezoidcreating and positioning the main shape for the inflatable rings top trapezoidcreating and positioning the main shape for the inflatable rings top trapezoid

Шаг 7

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

adding the outline to the inflatable rings top trapezoidadding the outline to the inflatable rings top trapezoidadding the outline to the inflatable rings top trapezoid

Шаг 8

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

adding the inflatable rings bottom trapezoidadding the inflatable rings bottom trapezoidadding the inflatable rings bottom trapezoid

Шаг 9

Добавьте правую и левую трапеции, создав копию только что созданных двух трапеций (Control-C > Control-F), затем поверните эту копию на 90 градусов (правый клик > Трансформирование > Вращение > 90º).

adding the inflatable rings side trapezoidsadding the inflatable rings side trapezoidsadding the inflatable rings side trapezoids

Шаг 10

Потратьте немного времени на то, чтобы создать неровные черные пятна на каждую трапецию (#3D2F2C). Закончив, выделите и сгруппируйте (Control-G) все элементы на каждой отдельной трапеции.

adding the black color spots to the inflatable rings trapezoidsadding the black color spots to the inflatable rings trapezoidsadding the black color spots to the inflatable rings trapezoids

Шаг 11

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

masking the inflatable rings trapezoidsmasking the inflatable rings trapezoidsmasking the inflatable rings trapezoids

Шаг 12

Задайте верхней получившейся фигуре обводку в 4 рх (#3D2F2C). После этого обязательно выделите и сгруппируйте (Control-G) все элементы.

adding the outline to the inflatable rings front sectionadding the outline to the inflatable rings front sectionadding the outline to the inflatable rings front section

Шаг 13

Закончите надувной круг, добавив небольшой клапан для воздуха, нарисовав окружность 8 х 8 рх (#89DBCC) и обводку 4 рх (#3D2F2C). В центре этой фигуры расположите еще круг меньшего размера 2 х 2 рх (#3D2F2C). Сгруппируйте (Control-G) и расположите все три фигуры в правом нижнем углу внутренней части круга. Закончив, выделите и сгруппируйте (Control-G) все элементы иконки, прежде чем перейти к следующему шагу.

finishing off the inflatable ring iconfinishing off the inflatable ring iconfinishing off the inflatable ring icon

8. Как создать иконку с раковиной

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

Шаг 1

Начните работать над верхней частью раковины, создав прямоугольник 24 х 6 рх (#3D2F2C), откорректируйте его, задав Радиус верхним углам в 6 рх. Выровняйте получившуюся фигуру относительно верхнего края области рисования.

creating and positioning the main shape for the upper section of the shell iconcreating and positioning the main shape for the upper section of the shell iconcreating and positioning the main shape for the upper section of the shell icon

Шаг 2

Создайте выпуклость с помощью эллипса 36 х 16 рх (#6CBAAB), откорректируйте его, подвинув нижние опорные точки вниз на расстояние 8 рх с помощью инструмента Перемещения (правый клик - Трансформирование - Перемещение - Горизонтальное - 8 рх). Задайте обводку получившейся фигуре в 4 рх (#3D2F2C). Сгруппируйте (Control-G) обе фигуры поверх предыдущей фигуры, как показано на изображении.

creating and positioning the main shapes for the shell icons umbocreating and positioning the main shapes for the shell icons umbocreating and positioning the main shapes for the shell icons umbo

Шаг 3

Создайте еще один маленький эллипс 12 х 8 рх (#3D2F2C), выровняйте его по центру относительно верхнего края предыдущей фигуры. Закончив, выделите и сгруппируйте (Control-G) все получившиеся фигуры, прежде чем перейти к следующему шагу.

adding the smaller ellipse to the shell icons umboadding the smaller ellipse to the shell icons umboadding the smaller ellipse to the shell icons umbo

Шаг 4

Начните работать над основной частью раковины, создав эллипс 92 х 72 рх (#89DBCC), который необходимо расположить на расстоянии в 2 рх от центра нижнего края области рисования.

creating and positioning the main shape for the shell icons main bodycreating and positioning the main shape for the shell icons main bodycreating and positioning the main shape for the shell icons main body

Шаг 5

Откорректируйте фигуру, выделив верхнюю опорную точку с помощью инструмента Частичного Выделения (А), и сдвиньте ее на расстояние 28 рх с помощью инструмента Перемещение (правый клик - Трансформирование - Перемещение - Вертикальное - "-28 рх").

adjusting the shape of the shell icons main bodyadjusting the shape of the shell icons main bodyadjusting the shape of the shell icons main body

Шаг 6

Создайте внутреннюю часть раковины с помощью эллипса 96 х 56 рх (#C5EFE7), и расположите на расстоянии 12 рх от нижнего края большего эллипса.

creating and positioning the main shape for the shell icons inner body sectioncreating and positioning the main shape for the shell icons inner body sectioncreating and positioning the main shape for the shell icons inner body section

Шаг 7

Откорректируйте только что созданную фигуру, выделив и переместив верхнюю опорную точку еще выше на расстояние 32 рх (правый клик - Трансформирование - Перемещение - Вертикальное - "-32 рх").

adjusting the shape of the shell icons inner body sectionadjusting the shape of the shell icons inner body sectionadjusting the shape of the shell icons inner body section

Шаг 8

Задайте получившейся фигуре обводку в 4 рх (#3D2F2C), выделив и сгруппировав (Control-G) обе фигуры в конце.

adding the outline to the shell icons inner body sectionadding the outline to the shell icons inner body sectionadding the outline to the shell icons inner body section

Шаг 9

Создайте вертикальное кольцо с помощью эллипса 58 х 164 рх с Обводкой в 4 рх (#3D2F2C), которое необходимо откорректировать, удалив нижнюю половину. Это можно сделать, выделив и удалив (Delete) нижнюю опорную точку. Закончив, расположите получившуюся фигуру по центру верхнего края внутренней фигуры.

adding the vertical ring to the shell icons inner body sectionadding the vertical ring to the shell icons inner body sectionadding the vertical ring to the shell icons inner body section

Шаг 10

Добавьте вертикальную деталь с помощью линии Обводки длиной 88 рх и шириной 4 рх (#3D2F2C). Расположите ее в центре внутренней секции, по нижнему краю.

adding the vertical detail line to the shell icons inner body sectionadding the vertical detail line to the shell icons inner body sectionadding the vertical detail line to the shell icons inner body section

Шаг 11

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

masking the shell icons inner body sectionmasking the shell icons inner body sectionmasking the shell icons inner body section

Шаг 12

Закончите иконку, а вместе с ней, весь проект, добавив обводку в 4 рх (#3D2F2C) основной фигуре раковины. После эого выделите и сгруппируйте все составляющие фигуры (Control-G). Закончив, выделите и сгруппируйте (Control-G) все элементы иконки, прежде чем сохранять проект с помощью сочетания клавиш Control-S.

finishing off the shell iconfinishing off the shell iconfinishing off the shell icon

Закругляемся!

Вот, мои коллеги - дизайнеры иконок, у вас получилось справиться с легким и интересным упражнением по созданию собственной коллекции иконок на летнюю тему с помощью самых базовых фигур и инструментов. Надеюсь, у вас получилось следовать пошаговым инструкциям, а самое главное, надеюсь, что вы научились чему-то новому и полезному.

finished project previewfinished project previewfinished project preview
One subscription.
Unlimited Downloads.
Get unlimited downloads