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

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Классная иконка погоды за 6 шагов в Adobe Illustrator

4 июля 2016 | Опубликовано в Уроки | 3 Комментариев »

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

 

 

Что должно получиться

Шаг 1

Начнем с создания основы для иконки. При помощи инструмента Ellipse Tool (L/ Эллипс нарисуем два круга, один в другом. Это и будет база нашей будущей иконки.

Для того, чтобы получить облака, нарисуйте несколько небольших кругов, объедините их с помощью кнопки Unite / Объединить в палитре Pathfinder / Обработка Контуров.

Шаг 2

Выровняйте нижнюю часть облаков (удалите лишние опорные точки) и поместите круг (это будет солнце или луна) между облаков.

Так как это ночь, мы добавим пару звезд. Для этого нарисуйте маленькие круги вокруг того, что получилось, выделите их и примените эффект Pucker / Втягивание (вы найдете его в Effect > Distort & Transform > Pucker & Bloat / Эффект > Деформация и трансформирование > Втягивание и раздувание).

Примените Expand / Разобрать Оформление и поместите весь дизайн поверх кругов, созданных ранее. Вот наша основная иконка.

Шаг 3

Выделите большой круг и примените Linear Gradient / Линейный Градиент от темно-фиолетового до фиолетового и фуксии или типа того. Для маленького круга задайте белый цвет заливки и измените Blending Mode / Режим Наложения на Screen / Экран или Overlay / Перекрытие (все это в палитре Transparency / Прозрачность).

Шаг 4

Мы задали меньшему кругу белую обводку, а звезды закрасили белым, изменив режим наложения на Overlay / Перекрытие. Луне мы задали Linear Gradient / Линейный Градиент от желто-оранжевого к желтому. Облакам измените заливку на светло-голубую.

Шаг 5

Чтобы сделать иконку выпуклой, примените Drop Shadow / Тень, которая будет находится под облаками и маленьким кругом.

Шаг 6

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

Финальный результат


Автор - Mary Winkler 

Перевод — Дежурка

Смотрите также:

 




Комментарии

  1. Антон
    Thumb up Thumb down 0

    Норм, только перед деланием иконок советую гайдлайны читать!)

    Ответить

Оставить ответ


− три = 1

Вставить изображение