Vectorboom
Уроки / Векторные Эффекты / Comments: 0

Как в Illustratore создать абстрактное облако для речи - speech bubble

Ярослав Лазунов
26.10.2012
Цель урока
урок illustrator по созданию речевого пузыря для комиксов

 

 

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

 

 

 

 

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

Шаг 1

Создаем новый документ. Нам предстоит работать в RGB режиме.

урок illustrator по созданию речевого пузыря для комиксов

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

урок illustrator по созданию речевого пузыря для комиксов

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

урок illustrator по созданию речевого пузыря для комиксов
урок illustrator по созданию речевого пузыря для комиксов
урок illustrator по созданию речевого пузыря для комиксов

Шаг 2

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

урок illustrator по созданию векторного речевого пузыря для комиксов
урок illustrator по созданию векторного речевого пузыря для комиксов

Шаг 3

Приступим к созданию фона. Берем Rectangle Tool (M) и создаем прямоугольник с размерами рабочей области иллюстратора.

урок illustrator по созданию векторного речевого пузыря для комиксов

При помощи Mesh Tool (U) делаем не сложную градиентную сетку, как это показано на рисунке ниже

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

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

Шаг 4

Создадим сетку при помощи Rectangular Grid Tool

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

Переходим Object > Transform > Rotate…, затем устанавливаем угол равный 45 градусам в диалоговом окне.

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

Теперь положим сетку в горизонтальную плоскость. Для создания перспективы отлично подходит инструмент иллюстратора - Free Transform Tool (E). Захватываем этим инструментом верхний маркер ограничительной рамки и, не отпуская кнопку мыши, нажимаем и удерживаем Cmd / Ctrl key, затем смещаем маркер вниз.

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

Шаг 5

При помощи Rectangle Tool (M) создадим прямоугольник с заливкой вертикальным линейным градиентом. Градиент содержит черный, серый и белый слайдеры. Верхняя граница прямоугольника должна совпадать с линей горизонта фона.

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

Шаг 6

Выделяем сетку и этот прямоугольник, затем выбираем Make Opacity Mask в выпадающем меню панели  Transparency.

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

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

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

Шаг 7

При помощи Ellipse Tool (L) создадим два эллипса. Первый эллипс имеет серую заливку и прозрачность 0%

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

Второй эллипс имеет серую заливку, но прозрачность 100%

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

Переходим Object > Bland > Bland Options… и устанавливаем количество specified steps в диалоговом окне. Теперь выделяем оба эллипса и переходим Object > Bland > Make

создание тени от векторного речевого пузыря в уроке по работе в illustrator

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

создание тени от векторного речевого пузыря в уроке по работе в illustrator

Шаг 8

Используя Gradient Tool (G) заливаем поверхности речевого пузыря и пирамиды.

градиентная заливка векторного диалогового пузыря

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

Работа готова и выполненная в светлых тонах стиле High-key lighting.

векторный речевой пузырь для комиксов в светлых тонах стиле High-key lighting

Если вы работаете с микростоками (например shutterstock), то можете создать еще один вариант текстового пузыря  в темных тонах в стиле Low-key lighting, как сделал это я.

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

векторный речевой пузырь для комиксов в темных тонах в стиле Low-key lighting

Это может увеличить число потенциальных покупателей ваших векторных работ на стоках. Успешных вам продаж!

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

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

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