Встречайте, у нас в гостях иллюстратор и видеограф Александр Хливнюк. Александр пришёл не просто так :) А принёс с собой очень полезный урок по Adobe Illustrator для начинающих: как нарисовать иконку Wi Fi. За что скажем ему все дружно большущее спасибо.
Автор:Александр Хливнюк
Уровень:для начинающих
Версия Adobe Illustrator:любая
![]()
Чтобы выполнить этот урок, вам понадобятся начальные навыки работы в Adobe Illustrator. Если вы всего пару дней назад открыли Adobe Illustrator, то для начала лучше пройти курс "Изучи Adobe Illustrator за 30 дней!", а затем уже приступать к этому уроку. Если возникнут какие-либо вопросы, вы можете задавать их в комментариях к статье.
Итак, поехали. Нажимайте на изображения в уроке, чтобы открыть их на весь экран.
Создаем новый файл 600x600 px.
![]()
Рисуем круг в центре размером 60х60 px. Заливки у фигуры нет, обводка черная в один пункт.
![]()
Следом еще один размером 460х460 px. Следите за тем, чтобы они были отцентрованы друг к другу по вертикали и горизонтали. Если не получилось нарисовать их ровно, то используйте для выравнивания панель Align.
![]()
Выделите всё (Ctrl+A). Идём меню Object > Blend > Blend Options, чтобы настроить переход.
![]()
Выберите в выпадающем меню Specified Stepsи поставьте значение 2, нажмите ОК.
![]()
Затем идём Object > Blend > Make.
![]()
Вот что получится.
![]()
Затем следует "заэкспандить" нашу фигуру.
![]()
В появившемся окошке просто нажмите ОК. И переход преобразуется в группу кругов.
![]()
Затем выберите в группе самый нижний объект (это наша будущая точка) и извлеките ее из группы, перетащив наверх в панеле слоёв Layers.
![]()
![]()
А к оставшейся группе колец примените обводку толщиной в 30 px по внутреннему краю. Нажмите Strokeв панеле информации, чтобы получить доступ к настройкам обводки.
![]()
Далее идем Object > Expand Appearance
![]()
![]()
Теперь нарисуем треугольник, вершина которого проходит через центр нашей точки. Используйте инструмент Pen Tool.
![]()
Выделите треугольник и группу с кругами и нажмите кнопку Cropв панели Pathfinder.
![]()
Вот что получилось. Надо лишь зайти в группу и сделать там "зачистку", удалив лишние контуры. Вы также можете выполнить команду Object > Patch > Clean Up, чтобы вычистить иллюстрацию автоматически.
![]()
Осталось у центральной точки поменять местами обводку и заливку.
![]()
Далее вы можете добавить цвета и градиенты. Или значок Wi Fi можно разукрасить быстро и легко, используя графические стили.
![]()
Получились вот такие значки Wi Fi. Выбирай любой на вкус.
Если у вас тоже появилось желание написать урок для этого блога, то обратите внимание на статью: Напиши свой урок – попади к нам на блог!
Александр Хливнюкспециально для блога Записки микростокового иллюстратора![]()
![]()
![]()
Автор:Александр Хливнюк
Уровень:для начинающих
Версия Adobe Illustrator:любая
Чтобы выполнить этот урок, вам понадобятся начальные навыки работы в Adobe Illustrator. Если вы всего пару дней назад открыли Adobe Illustrator, то для начала лучше пройти курс "Изучи Adobe Illustrator за 30 дней!", а затем уже приступать к этому уроку. Если возникнут какие-либо вопросы, вы можете задавать их в комментариях к статье.
Итак, поехали. Нажимайте на изображения в уроке, чтобы открыть их на весь экран.
Создаем новый файл 600x600 px.
Рисуем круг в центре размером 60х60 px. Заливки у фигуры нет, обводка черная в один пункт.
Следом еще один размером 460х460 px. Следите за тем, чтобы они были отцентрованы друг к другу по вертикали и горизонтали. Если не получилось нарисовать их ровно, то используйте для выравнивания панель Align.
Выделите всё (Ctrl+A). Идём меню Object > Blend > Blend Options, чтобы настроить переход.
Выберите в выпадающем меню Specified Stepsи поставьте значение 2, нажмите ОК.
Затем идём Object > Blend > Make.
Вот что получится.
Затем следует "заэкспандить" нашу фигуру.
В появившемся окошке просто нажмите ОК. И переход преобразуется в группу кругов.
Затем выберите в группе самый нижний объект (это наша будущая точка) и извлеките ее из группы, перетащив наверх в панеле слоёв Layers.
А к оставшейся группе колец примените обводку толщиной в 30 px по внутреннему краю. Нажмите Strokeв панеле информации, чтобы получить доступ к настройкам обводки.
Далее идем Object > Expand Appearance
Теперь нарисуем треугольник, вершина которого проходит через центр нашей точки. Используйте инструмент Pen Tool.
Выделите треугольник и группу с кругами и нажмите кнопку Cropв панели Pathfinder.
Вот что получилось. Надо лишь зайти в группу и сделать там "зачистку", удалив лишние контуры. Вы также можете выполнить команду Object > Patch > Clean Up, чтобы вычистить иллюстрацию автоматически.
Осталось у центральной точки поменять местами обводку и заливку.
Далее вы можете добавить цвета и градиенты. Или значок Wi Fi можно разукрасить быстро и легко, используя графические стили.
Получились вот такие значки Wi Fi. Выбирай любой на вкус.
Если у вас тоже появилось желание написать урок для этого блога, то обратите внимание на статью: Напиши свой урок – попади к нам на блог!
Александр Хливнюкспециально для блога Записки микростокового иллюстратора