3D-тext в Adobe Illustrator
вернутся

В этом уроке мы будем создавать эффект объемного текста в Adobe Illustrator. Это типографический эффект идеально подойдет для дизайна постеров, поздравительных открыток и прочих подобных работ. Результат вам наверняка понравится, а урок можно выполнить всего минут за 30.

 

Шаг 1

 

Для начала создайте новый документ в Adobe Illustrator. Напишите несколько слов типа “see thru”, используя инструмент Type/Текст (T).

see through text effect

Шаг 2

 

Укажите тексту шрифт, похожий на рукописный. Expand/Разберите текст и Unite/Объедините составляющие в палитре Pathfinder/Обработка контура. Укажите отсутствие заливки и обводку толщиной примерно в 2-3 pt. Снова разберите текст.

see through text effect

Шаг 3

 

Выделите текст и в меню выберите Effect > 3D > Extrude & Bevel/Эффект>3D>Вытягивание и скос и примените следующие параметры:

see through text effect

Шаг 4

 

Нажмите OK и Expand/Разберите ваш 3D-объект.

see through text effect

Шаг 5

 

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

see through text effect

Шаг 6

 

Выделите передние стенки букв и укажите им заливку светлого цвета.

see through text effect

Шаг 7

 

Продолжайте объединять объекты, составляющие стороны и объединяйте их в палитре Pathfinder/Обработка контура. К примеру, у буквы “s” в нашем примере 10 сторон, не считая передней стенки. Убедитесь что каждая из таких сторон каждой буквы объединена в объекты.

see through text effect

Шаг 8

 

Указывайте получающимся объектом сплошные цвета на этом этапе. Вот как должна выглядеть, к примеру, буква “s” со своими 10 сторонами без передней части.

see through text effect

Шаг 9

 

Продолжайте процесс пока не закончите его со всеми буквами.

see through text effect

Шаг 10

 

Теперь приступим к раскрашиванию букв. Начнем с первой буквы. Выделите одну из сторон, к примеру верхнюю левую и залейте ее градиентом от светлого к более темному цвету. В примере использованы оттенки бирюзового. Инструментом Gradient/Градиент (G) настройте нужный угол градиента.

see through text effect

Шаг 11


Для внутренних сторон мы выбрали градиент от светлого коралового оттенка к темному бирюзовому.

see through text effect

Шаг 12

 

Продолжайте указывать градиенты сторонам букв. Некоторые внутренние стороны заливаем градиентом от коралового к бирюзовому, другие —  от синего к бирюзовому. Внешние стороны заливаем градиентом от бирюзового к средне-темному бирюзовому.

see through text effect

Шаг 13

 

Продолжаем окрашивать буквы.

see through text effect

Шаг 14

 

После того, как вы закончите, Group/Сгруппируйте (Control-G) ваш текст.

see through text effect

Шаг 15

 

Вновь примените ко всей группе эффект Extrude & Bevel/Вытягивание и скос, указав следующие параметры:

see through text effect

Шаг 16

 

Таким образом мы создадим тень. Expand/Разберите 3D/объект в меню Object/Объект.

see through text effect

Шаг 17

 

Настройте размер, угол наклона и расположение тени, затем примените к ней эффект Gaussian Blur/Размытие по Гауссу, указав радиус размытия в 6.1 px.

see through text effect

Шаг 18

 

Укажите в качестве цвета заливки для тени более темный оттенок фонового цвета и поместите под слоем с текстом в палитре Layers/Слои.

see through text effect

Результат

 

Укажите фону паттерн или градиент, чтобы работа обрела оконченный вид.

see through text effect

 

Источник

3D-тext в Adobe Illustrator