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

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

Объемный разбросанный текст в Adobe Illustrator

6 апреля 2015 | Опубликовано в Уроки | 189 Комментариев »

В этом уроке вы узнаете как просто и сравнительно быстро создать типографический эффект объемных упавших букв в Adobe Illustrator. Для выполнения урока вам понадобится версия Adobe Illustrator CC 2014, а также конфигурация компьютера, которая позволяет работать с 3D. Освоив эту технику, вы без труда сможете применять ее не только к тексту, но и любым другим объектам.

 

Результат

knocked over vector text

Шаг 1

Чтобы начать работу откройте Adobe Illustrator CC и создайте New Document/Новый документ. Выберите узкий шрифт без засечек, например Nexa Light, и при помощи инструмента Type/Тект (T) введите ваш текст.

knocked over vector text

Шаг 2

Выберите цветовую гамму для вашей работы. В примере использованы цвета из палитры Beach/Пляж, найденной в стандартной Swatch Library/Библиотеке образцов Adobe Illustrator.

knocked over vector text

Шаг 3

Подготовим текст. Для этого нам нужно его Expand/Разобрать и Ungroup/Разгруппировать. После этого выделите первую букву и в меню выберите Effect > 3D > Extrude & Bevel/Эффект>3D>Вытягивание и скос, укажите настройки как показано ниже и нажмите OK:

knocked over vector text

Шаг 4

Выделите вторую букву и также в меню выберите Effect > 3D > Extrude & Bevel/Эффект>3D>Вытягивание и скос. На этот раз настройте параметры иначе, как показано на картинке ниже, и нажмите OK.

knocked over vector text

Шаг 5

Выделите третью букву. И вновь в меню выберите Effect > 3D > Extrude & Bevel/Эффект>3D>Вытягивание и скос. И на этот раз мы расположим букву по-новому. Для этого укажите параметры как показано ниже:

knocked over vector text

Шаг 6

Расположите буквы так, чтобы они смотрелись так, словно они стоят рядом в одной плоскости.

knocked over vector text

Шаг 7

Для остальных букв вашей работы параметры 3D Extrude & Bevel Options/3D Вытягивания и скоса будут такими:

knocked over vector text

Шаг 8

Настройте расположение и угол наклона букв так, чтобы они выглядели так, словно лежат на одной поверхности.

knocked over vector text

Шаг 9

Выделяя каждую букву отдельно, Expand/Разберите каждую букву в меню Object/Объект. Затем в палитре Pathfinder/Обработка контура укажите каждой грани каждой буквы Unite/Объединить. Выберите яркий цвет для лицевой части каждой буквы. В примере использован желтый.

knocked over vector text

Шаг 10

Подредактируйте оттенки каждой грани. Округлые места заливайте линейным градиентом, редактируя его при помощи палитры Gradient/Градиент. Мы хотим, чтобы каждая грань была залита градиентом и чтобы заливка была ровной.

knocked over vector text

Шаг 11

После того как вы выбрали цвета и настроили градиенты для каждый грани букв, используйте инструмент Pen/Перо, чтобы нарисовать тени под буквами. Залейте тени градиентом от цвета вашего фона к более темному его оттенку (в примере использованы оттенки бирюзового). Настройте градиент при помощи инструмента Gradient/Градиент, чтобы более темная часть располагалась прямо под буквой, а более светлая уходила против направления света.

knocked over vector text

Результат

Вот и всё! Используйте эту технику применительно к тексту или любым другим объектам.

fall-down-012

Автор урока Mary Winkler

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

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




Комментарии

  1. Denis
    Thumb up Thumb down 0

    Это срам, а не урок.

  2. Андрей
    Thumb up Thumb down -1

    трэш... сложно поверить, что это выдала Мэри Винклер)

[an error occurred while processing the directive]


[an error occurred while processing the directive]