19 мая 2014 г.

Уроки Adobe Illustrator: как нарисовать иконку Wi Fi

Встречайте, у нас в гостях иллюстратор и видеограф Александр Хливнюк. Александр пришёл не просто так :) А принёс с собой очень полезный урок по 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. Выбирай любой на вкус.

Если у вас тоже появилось желание написать урок для этого блога, то обратите внимание на статью: Напиши свой урок – попади к нам на блог!

Александр Хливнюк специально для блога Записки микростокового иллюстратора
Читать дальше...


Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Предлагаю ознакомиться с аналогичными статьями:



6 комментариев:

  1. А как сделать наоборот? мне нужно треугольник вырезать, а остальное оставить

    ОтветитьУдалить
    Ответы
    1. Попробуйте кнопочку Subtract
      Вот тут есть шпаргалка по Pathfinder если что: Adobe Illustrator за 30 дней. День 9: Создаем составные контуры

      Удалить
  2. А у меня почему-то после наложения треугольника толщина линий уменьшается Оо
    А поменять обратно метод научного тыка не позволяет)

    ОтветитьУдалить
    Ответы
    1. А обводка у объектов была или нет? Такое ощущение, что перед обрезкой треугольником у объектов была добавлена обводка, которая давала визуальное утолщение.

      Удалить
  3. у меня иллюстратор на русском,а в англе я не очень разбираюсь .....

    ОтветитьУдалить

Для тех, кто хочет оставить комментарий, но не знает как:

- Нажмите на стрелку в окошке "Подпись комментария"
- Выберите Имя/URL. Все-таки приятнее общаться с человеком, чем с Анонимом
- Напишите своё имя, строчку URL можете оставить пустой, а можете добавить ссылку на свой блог или профиль в соц. сети
- Нажмите "Продолжить"
- Напишите все, что хотели написать!
- Нажмите "Публикация"

Будьте терпеливы, комментарии отображаются в блоге только после модерации.

 

Постоянные читатели

Яндекс.Метрика

Большая коллекция уроков Adobe Illustrator вконтакте

Записки микростокового иллюстратора Copyright © 2009-2016 Flower Garden is Designed by Ipietoon for Tadpole's Notez Flower Image by Dapino