в

Создаем текст из поздравительных свечек

Final product image

В следующих шагах вы научитесь создавать текст из поздравительных свечек в Adobe Illustrator.

Новички научатся настраивать простую сетку и создавать фон с лёгким узором. При помощи бесплатного шрифта и панели Оформления вместе с некоторыми базовыми техниками перехода и группировки вы научитесь создавать текстовые фигуры.  Вы узнаете, как сделать работу проще с  целевыми иконками и как организовать фигуры внутри панели Слоёв. Наконец, вы научитесь использовать некоторые эффекты Деформации и добавлять лёгкие текстуры и тушёвку. 

1. Как создать новый документ и настроить сетку 

Для создания нового документа нажмите Control-N. Выберите «Пиксели» в Единицах измерения в выпадающем меню, введите 850 в графе ширины и высоты, затем нажмите кнопку  «Больше настроек».  Выберите RGB в Цветовом режиме, установите Растровые эффекты на «Осветление» (72 точек на дюйм) и затем нажмите «Создать документ». 

Активируйте Сетку (Вид > Показать сетку) и затем Привяжите к сетке (Вид > Привязать к сетке). Вам понадобится сетка через каждый пиксель, поэтому перейдите в Редактировать > Установки > Направляющие и сетка, введите 1 в окне «Линия через каждые» и 1 в окне «Внутреннее деление на».  Не пугайтесь сетки – она сделает работу проще, к тому же вы легко можете включить и выключить её при помощи короткой комбинации клавиш Control-“. 

Вам также нужно открыть панель Информации (Окно > Информация) для предварительного просмотра в реальном времени с размером и положением ваших фигур.  Не забудьте установить единицу измерения – пиксели, перейдя в Редактировать > Установки > Единицы измерения. Все эти опции значительно увеличат скорость работы. 

setup grid

2. Как создать фон и добавить текст 

Шаг 1

Возьмите Инструмент «Прямоугольник» (М) и сосредоточьтесь на Панели инструментов. Удалите цвет обводки и выберите заливку с R=155 G=173 B=202. 

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

rectangle tool

Шаг 2

Откройте вспомогательное раскрывающееся меню на панели Образцов (Окно > Образцы) и перейдите в Открыть библиотеку образцов > Узоры > Базовая графика > Базовая графика_текстуры. Откроется новая панель со встроенными узорами.

Убедитесь, что ваш синий квадрат выделен, сфокусируйтесь на панели Оформления (Окно > Оформление) и добавьте новую заливку при помощи кнопки «Добавить новую заливку». Выберите новую заливку, примените узор Mezzotint Irregular, снизьте его Непрозрачность до 30% и измените Режим наложения на Рассеянный свет.  

pattern

Шаг 3

Перейдите на панель Слоёв (Окно > Слои), заблокируйте текущий слой и затем добавьте второй слой при помощи кнопки «Создать новый слой». Выделите его. 

Возьмите Инструмент «Текст» (Т) и откройте панель Символов (Окно > Текст > Символ). Выберите шрифт Coiny font и установите размер на 170 пикселей.  Кликните на монтажной области и добавьте текст «FIRST 10 DAYS». Поместите его в центре монтажной области и установите цвет на R=255 G=242 B=161.

type tool

Шаг 4

Выделите текст, перейдите в Текст > Преобразовать в контуры и нажмите Shift-Control-G, чтобы Разгруппировать получившуюся группу. 

create outlines

3. Как стилизовать фигуры букв 

Шаг 1

Давайте перейдём к одной из букв. Выделите её и перейдите на панель Оформления

Выделите существующую заливку, измените цвет на линейный градиент, показанный ниже, и перейдите в Эффект > Контур > Создать параллельный контур. Введите Параллель 6 пикселей, нажмите кнопку ОК, затем перейдите в Эффект > Исказить и трансформировать > Огрубление.  Введите следующие символы с картинки, нажмите кнопку ОК и перейдите в Эффект > Стилизация > Внутреннее свечение. Введите символы как на картинке ниже и затем нажмите кнопку ОК

inner glow

Шаг 2

Убедитесь, что ваша стилизованная фигура выделена, затем обратите внимание на панель Оформления

Выделите обводку и замените цвет на линейный градиент, показанный ниже.  Снизьте Непрозрачность до 70% и измените Режим наложения на Рассеянный свет, затем кликните на части текста «Обводки», чтобы открыть панель Обводки. Увеличьте толщину до 4-х пикселей и активируйте кнопку «Расположить обводку снаружи». 

gradient stroke

Шаг 3

Убедитесь, что ваша стилизованная фигура буквы остаётся выделенной, и перейдите на панель Оформления. Добавьте вторую обводку при помощи кнопки «Добавить новую обводку» и выделите её. 

Установите цвет на R=241 G=77 B=12 и Толщину на 5 пикселей, затем перейдите в Эффект > Контур > Создать параллельный контур. Введите Параллель -2 пикселя, нажмите на кнопку ОК и затем перейдите в Эффект > Исказить и трансформировать > Огрубление.  Введите параметры, указанные на картинке, нажмите кнопку ОК, затем перейдите в Эффект > Стилизация > Тень. Введите указанные параметры, затем нажмите кнопку ОК.

add new stroke

Шаг 4

Убедитесь, что ваша стилизованная фигура буквы остаётся выделенной, затем перейдите на панель Оформления. Добавьте третью обводку и выделите её. 

Установите цвет на R=252 G=138 B=6 и Толщину на 3 пикселя, затем перейдите в Эффект > Контур > Параллельный контур. Введите Параллель -2 пикселя, нажмите на кнопку ОК, затем перейдите в Эффект > Исказить и трансформировать > Огрубление.  Введите указанные на картинке параметры, нажмите кнопку ОК, затем откройте меню Обводки. Перейдите в нижнюю часть, откройте меню «Профиль» и выберите Ширину профиля 2. 

stroke profile

Шаг 5

Убедитесь, что ваша стилизованная фигура буквы остаётся выделенной, затем перейдите на панель Оформления. Добавьте четвёртую обводку и выделите её.   

Установите цвет на R=255 G=191 B=23 и Толщину на 1 пиксель, затем перейдите в Эффект > Контур > Параллельный контур. Введите Параллель -2 пикселя, нажмите на кнопку ОК, затем перейдите в Эффект > Исказить и трансформировать > Огрубление.  Введите указанные на картинке параметры, нажмите кнопку ОК, затем откройте меню Обводки. Откройте меню «Профиль» и выберите Ширину профиля 6. 

stroke profile

Шаг 6

Перейдите на панель Слоёв, откройте верхний слой и используйте эти целевые иконки для быстрого применения параметров Оформления первых букв для всех остальных. Целевые иконки – это маленькие круглые иконки, отображённые в дальней правой части каждого индивидуального слоя или фигуры.  Удерживая клавишу Alt на клавиатуре, кликните на целевой иконке, представляющей ваши стилизованные буквы, и затем перетащите её на одну из целевых иконок, представляющих другие буквы. Используйте эту же технику для стилизации остальных фигур.  

target icon

4. Как создать пластиковые подставки

Шаг 1

Сконцентрируйтесь на нижней стороне ваших первых букв. При помощи Инструмента «Прямоугольник» (М) создайте фигуру 20 х 25 пикселей и разместите её, как показано на следующей картинке. 

Заполните её любым оттенком лилового, затем перейдите в Эффект > Стилизация > Скруглённые углы.  Введите Радиус 2 пикселя, нажмите на кнопку ОК, затем перейдите в Эффект > Деформация > Дуга вниз. Введите параметры, указанные на следующей картинке, и нажмите ОК

awrc lower

Шаг 2

При помощи Инструмента «Прямоугольник» (М) создайте фигуру 6 х 20 пикселей и разместите её, как показано на следующей картинке. 

Заполните его чёрным цветом, затем перейдите в Эффект > Стилизация > Скруглённые углы. Введите Радиус 1 пиксель, нажмите ОК, затем перейдите в Эффект > Деформация > Дуга вверх. Введите параметры, указанные на следующей картинке, затем нажмите ОК

arc upper

Шаг 3

Убедитесь, что ваши чёрная и лиловая фигуры выделены, затем перейдите в Объект > Разобрать оформление. Выделите получившиеся фигуры, откройте панель Обработки контуров (Окно > Обработка контуров) и нажмите на кнопку «Вычитание переднего»

pathfinder

Шаг 4

Убедитесь, что ваша лиловая фигура всё ещё выделена и перейдите на панель Оформления.  Выберите заливку, измените цвет на линейный градиент, указанный внизу, и затем перейдите в Эффект > Стилизация > Тень. Введите указанные на картинке параметры и затем нажмите ОК

drop shadow

Шаг 5

Убедитесь, что маленькая фигура всё ещё выделена и перейдите в Эффект > Стилизация > Скруглённые углы. Введите Радиус 2 пикселя, нажмите ОК, затем перейдите в Эффект > Деформация > Дуга вниз.  Введите указанные ниже параметры и нажмите ОК. После завершения отправьте эту фигуру на задний план при помощи короткой комбинации клавиш Shift-Control-[.

rounded corners

Шаг 6

Создайте копии маленькой фигуры (Control-C > Control-V) и распределите их, как показано на картинке. Не забудьте отправить их на задний план (Shift-Control-[).

multiply

5. Как добавить тушёвку и группу цветных точек

Шаг 1

Выделите первую букву вместе с маленькой буквой и Сгруппируйте их (Control-G).

group

Шаг 2

Убедитесь, что ваша новая группа выделена, затем перейдите в Эффект > Стилизация > Тень. Введите указанные в левом окне параметры (на следующей картинке), нажмите ОК, затем примените два других эффекта Тени, указанные ниже. 

drop shadow

Шаг 3

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

target icon

Шаг 4

Сфокусируйтесь на панели Слоёв, заблокируйте второй слой и добавьте третий. Выделите его. 

При помощи Инструмента «Эллипс» (L) создайте группу кругов 5 пикселей и заполните их шестью цветами, указанными ниже. 

circles

Шаг 5

Создайте копии цветных кругов и распределите их, как показано на следующей картинке. 

multiply circles

Шаг 6

Выделите все цветные круги и перейдите в Эффект > Исказить и трансформировать > Огрубление. Введите параметры, указанные на следующей картинке Искажения и трансформирования, затем нажмите ОК

roughen

6. Как создать пламя

Шаг 1

Перейдите на панель Слоёв, заблокируйте третий слой и добавьте четвёртый. Выделите его и затем перейдите к верхней стороне первой буквы.  

При помощи Инструмента «Эллипс» (L) создайте фигуру 16 х 45 пикселей, заполните её линейным градиентом, указанным ниже, и разместите, как показано на первой картинке. Перейдите к верхней стороне этого сжатого круга, возьмите Инструмент «Опорная точка» (Shift-C) и нажмите на эту опорную точку. 

create new layer

Шаг 2

При помощи Инструмента «Эллипс» (L) создайте фигуру 10 х 34 пикселей, заполните её линейным градиентом, указанным внизу, и разместите как показано на первой картинке. Убедитесь, что эта новая фигура выделена, возьмите Инструмент «Опорная точка (Shift-C) и нажмите на верхнюю опорную точку.  

anchor point tool

Шаг 3

При помощи Инструмента «Эллипс» (L) создайте фигуру 6 х 22 пикселя, заполните её линейным градиентом, указанным внизу, и поместите, как показано на первой картинке. Убедитесь, что эта новая фигура выделена, возьмите Инструмент «Опорная точка (Shift-C) и нажмите на верхнюю опорную точку.  

anchor point tool

Шаг 4

При помощи Инструмента «Прямоугольник» (М) создайте фигуру 2 х 32 пикселя, заполните её линейным градиентом, указанным внизу, и разместите, как показано на первой картинке.  Убедитесь, что эта новая фигура выделена, и возьмите Инструмент «Прямое выделение» (А). Выделите верхние опорные точки и перейдите в Объект > Контур > Усреднить (Alt-Control-J). Отметьте галочкой пункт «Оба» и нажмите ОК.  

average both

Шаг 5

При помощи Инструмента «Эллипс» (L) создайте фигуру 12 х 22 пикселя, заполните цветом R=255 G=247 B=209 и разместите как показано на первой картинке. Снизьте Непрозрачность до 40% и измените Режим наложения на «Перекрытие».

При помощи того же инструмента создайте фигуру 6 х 2 пикселей и заполните её линейным градиентом, указанным ниже. Разместите её, как показано на второй картинке, и отправьте на задний план (Shift-Control-[).

circles

Шаг 6

Выделите все фигуры, составляющие пламя, и Сгруппируйте их (Control-G). Создайте копии этой группы (Control-C > Control-V) и распределите копии, как показано на следующей картинке.  

flame group

Шаг 7

Выделите первую группу пламени и перейдите в Эффект > Деформация > Флаг. Введите указанные на следующей картинке параметры и нажмите ОК. Выделите остальные группы и примените тот же эффект Деформации «Флаг», но настройте параметр Сгиба

warp flag

Шаг 8

Возьмите Инструмент «Эллипс» (L) и создайте группу кругов 40 пикселей. Заполните эти новые фигуры цветом R=255 G=247 B=209 и разместите их, как показано на следующей картинке. 

pale circles

Шаг 9

Убедитесь, что группа кругов 40 пикселей выделена, отправьте её на задний план (Shift-Control-[) и затем перейдите на панель Оформления.  Снизьте Непрозрачность до 25% и измените Режим наложения на «Перекрытие», затем перейдите в Эффект > Размытие > Размытие по Гауссу. Введите Радиус 10 пикселей, затем нажмите ОК.  

gaussian blur

7. Как добавить тушёвку и мягкую текстуру  

Шаг 1

Создайте новый квадрат 860 пикселей, убедитесь, что он покрывает всю монтажную область, и заполните его радиальным градиентом, указанным ниже. Помните, что жёлтый ноль на изображении Градиента (Окно > Градиент) обозначает процент Непрозрачности.  Перейдите на панель Оформления и выберите текущую заливку. Снизьте Непрозрачность до 70% и измените Режим наложения на Рассеянный свет

radial gradient

Шаг 2

Убедитесь, что только что созданная фигура выделена, перейдите на панель Оформления и добавьте вторую заливку.  Выделите её и установите её цвет на чёрный, снизив Непрозрачность до 15% и изменив Режим наложения на Рассеянный свет, затем перейдите в Эффект > Имитация > Зернистость фотопленки. Введите параметры, указанные на следующей картинке, и нажмите ОК. Готово!  

film grain

Поздравляю! У вас получилось!

Вот как должна выглядеть картинка. Надеюсь, вам понравилось это руководство, и вы сможете применить эти техники в своих будущих проектах. 

final result

Автор: Andrei Marius

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
risuem avianosec iz zvjozdnogo puti

Рисуем авианосец из «Звёздного пути»

sozdaem illjustracii s mopsami

Создаем иллюстрации с мопсами