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

Как Создать Простой Редактируемый Текстовый Эффект в Adobe Illustrator

by
Read Time:3 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

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

1. Создайте Фон

Сосредоточьтесь на панели инструментов, уберите цвет для обводки, выберите заливку и установите для нее следующий цвет R=122 G=201 B=67.

Выберите инструмент Прямоугольник (М) (Rectangle Tool) и просто щелкните по артборду, чтобы открыть окно инструмента Прямоугольник. Установите Ширину - 870 рх и Высоту - 620 рх, и затем щелкните по кнопке ОК, чтобы создать ваш прямоугольник.

Убедитесь, что ваш новый объект выделен и откройте панель Выравнивание (Align) (Окно > Выравнивание). Сначала нажмите кнопку Выровнять По (Align to) и затем выберите вариант Выровнять по Монтажной Области (Align to Artboard). Откройте всплывающее меню в панели Выравнивание и выберите Показать Параметры (Show Options), если вы не видите кнопку Выровнять По. Теперь, просто щелкните по Горизонтальное Выравнивание по Центру (Horizontal Align Center) и Вертикальное Выравнивание по Центру (Vertical Align Center). В итоге, ваш прямоугольник должен быть отлично выровнен по центру и закрывать ваш артборд полностью, как на рисунке ниже.

rectanglerectanglerectangle

2. Добавьте Текст

Выберите инструмент Текст (Т) (Type Tool) и откройте панель Символ (Окно > Текст > Символ).  Выберите шрифт Rockwell, установите для него стиль Bold Italic, измените размер на 150 рх, и увеличьте Трекинг до 50. Теперь щелкните по вашей рабочей области и наберите текст, какой вам хочется. Вы можете центрировать ваш текст используя кнопку Выключка по Центру (Align Center) в панели Абзац (Paragraph) (Окно > Текст > Абзац).

type tooltype tooltype tool

3. Настройте Оформление для Вашего Текста

Шаг 1

Убедитесь, что ваш текст выделен и удалите заливку. Ваш текст станет невидимым.

remove fillremove fillremove fill

Шаг 2

Убедитесь, что ваш невидимый текст выделен и откройте панель Оформление (Appearance)(Окно > Оформление) и щелкните по кнопке Добавить Новую Заливку (Add New Fill). Выберите эту новую заливку и задайте цвет для нее R = 22 G = 101 B = 7.

add new filladd new filladd new fill

Шаг 3

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

drop shadowdrop shadowdrop shadow

Шаг 4

Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Выберите существующую обводку, установить для нее цвет R = 172 G = 251 B = 117 и увеличите Толщину до 3 рх.

strokestrokestroke

Шаг 5

Убедитесь, что ваш текст выделен и сосредоточьтесь на работе с панелью Оформление. Выберите эту обводку и зайдите в Эффект > Исказить и Трансформировать > Трансформировать (Effect > Distort & Transform > Transform). Переместите оба слайдера для Перемещения на -10рх и нажмите ОК.

transformtransformtransform

4. Перекрасьте Ваш Текст

И наконец, способ, как вы можете просто перекрасить всю вашу работу.

Выберите ваш прямоугольник и текст, зайдите в Редактирование > Редактировать Цвета > Перекрасить Графический Объект (Edit > Edit Colors > Recolor Artwork),  и выберите там раздел Редактировать (Edit). Убедитесь, что отмечено Перекрасить Объект (Recolor Artwork) и нажата кнопка Создать Ссылки на Гармоничные Цвета (Link harmony colors), и "поиграйте" с направляющими на цветовом круге. Так же, можете регулировать ползунок Яркости (Brightness).

recolor artworkrecolor artworkrecolor artwork

Поздравляю!  Вы это Сделали!

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

Изменяйте по вашему усмотрению окончательный вариант и сделайте свой.  Вы можете найти много замечательных примеров для вдохновения на GraphicRiver с интересными решениями, которые помогут улучшить ваш дизайн.

final productfinal productfinal product
One subscription.
Unlimited Downloads.
Get unlimited downloads