в

Как создать текстовый эффект со сгибом

Final product image

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

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

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

new document

2. Как создать фон

Выберите Прямоугольник (М) и переместите внимание на панель инструментов. Удалите цвет обводки и выберите заливку, выставьте ее цвет R=241 G=242 B=252. Переходим к рабочей области и просто создаем квадрат со стороной 860 пикс. Убедитесь что он закрывает всю рабочую область как показано ниже.

background

3. Как создать текст

Шаг 1

Выберите Инструмент Текст (Т) и откройте панель Символов (Окно > Текст > Символ). Выберите шрифт Tw Cen MT Condensed Extra Bold ( или любой жирный текст который вы предпочитаете), и выставьте размер от 200 пикс до 240 пикс.

Возвращаемся к нашей рабочей области , кликаем на нее, и добавляем текст как показано ниже. Сделайте его черным.

black text

Шаг 2

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

white letter

Шаг 3

Продолжайте добавлять белые буквы до тех пор, пока вы не закроете все черные буквы. Как только вы закончите, пройдите в панель Слои (Окно – Слои) и удалите черный текст.

white letters

4. Как создать первый эффект для текста.

Шаг 1

Выделите одну из ваших букв, и в панели Образцы (Окно – Образцы) кликните символ НЕТ чтобы удалить белую заливку. Двигаемся к панели Оформление (Окно- Оформление) и добавляем новую заливку используя кнопку Добавить Новую Заливку.

Выделите новую заливку и используйте линейный градиент как показано ниже (Окно – Градиент). не забывайте что этот синий номер на картинке Градиента показывает процент расположения. Используйте Инструмент Градиент (G) чтобы отрегулировать длину вашего градиента как показано на следующем изображении.

add new fill

Шаг 2

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

drop shadow

Шаг 3

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

free distort

Шаг 4

Выделите цветную букву, в панели Оформление добавьте третью заливку используя все ту же кнопку Добавить Новую Заливку.

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

black gradient

Шаг 5

Выделите цветную букву и переместите внимание на панель Оформление.

Выделите среднюю заливку и продублируйте ее используя кнопку Дублировать Выбранный объект. Выделите недавно добавленную заливку, уменьшите Непрозрачность до 30% и пройдите в Эффект > Исказить и Трансформировать > Трансформировать. Перетащите горизонтальный слайдер на 5 пикс., кликните ОК, затем пройдите в Эффект > Размытие > Размытие по Гауссу. Выставьте радиус 5 пикс. и нажмите ОК. 

gaussian blur

5. Как создать цветовые вариации для вашего текстового эффекта

Шаг 1

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

Теперь, выделите вашу новую цветную  букву, перейдите к панели Оформление и замените два линейных градиента двумя показанными ниже.

target icon

Шаг 2

Повторите технику, показанную в предыдущем шаге, но замените линейные градиенты показанными ниже.

yellow
green
blue

Шаг 3

Наконец, скопируйте атрибуты Оформления для оставшихся белых букв.

copy attributes

Поздравляю! Все готово!

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

final design

Автор: Andrei Marius

illjustracija c devushkoi za chashechkoi kofe

Как создать векторную иллюстрацию c девушкой за чашечкой кофе

risuem babochku v zerkalnom otrazhenii

Рисуем бабочку в зеркальном отражении, используя Adobe Illustrator