(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Рисуем пончиковый текст в Adobe Illustrator

Источник: dejurka.ru

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

Результат

donut-034

Шаг 1

Создайте новый документ горизонтального расположения. Инструментом Rectangle/Прямоугольник (M) создайте фигуру большую, чем рабочая область. Укажите ей розовый цвет заливки. Инструментом Line Segment/Отрезок линии создайте ровную вертикальную линию слева от прямоугольника. Дублируйте линию и расположите копию справа от прямоугольника. Инструментом Blend/Переход (W) создайте переход между двумя линиями, выбрав  125 Steps/Шагов. Уменьшите Transparency/Прозрачность для этой группы до 79%, и сменитеBlend Mode/Режим наложения на Soft Light/Мягкий свет.

donut-001

Шаг 2

Выделите прямоугольник, который создали в самом начале. Инструментом Gradient Tool/Градиент (G) залейте его радиальным градиентом от розового к темно-розовому. Вы можете выбрать другие цвета, главное следите чтобы темный цвет был у краев, а светлый - посредине.

donut-002

Шаг 3

В случае если вы решите изменить цвет фона, нарисуйте другой прямоугольник поверх всего и смените его режим наложения (Blend Mode) на Color/Цвет.

donut-003

Шаг 4

Нарисуем буквы. Используя инструмент Pencil/Карандаш (N) аккуратно рисуйте простые округлые буквы. Чтобы рисовать более плавные линии настройте опцию Fidelity/Точность. Для этого нажмите Enter, когда выбран инструмент Pencil/Карандаш, и в появившемся окне, перетяните бегунок опции Fidelity/Точность вправо. Укажите Stroke Weight/Толщину обводки в 12-20 pt. Используйте бежевый, коричневый или желтый цвет для ваших букв. В палитре Strokes/Обводка  выберите округлые Caps/Концы и Corners/Углы.

donut-004

Шаг 5

Нарисуйте буквы и выровняйте их по нижнему краю. Для этого выделите все буквы и в палитре Align/Выравнивание нажмите на соответствующую иконку. Разберите буквы, вы брав в меню Object > Expand/Объект>Разобрать.

donut-005

Шаг 6

Инструментом Pencil/Карандаш или Pen/Перо(P), нарисуйте фигуру, откусывающую часть от пончика. Сделайте это для букв OD, и T. Следите чтобы контур был закрытым. Выделяя созданную фигуру и букву, в палитре Pathfinder/Обработка контура нажимайте на Minus Front/Минус верхний.

donut-006

Шаг 7

Используя светлый цвет (в нашем случае розовый) нарисуйте глазурь, как показано на картинке ниже. Чтобы убрать дырку в букве "D", выделите букву и глазурь, инструментом Shape Builder/Создание фигур (Shift-M) выделите дырку. Снимите выделение и удалите дырку. Вот что должно получиться. Посмотрите также на откусанные кусочки.

donut-007

Шаг 8

Займемся оформлением первой буквы. Дублируйте ее (Ctrl+C > Ctrl+F). Укажите копии отсутствие заливки и светло-коричневую обводку толщиной в 3pt. Смените Blend Mode/Режим наложения для этой фигуры на Soft Light/Мягкий свет.

donut-008

Шаг 9

Вновь дублируйте слой с буквой "D", укажите отсутствие заливки и обводку светло-коричневого цвета толщиной в 0.5pt. Blend Mode/Режим наложение укажите Normal/Нормальный.

donut-009

Шаг 10

Чтобы было удобнее работать с булочной частью буквы-пончика, можете скрыть (Ctrl+3) глазурь. Выделите букву "D", дублируйте ее и в меню выберите Effect > Stylize > Inner Glow/Эффект>Стилизация>Внутреннее свечение. Укажите настройки как показано ниже.

donut-010

Шаг 11

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

donut-011

Шаг 12

Вновь дублируйте слой буквы и используя Gradient/Градиент укажите букве радиальный градиент как показано ниже.

donut-012

Шаг 13

Вновь дублируйте букву. Укажите Blend Mode/Режим наложения Color Burn/Затемнение основы, Opacity/Непрозрачность в 53% в палитре Transparency/Прозрачность. В меню выберите Effect > Sketch > Note Paper/Эффект>Эскиз>Почтовая бумага. Настройте эффект как показано ниже.

donut-013

Шаг 14

Еще раз дублируйте букву и примените к ней линейный градиент как показано ниже. Укажите букве Opacity/Непрозрачность в 50% иBlend Mode/Режим наложения Soft Light/Мягкий свет.

donut-014

Добавим зернистости: Effect > Texture > Grain/Эффект>Текстура>Зерно. Настройте как показано ниже.

donut-015

Шаг 15

Еще раз дублируйте букву и укажите ей радиальный градиент как показано ниже. Этот тот же градиент, что и в 12 шаге, разница в том, что на этот раз он должен идти от левой верхней части.

donut-016

Шаг 16

Для создания деталей, мы нарисуем две кисти. Процесс их создания тот же, отличаются они лишь цветом. Одна кисть - кремового цвета, вторая - коричневая.
Инструментом Ellipse/Эллипс(L) нарисуйте сплющенный овал. Инструментом Convert Anchor Point/Преобразовать опорную точку (Shift-C) кликните по левой и правой точке, чтобы убрать округлость углов.  Выделив овал, в меню выберите Object > Path > Offset Path/Объект>Контур>Создать параллельный контур. Укажите отступ в -8px. Выделите больший овал и укажите ему непрозрачность в 0%. Выделите оба овала и укажите им переход (при помощи инструмента Blend/Переход) в 6-10 шагов.

donut-017

Шаг 17

Выделите получившуюся фигуру, и в палитре Brushes/Кисти нажмите New Brush/Новая кисть. Выберите вариант Art Brush/Художественная кисть и дайте ей имя. Оставьте настройки по умолчанию и нажмите OK.

Тем же способом создайте вторую кисть.

donut-018

Шаг 18

Инструментом Paintbrush/Кисть только что созданной кистью нарисуйте два блика по левому краю буквы.

donut-019

Шаг 19

Второй кистью (более темного цвета) нарисуйте затемнения. Сгруппируйте все темные детали и укажите им Blend Mode/Режим наложения  Multiply/Умножение. Сгруппируйте все слои пончика, созданные в шагах с 8 по 19.

donut-020

Шаг 20

Верните глазурь (Ctrl+Shift+3) и заблокируйте группу, составляющую букву-пончик (Ctrl+2), чтобы было удобнее работать.

donut-021

Шаг 21

Если хотите, чтобы в центре был виден пончик, можете увеличить внутренний контур глазури, выделив его инструментом Direct Selection/Прямое выделение (A) и масштабировать при помощи инструмента Scale/Масштаб (S). Дублируйте глазурь. Укажите копии  Opacity/Непрозрачность в 71% и Blend Mode/Режим наложения Lighten/Замена светлым. В меню выберите Effect > Stylize > Inner Glow/Эффект>Стилизация>Внутреннее свечение, настройте эффект как показано ниже.

donut-022

Также примените эффект Plastic Wrap/Целлофановая упаковка из эффектов Artistic/Имитация:

donut-023

Шаг 22

Дублируйте глазурь, укажите фигуре отсутствие заливки и обводку коричневого цвета и толщиной в 0.5 pt. Примените к фигуре эффект Radial Blur/Радиальное размытие. Укажите настройки как показано ниже.

donut-024

Шаг 23

Дублируйте глазурь снова. Укажите отсутствие заливки и обводку коричневого цвета и толщиной в 3pt. Примените к обводке кисть, которую мы создали в шагах 16-17. Затем смените режим наложения для фигуры на Soft Light/Мягкий свет.

donut-025

Шаг 24

Дублируйте внутренний контур глазури. Укажите ему отсутствие заливки и коричневую обводку толщиной в 1pt. Также снизьте Opacity/Непрозрачность до 50%Blending Mode/Режим наложения смените на Multiply/Умножение, и примените к фигуре эффект Gaussian Blur/Размытие по Гауссу со следующими параметрами. Сгруппируйте все элементы, составляющие глазурь, созданные в шагах с 20 по 24.

donut-026

Шаг 25

Нарисуйте небольшую фигуру инструментом Rounded Rectangle/Прямоугольник со скругленными углами. Создайте параллельный контур с отступом в -1px. Затем из той же фигуры создайте параллельный контур с отступом в -2px. Укажите получившимся трем фигурам разные оттенки одного цвета. Сгруппируйте фигуры.

donut-027

Шаг 26

Повторите шаг 25 но уже на круге. Размножьте фигуры, масштабируя и поворачивая их, чтобы добиться разнообразия.

donut-028

Шаг 27

Выделите одну из групп и в меню выберите Edit > Edit Colors > Recolor Artwork/Редактировать>Редактировать цвета>Перекрасить графический объект.

donut-029

Дважды кликайте по маленьким треугольничкам, чтобы изменить цвет.

donut-030

Разукрасьте фигурки как вам нравится и инструментом Ellipse/Эллипс нарисуйте маленькие белые кружочки.

donut-031

Шаг 28

Выделите все фигурки и примените к ним эффект Drop Shadow/Тень с параметрами, указанными ниже. Разбросайте фигурки по глазури и сгруппируйте вместе все элементы, составляющие присыпку.

donut-032

Шаг 29

Вот как выглядят составляющие буквы-пончика отдельно. Повторите те же действия с другими буквами.

donut-033

Шаг 30

После того как вы закончили со всеми буквами, сгруппируйте составляющие каждой буквы. Вот и всё!

donut-034

Автор урока vectips

Ссылки по теме


 Распечатать »
 Правила публикации »
  Обсудить материал в конференции Дизайн, графика, обработка изображений »
Написать редактору 
 Рекомендовать » Дата публикации: 08.04.2014 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
Panda Global Protection - ESD версия - на 1 устройство - (лицензия на 1 год)
ABBYY Lingvo x6 Многоязычная Профессиональная версия, электронный ключ
Quest Software. Toad for SQL Server Development Suite
Inventory 9
Kerio Control - Server (incl 5 users, 1 yr SWM)
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
CASE-технологии
Компьютерный дизайн - Все графические редакторы
Программирование в AutoCAD
Все о PHP и даже больше
Компьютерная библиотека: книги, статьи, полезные ссылки
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
Обсуждения в форумах
Как извлечь рисунки из файла Word (45)
Вообще-то есть еще способ - сделать в Word-е Copy рисунка, открыть Microsoft Photo Editor и там:...
 
Фотоколлаж (1)
Приветик всем. Хотите из обычной фотографии получить смешную и увлекательную картинку? Если есть...
 
Интерактивная 3d визуализация (2)
Нужны специалисты по интерактивной 3d визуализации.
 
Уроки CorelDraw: Растительный орнамент., Рисуем модные узоры (4)
Здравствуй, автор, у меня возникла проблема на этапе "Придадим форму основе орнамента, применив...
 
Графические редакторы (2)
Где можно скачать бесплатно Информацию о графическом редакторе Corel Photo - Phaint
 
 
 



    
rambler's top100 Rambler's Top100