Стильная иконка погоды за 30 минут


Стильная иконка погоды за 30 минут


В этом уроке мы узнаем как всего за несколько шагов создать красивую иконку для информера погоды в Adobe Illustrator.

Шаг 1. Небо

Создадим новый документ. При помощи инструмента Прямоугольник (M) нарисуем на всю его площадь фигуру. С помощью инструмента Mesh Tool (U) разобьем объект на несколько частей и зальем его разными оттенками синего.




Шаг 2. Лучи

Нарисуем Окружность (L) и зальем её градиентом от желтого к черному.



В настройках смешивания выберем режим Экран (Screen)



Займемся лучами. Выберем нашу окружность и хорошенько сожмем её.



Далее, через настройки трансформирования продублируем первый луч. Для этого в окошке Угол вводим 360/14 и нажимаем Копировать. С помощью комбинации Cmd/Ctrl + D, повторенной 5 раз, у нас получится 14 лучей.




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



Выделим лучи и окружность и нажмем Cmd/Ctrl + 7, или выберем во вплывающем меню Создать маску перекрытия (Make Opacity Mask), или нажмем соответствующую кнопку на панели прозрачности.



У нас получились солнечные лучи.

Шаг 3. Солнце

Нарисуем подряд 4 концентрические окружности. Будем заливать их градиентами от желтого к черному и применять режим смешивания Экран. Обратите внимание на последовательность создания окружностей.






Солнце светит. Добавим эффектности, например, Боке (блики, при попадании света на объектив). Для этого нарисуем окружность и зальем её градиентом от серого к черному. Применим к ней всё тот же режим Экран.



продублируем результат, меняя размер окружности.




Шаг 4. Облако

С помощью Карандаша / Pencil Tool (N) нарисуем произвольную форму и зельем её белым цветом.



Размоем фигуру по Гауссу: Effect > Blur > Gaussian Blur



Выставим непрозрачность облака на уровне 15%



Далее хитрый трюк. На панели Свойства / Appearance отключим опцию New Art Has Basic Appearance. Теперь все наши новые объекты будут иметь те же свойства, что и последний созданный.

Варьируя значения непрозрачности, будем рисовать новые фигуры с помощью Карандаша, что бы сделать наше облако более объемным.





Шаг 5. Дождь

Нарисуем ряд вертикальных линий (/). В настройках выберем Заокругленные концы.



Выделим их все и Развернем вид (Object > Path > Outline Stroke). Полученный результат зальем вертикальным градиентом от черного к серому.



А затем применим режим смешивания... конечно же, Экран.



Последний штрих - сгруппируем капли и повернем их на небольшой угол.



Наша иконка погоды готова!

 

Смотрите также
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Стоит посмотреть
Новое
Развитие
Афиша
26.11 20:00
DEEP TONE project
Днепр
Реклама

Используйте только лучшие стоковые изображения и видео в своей работе!



Зарабатывайте и творите без ограничений!