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

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

Рисуем новогоднюю открытку в Adobe Illustrator

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

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

 

Результат

Шаг 1

Инструментом Rectangle/Прямоугольник (M) нарисуйте квадрат размером 600 x 600 px. Откройте палитру Gradient/Градиент (Window > Gradient/Окно>Градиент), выберите радиальный градиент и выставите переход цвета от темно-синего к еще более темному оттенку синего. Растяните градиент как показано ниже.

Шаг 2

Возьмите инструмент Type/Текст (T) и введите «2018». Вы можете использовать ваш любимый шрифт. В уроке использован бесплатный шрифт Fredoka One. Выберите подходящий размер шрифта и выровняйте текст по центру рабочей области в палитре Align/Выравнивание (Window > Align/Окно>Выравнивание).

Шаг 3

Выберите в меню Object > Expand/Объект>Разобрать чтобы конвертировать шрифт в кривые. Укажите нашим цифрам золотой градиент.

Шаг 4

Давайте добавим цифрам объема. В меню выберите Object > Path > Offset Path/Объект>Контур>Создать параллельный контур. Укажите отступ в -5 px, а все остальные опции оставьте как есть. Нажмите OK. Так вы создадите по внутреннему контуру внутри каждой фигуры.

Шаг 5

Не снимайте выделения с внутренних объектов, снимите заливку и укажите обводку темно-желтого цвета.

В палитре Stroke/Обводка (Window > Stroke/Окно>Обводка) укажите Weight/Толщину обводки в 3 pt. Теперь откройте палитру Transparency/Прозрачность и укажите Blending Mode/Режим наложения - Screen/Осветление. Поэкспериментируйте с параметром Opacity/Непрозрачность чтобы подобрать наилучший результат.

Шаг 6

Теперь добавим эффектов! Выделите золотую базу цифр, и выберите в меню Effect > Stylize > Inner Glow/Эффект>Стилизация>Внутреннее свечение. Настройте параметры как показано ниже.

Шаг 7

Теперь добавим легкую тень. Не снимайте выделения с золотых букв, и выберите в меню Effect > Stylize > Drop Shadow/Эффект>Стилизация>Тень. Настройте параметры как показано ниже.

Шаг 8

1) Давайте нарисуем декоративные элементы для украшения надписи. Инструментом Ellipse/Эллипс (L) нарисуйте овал размером 20 x 50 px. Инструментом Gradient/Градиент (G) растяните вертикальный линейный градиент от синего к более светлому оттенку.

2) Возьмите инструмент Direct Selection/Прямое выделение (A) и выделите верхнюю и нижнюю точки. В верхней панели настроек кликните по иконке Convert selected anchor points to corner/Преобразовать опорные точки в углы.

3) Копируйте получившийся лист (Control-C) и вставьте копию на передний план (Control-F). Выделите левую точку инструментом Direct Selection/Прямое выделение (A) и нажмите клавишу Delete чтобы удалить точку. Вы получите половину фигуры.

4) Укажите этой половине фигуры темно-синий цвет и выберите режим наложения Screen/Осветление в палитре Transparency/Прозрачность.

Выделите обе фигуры листа и сгруппируйте их (Control-G).

 

Шаг 9

А теперь рисуем ягодку. Инструментом Ellipse/Эллипс (L), удерживая клавишу Shift, нарисуйте круг размером 10 x 10 px. Залейте круг радиальным градиентом как показано ниже. Инструментом Gradient/Градиент (G) поместите центр градиента левее и выше.

Нарисуйте маленький круг внутри ягоды и залейте его линейным градиентом темно-желтого цвета. Укажите маленькому кругу режим наложения Screen/Осветление.

Сгруппируйте оба круга(Control-G).

Шаг 10

Теперь давайте украсим нашими декоративными элементами цифры. Зажмите Alt и перетащите лист, чтобы создать копию. Разместите ее под цифрой два. Нажмите Shift-Control-[ чтобы разместите фигуру на заднем плане.

Добавляйте копии, и размещайте их за цифрами, поворачивая и масштабируя, чтобы создать композицию.

Шаг 11

Вы можете сделать иллюстрацию интереснее, если поместите некоторые листики между цифрами, как показано ниже. Для этого распределите соответственно элементы в палитре Layers/Слои.

Шаг 12

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

Инструментом Type/Текст (T) введите дополнительный текст под цифрами.

Шаг 13

Теперь давайте нарисуем блики.

Инструментом Ellipse/Эллипс (L) нарисуйте круг размером 50 x 50 px. Залейте его радиальным градиентом от светло-синего к черному. Укажите кругу режим наложения Screen/Осветление, чтобы сделать черную часть прозрачной.

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

Шаг 14

Создайте блики разных цветов и разместите их на деталях нашей иллюстрации.

Результат

Автор урока vectips

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

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




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