3D-эффект разобранной буквы в Illustrator
![3D-эффект разобранной буквы в Illustrator](/content/images/size/w960/2016/09/step201.jpg)
В этом уроке я собираюсь показать вам, как в Illustrator можно сделать 3D-эффект разобранного текстового элемента. Для примера я возьму букву «А».
Содержание
Подготовка документа
Начнем с создания нового документа в котором создадим квадрат, который будет служить фоном. В моем примере я сделал свой фон #E5D6BE.
Напечатайте ваш текстовый элемент, но помните, что этот эффект лучше всего работает с толстым (Bold) шрифтом. В этом уроке я буду использовать шрифт под названием Archivo Black, который можно найти ЗДЕСЬ.
Я изменил цвет буквы на светло-серый, чтобы лучше увидеть как будет применен 3D-эффект. Конвертируем шрифт в кривые (Type> Create Outlines).
Перевод буквы в 3D
Перейдем к Effect> 3D> Extrude and Bevel. Поставьте галочку у предварительного просмотра, чтобы можно было увидеть эффект. Я оставлю все параметры по умолчанию, только изменю положение в верхнем раскрывающемся списке на «Isometric Left«. Нажмите на кнопку «More Options«, а затем, в нижней части экрана, поставьте галочку у «Draw Hidden Faces«. Нажмите кнопку ОК.
Теперь, разберем полученный объект на составляющие (Object> Expand Appearance). Сделайте копию вашей буквы и вставьте копию на новом слое поверх оригинала (Ctrl + C / Ctrl + F). Это облегчит процесс разборки, но не разрушит оригинал.
Разбиение на отдельные элементы
Разгруппируйте верхнюю копию буквы, так как мы будем перемещать отдельные ее элементы. Я сделал эту копию розовой, чтобы лучше видеть на какое расстояние перемещать элементы. Начиная с верхнего элемента я, выбрав его, и удерживая клавишу Shift, перемещаю его немного вверх.
Выберите одну из сторон и сделайте то же самое.
Сделайте то же самое для другой стороны.
И фронтальную часть.
И, наконец, заднюю сторону.
Выберите все только что перемещенные части буквы и скопируйте их (Ctrl + C), а затем вставьте на передний план (Ctrl + F), на слой с исходной буквой. Сейчас это выглядит немного запутанным, но нам нужно сделать еще некоторые корректировки.
Во-первых, выберите исходную букву, которая по-прежнему должна быть сгруппирована. Измените цвет заливки на такой же, как у фона #E5D6BE и изменить цвет обводки до темно-коричневого #473F3C.
Применение цвета
Далее, выберите все «разобранные» части буквы (розовые) и удалить цвет заливки, а также изменить цвет обводки на такой же темно-коричневый цвет как у основной буквы.
Сделайте двойной щелчок на исходную букву, вы войдете в режим изолированной группы. Выберите лицевой элемент буквы. Измените цвет заливки на темно-коричневый цвет и удалить обводку.
Выберите фронтальную часть «разобранной» буквы и установите цвет заливки на цвет фона и уменьшите непрозрачность до 75%. Здесь я немного изменил расстояние от исходной буквы.
Другие отставленные элементы буквы я тоже немного переместил, чтобы соблюсти единую перспективу.
Добавление декора
Давайте также нарисуем несколько пунктирных линий, которые будут идти от оригинальной буквы к оторванным элементам. Вам может понадобиться набор пунктирных кистей, которые в Illustrator по-умолчанию находятся по «Open Brush Library> Borders_Dashed«. Для большего удобства я сделал эти линии красными.
Будет логичным сделать эти линии параллельными ребрам исходной буквы.
После того, как вы закончили с пунктирными линиями, измените цвет их обводки на тот же самый коричневый цвет, как у буквы. Затем, выбрав все пунктирные линии, перейдите к «Object> Expand Appearance«.
Ну и наконец, сделайте двойной щелчок по любой из пунктирных линий, и перекрасьте все штрихи идущие над исходной буквой в цвет фона.
Окончательная обработка
По желанию можете добавить немного эффекта гранж поверх всех элементов. Вот и все, если у вас возникли трудности с уроком – пишите, я всегда буду рад вам помочь. Удачи!
Автор здесь.