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

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

Создаем новогоднюю елку с помощью Pen Tool в Adobe Illustrator CS5

27 декабря 2012 | Опубликовано в Уроки | Нет комментариев »

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

Конечный результат

 

Детали урока:

  • Софт: Adobe Illustrator CS5
  • Сложность: Intermediate
  • Время: 30 минут

 

Шаг 1 

Начинаем с инструмента Pen Tool (P). Выберите его на панели инструментов и нарисуйте форму, как это показано на рисунке ниже. Она должна быть простой — только с двумя опорными точками на концах. Убедитесь в том, чтобы удален Fill color цвет заливки и установлен  Stroke color  с любым понравившимся вам цветом (цвет в данный момент не имеет значения).

Шаг 2

Создаем копию этого объекта. Для этого нажимаем  на клавиатуре Alt / Option и перетаскиваем линию фигуру вверх. Это даст нам возможность создать новую копию.

Шаг 3

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

Шаг 4

Удаляем цвет обводки Stroke color и заливаем форму любым цветом. 

Шаг 5

Давайте создадим внутреннюю сторону ленты. На панели инструментов выберите Pen Tool (P)  и создайте линию, как  на рисунке ниже. Попробуйте нарисовать новую форму, чтобы она совпадала с передней стороной ленты.  Если у вас все же не получился плавный переход, не стоит волноваться. Это будет исправлено позже. 

Шаг 6

Создайте копию новой формы, удерживая Alt / Option + клик на форме и переместите ее вверх вверх (как делали ранее).

Шаг 7

Возьмите Pen Tool (P) и соедините. Удалите цвет обводки Stroke color  и установите цвет заливки Fill color на любой понравившийся вам цвет. Кроме того, новую форму разместите за задний план (Shift + Ctrl / Command + [).

Шаг 8

Мы собираемся несколько раз повторить предыдущие шаги, чтобы создать другие части ленты. Возьмите Pen Tool (P) и нарисуйте новую фрму. На этот раз немного короче, чем в предыдущих шагах.

Шаг 9

Создайте копию новой формы  (Alt / Option + нклик и перетащите выше). Как и в прошлый раз, используя Pen Tool (P) создайте связь между путями

Шаг 10

Повторяя предыдущие шаги, создадим остальные части  ленты.

Шаг 11

Используя ту же технику, мы постараемся создать интересные окончания нашей ленты.

Шаг 12

Как мы видим, наша лента не имеет идеальную форму. Некоторые части ленты имеют не совсем ровные и гладкие переходы. Нужно это исправить. Берем на панели инструментов Direct Selection Tool (A) и регулируем положение опорных точек.

Шаг 13

Наши опорные точки после корректировки должны выглядеть приблизительно так:

Шаг 14

Наша елка готова для того, чтобы ее закрасить.  Мы постараемся достичь хорошего внешний вид ленты с помощью простых градиентов. Итак, давайте начнем.

Для передней стороне ленты мы будем использовать зеленый линейный градиент.

Шаг 15

Для внутренней стороны - простой радиальный градиент.

Шаг 16

Для того, чтобы улучшить внешний вид нашей елки, постараемся добавить немного обьема. Для этого нужно  дублировать (Ctrl / Command + C, Ctrl / Command + F) внешние части ленты. Далее с помощью Direct Selection Tool (A) выделите опорные точки, отмеченные красными стрелками, и удалить их, нажав Delete на клавиатуре.

Шаг 17

Удалить заливку the Fill color новых форм и установить любой цвет обводки. Переходим в панель Stroke Panelдо и выбираем Weight - 0.5 pt , Profile  - Width Profile 1.

Шаг 18

Под вкладкой Object выберите Expand Appearance  (Объект>Разобрать оформление), чтобы в дальнейшем применить радиальный градиент (тот самый, которым мы заполняли внутренние части ленты).

Шаг 19

Повторим предыдущие шаги для внутренних частей ленты. Устанавливаем цвет заливки на # 007500. Должно получиться следующее:

Шаг 20

Мы собираемся создать красивую звезду на вершине елки. Возьмите Star Tool на панели инструментов и нажмите где-нибудь на монтажной области. Затем введите следующие параметры.

Шаг 21

Выберите на панели инструментов Line Segment Tool (/)  и создайте вертикальной прямую линию (не забудьте удерживать клавишу Shift на клавиатуре для прямого перетаскивания). Совместите новый путь со звездой, выбрав Horizontal Align Center.. 

Шаг 22

Так как наша звезда будет иметь десять углов,  нам нужно сделать четыре копии линии. Каждая копия должна быть повернута на 36 ˚. Для этого выберите Object> Transform> Rotate. Установите угол поворота 36 ˚ и нажмите кнопку копировать. 

Шаг 23

Теперь нам нужно еще три контура. Для этого просто нажмите три раза на  Ctrl / Command + D. Не стесняйтесь регулировать положение фигур. У вас должно получиться что-то вроде этого.

Шаг 24

Выделите контуры и звезду и в панели Pathfinder нажмите на кнопку Divide. Это поделит звезду на 10 сегментов.

Шаг 25

Разгруппируйте  (Shift + Ctrl / Command + G)  сегменты звезды и примените линейные градиенты. Убедитесь в том, градиент был применен  к каждому из сегментов.

Шаг 26

Выделите все части звезды и обьедините их (Ctrl / Command + G). Разместите ее на вершине елки (не забудьте поместить елку на передний план, нажав Shift + Ctrl / Command +]).

Шаг 27

Как вы можете видеть, что цель достигнута. Выберите нижнюю внутреннюю часть ленты и дублируйте ее (Ctrl / Command + C, Ctrl / Command + F). Возьмите на панели инструментов инструмент Direct Selection Tool (A) и снимите опорные точки, как показано на рисунке ниже.

Шаг 28

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

Шаг 29

Возьмите инструмент  Path Type ( текст по контуру) на панели инструментов, выбрать шрифт, который нравится, установите размер шрифта и нажмите на контур, который мы создали. Введите «Merry Christmas». Ничего страшного, если ваш текст будет перевернутым. Мы исправим это.

Шаг 30

Выделите текст (вместе с контуром) и под Type выберите Type on Path > Type on a Path Options.  В окне Type on a Path Options, оставить все как есть и не забудьте проверить параметр Flip. Все, что вам нужно сделать — это настроить положение текста.

Заключение

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

 Автор Jasmina Stanojevic

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

Возможно, вас также заинтересуют статьи:

 




Коментарии запрещены.

[an error occurred while processing the directive]


[an error occurred while processing the directive]