Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Irina Molochnaia (you can also view the original English article)

Final product image
What You'll Be Creating

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

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

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
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.