Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Текстовый эффект в стиле игры в Adobe Illustrator

30 апреля 2018 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем создавать текстовый эффект в стиле игры в Adobe Illustrator. Это увлекательная работа в палитре Appearance/Оформление. Мы используем множественные заливки, эффекты обработки контура, трансформации, поработаем с градиентами. В итоге у нас получится не просто эффект для текста, а полноценный стиль графики, который сможете применить к любому объекту.

 

Результат

1. Создаем новый документ

Шаг 1

Создайте новый документ размером 600 x 600 px в цветовой схеме RGB.

Set up a New Document

Шаг 2

В меню выберите Edit > Preference > General/Редактировать>Настройки>Общие. Укажите параметры как показано ниже.

Check Scale Stoke  Effect Option

2. Создаем стиль графики

Шаг 1

Начнем с текста. Инструментом Type/Текст (T) введите ваш текст, используя шрифт Riffic. Укажите тексту размер шрифта примерно в 100 pt.

Write a Text

Шаг 2

Зайдите в палитру Appearance/Оформление и кликните по иконке Add New Fill/Добавить заливку.

Apply Add New Fill

Шаг 3

Выберите эту новую заливку и в палитре Gradient/Градиент укажите переход цвета из цветов #d67638 > #e5af4b > #f3ea60.

Fill Gradient Using Gradient Panel

Шаг 4

Вернитесь в палитру Appearance/Оформление и создайте еще одну дополнительную заливку. Выберите ту, что пониже и кликните по иконке эффектов в нижней части палитры. Выберите Path > Offset Path/Контур>Создать параллельный контур.

Укажите параметры как показано ниже.

Offset Path

Шаг 5

В палитре Gradient/Градиент (G) укажите этой заливке градиент из цветов #ce5c39 и #c96b2e.

Second Gradient with 2 Color Stops

Шаг 6

Добавьте еще одну заливку. Снова кликните по иконке эффектов в палитре Appearance/Оформление и выберите Distort and Transform > Transform/Искажение и трансформация>Трансформировать.

Укажите следующие параметры:

Transform Effect Using Appearance Panel

Шаг 7

Изменим цвета градиента. Используйте цвета #591714 и #812e26.

2 Color Stops Gradient

Шаг 8

Сделайте активной верхнюю заливку. Кликните по иконке Duplicate Selected Items/Дублировать выделенные объекты в нижней части палитры Appearance/Оформление.

Укажите градиент из цветов #e6c04c > #f2e95f > #e8f4fc.

Duplicate Selected item Using Appearance Panel

Шаг 9

Выбираем из эффектов Path > Offset Path/Контур>Создать параллельный контур. И настраиваем как показано ниже.

Apply a New Offset Path

Шаг 10

Убедитесь что по прежнему выделен текст и верхняя заливка. Выберите из списка эффектов Distort and Transform > Transform/Искажение и трансформация>Трансформировать и настройте параметры так:

Again Transform Effect using Appearance Panel

Шаг 11

Теперь добавим тень нашему тексту. Выделите текст и кликните по графе Type/Текст в палитре Appearance/Оформление.

Выберите в эффектах Stylize > Drop Shadow/Стилизация>Тень.

Настройте параметры как показано ниже, используя цвет #221f1f.

Apply a Drop Shadow

Результат

Автор урока Vishnu Gupta

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Бортник
    Thumb up Thumb down 0

    Не все шрифты поддерживают кириллицу.

    Не получилось подобрать шрифт, да и цветовая палитра не в ....

    69bcf318882b1019506b5f696e35c907.jpg

    Ответить

Оставить ответ


пять + 6 =

Вставить изображение