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


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


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

    Шаг 1. Небо

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

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



    Шаг 2. Лучи

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

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


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

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


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

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


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

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

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


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

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


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

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


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

    Шаг 3. Солнце

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

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

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

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

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


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

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


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

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



    Шаг 4. Облако

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

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


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

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


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

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


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

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

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

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



    Шаг 5. Дождь

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

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


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

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


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

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


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

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


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

     


     

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

    Информация

    Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

Стоит посмотреть
Новое


Развитие


Афиша


Подпишись!






Реклама

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



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