Vectorboom
Уроки / Векторные Иконки / Comments: 10

Как в Adobe Illustrator создать векторную иконку облака

Ярослав Лазунов
27.05.2013
Цель урока
урок по созданию в Illustrator стеклянного значка облака

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

Сегодня мы рассмотрим один из способов создания стеклянных объектов в Adobe Illustrator на примере стеклянной иконки облака. Изучив этот урок, вы без труда сможете создать серию стеклянных иконок любой формы.

Шаг 1

При помощи Ellipse Tool (L) создадим четыре окружности и расположим их так, как показано на рисунке ниже.

Выделяем эллипсы A и B, затем выравниваем их по нижнему краю при помощи панели иллюстратора - Align.

Шаг 2

При помощи Pen Tool (P) создадим новую форму, которая состоит из прямолинейных сегментов. Точки нижнего сегмента должны проходить через точки a и b нижних окружностей.

Выделяем все созданные объекты, затем нажимаем на кнопку Unite в панели Pathfinder.

Шаг 3

Копируем полученную форму облака, затем вставляем ее назад (Cmd / Ctrl + C; Cmd / Ctrl + B). Смещаем нижний объект на 2px вправо и вверх, используя клавиши со стрелками. Для наглядности окрасим этот объект другим цветом.

Копируем форму облака и вставляем назад еще раз. В этот раз сместим новую форму на 2px влево и вниз.

Шаг 4

Дублируем форму векторного облака еще два раза.

Выделяем одну из голубых форм и желтую форму в панели Layers, затем нажимаем на кнопку Minus Front в панели Pathfinder.

Выделяем голубую и красную форму, затем снова нажимаем Minus Front.

Выделяем группу с желтыми объектами, затем переходим Object > Compound Path > Make (Cmd / Ctrl + 8).

Позднее эти формы должны быть залиты радиальным градиентом, поэтому будет удобней, если они будут представлять собой один объект.

Шаг 5

При помощи Pen Tool (P) создадим форму, показанную на рисунке ниже. Обычно я уменьшаю непрозрачность такого объекта в процессе создания, для того чтобы правильно оценить его соотношение с уже существующими объектами.

Восстановим значение непрозрачности до 100%. Выделяем голубую форму облака и новую форму, затем берем Shape Builder Tool и, удерживая Opt / Alt, кликаем по части верхней формы, которая выходит за пределы облака.

Это действие приведет к удалению лишней части формы.

Шаг 6

Основные формы векторной стеклянной иконки готовы. Теперь мы можем приступать к раскраске. Начнем с создания фона. Берем Rectangle Tool (M) и создаем прямоугольник, который должен быть расположен ниже всех существующих объектов. Заливаем прямоугольник радиальным градиентом, который содержит белый и два серых слайдера.

Выделяем форму облака и заливаем ее радиальным градиентом, который состоит из белого и двух оттенков серого цвета.

Установим для этой формы режим смешивания Soft Light в панели Transparency.

Шаг 7

Выделяем и заливаем белым цветом формы, показанные на рисунке ниже.

Заливаем составной путь радиальным градиентом от серого к темно-серому цвету.

Заливаем форму блика на облаке радиальным градиентом, который состоит из одного белого и двух светло-серых слайдеров.

Устанавливаем для этого объекта режим смешивания Soft Light.

Шаг 8

Копируем форму облака, затем вставляем ее назад. Устанавливаем для нового объекта режим Normal и заливаем его белым цветом. При помощи Direct Selection Tool (A) изменим форму белого объекта, сместив его нижние точки.

Копируем форму облака и вставляем назад еще один раз. Устанавливаем для новой копии режим Normal и заливаем радиальным градиентом, который состоит из двух оттенков серого цвета. Теперь сместим точки этой формы немного внутрь основной формы облака. Заблокируйте верхние объекты в панели Layers для того, чтобы ничего не мешало вам перемешать точки.

Шаг 9

Выделяем оба объекта, созданных в предыдущем шаге, затем переходим Object > Blend > Make. Для установки нужного количество шагов бленд объекта переходим Object > Blend > Blend Options… или два раза кликаем по иконке Blend Tool (W) на панели Tools.

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

Шаг 10

Создадим блики на краях стеклянной иконки. При помощи Ellipse Tool (L) нарисуем окружность с заливкой радиальным градиентом от темно-серого к черному цвету (R=0, G=0, B=0)

Установим для окружности режим смешивания Color Dodge.

Поместим подобную окружность на другом краю стеклянного облака.

Теперь вы можете разместить на поверхности облака любую пиктограмму.

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.