Vectorboom
Уроки / Векторные Персонажи / Comments: 7

Как в Adobe Illustrator создать векторную Новогоднюю открытку со снеговиком

Ярослав Лазунов
11.12.2012
Цель Урока
векторная новогодняя открытка со снеговиком

 

 

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

 

 

 

 

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

Создание в Illustrator основных элементов снеговика

Шаг 1

Снеговик имеет довольно простую форму, поэтому нам не нужен эскиз. Будем рисовать прямо в Adobe Illustrator. Берем Ellipse Tool (L) и создаем два эллипса, как показано на рисунке ниже.

создаем векторную форму снеговика

Цвет заливки объектов пока не имеет значения, просто заливайте их разными цветами, для того чтобы контролировать положение объектов относительно друг друга. При помощи двух эллипсов создадим формы ног снеговика. Теперь выделим при помощи Direct Selection Tool (A) нижние точки эллипсов и сместим их немного вверх.

создадим формы ног снеговика

Шаг 2

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

создадим форму носа ввиде морковки

Теперь создадим криволинейный путь в виде улыбки, который мы, конечно, создаем при помощи Pen Tool (P)

создадим криволинейный путь в виде улыбки

Шаг 3

Создаем два круга – форма глаз готова.

Создаем два круга – форма глаз

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

Приступим к созданию формы шляпы

Группируем все объекты шляпы (Command / Ctrl + G). Повернем созданную группу и поместим ее над головой снеговика.

поместим ее над головой снеговика

Шаг 4

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

Руки снеговика будут сделаны из веток

Левая рука поднята в приветствии.

Левая рука поднята в приветствии

Шаг 5

При помощи Pen Tool (P) создадим элементы шарфа.

создадим элементы шарфа

Создадим прямоугольник с кругленными углами при помощи Rounded Rectangle Tool, затем сместим его нижнюю и верхнюю сторону при помощи Direct Selection Tool (A). Таким образом, мы создали форму узла шарфа.

создадим форму узла шарфа снеговика

Создание в иллюстраторе контура снеговика

Шаг 6

Друзья, никогда не создавайте обводку постоянной ширины для ваших персонажей, это смотрится не профессионально. Существует много техник, позволяющих создать обводку переменной толщины. Сегодня мы рассмотрим одну из них, наверное, самую простую. Выделяем тело снеговика, затем переходим  Object > Path > Offset Path…, устанавливаем величину смещения и нажимаем на OK

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

Перекрашиваем верхнюю форму в белый цвет, затем заливаем нижнюю цветом, который соответствует вашим замыслам.

Перекрашиваем верхнюю форму в белый цвет

Теперь смещаем нижний объект на несколько пикселей вниз, используя Down Arrow key.

смещаем нижний объект на несколько пикселей вниз

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

создадим обводку остальных объектов снеговика

Шаг 7

Для создания рук мы будем использовать Pencil Tool (N). Для настройки этого инструмента дважды кликнете по его иконке на ToolBar. Установите параметры, показанные на рисунке ниже.

Теперь основываясь на прямолинейные сегменты, как на скелет создадим форму руки, похожую на ветку. Вам не обязательно создавать подобную форму одной линией. Мне кажется, что удобней создать несколько объектов.

создадим форму руки, похожую на ветку

Затем вы можете объединить объекты в одну форму при помощи Unite в панели Pathfinder.

вы можете объединить объекты в одну форму

Если вы не удовлетворены результатом, отредактируйте форму при помощи Pencil Tool (N). Используя эту методику, создадим вторую руку снеговика.

отредактируйте форму при помощи Pencil Tool

 

Шаг 8

При помощи Pencil Tool (N) отредактируем край поля шляпы.

отредактируем край поля шляпы

Создадим обводку шляпы, используя технику, описанную выше.

Создадим обводку шляпы

Создание мелких деталей снеговика

Шаг 9

Рот снеговика будет представлять собой ряд ягод рябины. При помощи Ellipse Tool (L) создадим три окружности, которые будут соответствовать ягоде, блику и падающей тени от ягоды.

Рот снеговика будет представлять собой ряд ягод рябины

Группируем эти окружности, затем перетаскиваем группу в панель Brushes и сохраняем новую кисть, как Scatter brush.

Рот снеговика будет представлять собой ряд ягод рябины

Оставляем параметры кисти без изменений.

Рот снеговика будет представлять собой ряд ягод рябины

Выделяем криволинейный путь, соответствующий рту снеговика, и применяем к нему созданную кисть.

Шаг 10

Создадим блики на глазах снеговика.

Создадим блики на глазах снеговика

Здесь я использовал Ellipse Tool (L) и Pen Tool (P).

Создание в иллюстраторе теней в стиле Halftone

Шаг 11

Создадим форму тени при помощи Pen Tool (P), как это показано на рисунке ниже.

Создадим форму тени при помощи Pen Tool

Не снимая выделения с объекта, переходим Effect > Blur > Gaussian Blur…, затем устанавливаем радиус размытия в диалоговом окне.

Для создания эффекта Halftone мы будем использовать Phantasm CS. Итак, переходим Effect > Phantasm CS > Halftone и устанавливаем параметры, указанные на рисунке ниже.

Для создания эффекта Halftone мы будем использовать Phantasm CS

Параметры вашего эффекта, конечно, могут отличаться от моих. Это зависит от цвета объекта и от того, какого результата вы хотите добиться. У вас всегда есть возможность наблюдать за происходящими изменениями при подборе параметров.

Для создания эффекта Halftone мы будем использовать Phantasm CS

Шаг 12

Можно ли добиться подобного эффекта стандартными средствами Adobe Illustrator? Да, вы можете получить подобный результат при помощи Color Halftone effect (Effect> Pixelate> Color Halftone). Но этот эффект очень сложно настраивать, к тому же вам придется трассировать полученный результат и вам никогда не удастся получить идеальные окружности. Более подробно о сравнении этих эффектов вы сможете узнать, прочитав урок: Как создавать интересные текстовые эффекты, используя Adobe Illustrator . Для того чтобы конвертировать Phantasm CS Halftone effect в векторные объекты вам просто нужно перейти Object > Expand Appearance.

Шаг 13

Как вы можете, видеть часть окружностей выходят за пределы формы снеговика. Скроем их при помощи Clipping Mask. Копируем форму белого эллипса и вставляем ее вперед (Command / Ctrl + C, Command / Ctrl + F). Помещаем новую форму выше объектов Halftone эффекта.

часть окружностей выходят за пределы формы снеговика. Скроем их при помощи Clipping Mask

Теперь выделяем группу окружностей и верхний эллипс, затем переходим Object > Clipping Mask > Make или используем комбинацию горячих клавиш иллюстратора Command / Ctrl + 7.

Шаг 14

Для создания теней вы также можете использовать градиентные заливки, к которым затем следует применить Phantasm CS Halftone effect.

создание теней

Для того чтобы спрятать лишние элементы эффекта используйте Clipping Mask.

чтобы спрятать лишние элементы эффекта используйте Clipping Mask

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

я создал все тени на снеговике и падающую тень от него

Нам осталось создать только фон, передающий заснеженный зимний пейзаж.

Нам осталось создать только фон, передающий заснеженный зимний пейзаж

В процессе его создания я не использовал новые техники. Но все же, если некоторые места этого урока вы находите не совсем понятными, то скачайте исходный файл  к этому уроку. Он дополнит мой рассказ.

 

 

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

 

 

 

 

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

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