Как быстро сделать 3D текст в Иллюстраторе

Хотите придать немного объема своим шрифтовым работам? В этом уроке мы покажем как за несколько минут сделать оригинальный 3D текст в Adobe Illustrator. С его помощью вы можете сделать оригинальный постер и, разумеется, это будет еще одна популярная работа в вашем портфолио, если вы зарабатываете на стоках.

Banner for lessons 001.jpg

Пример HTML-страницы

Шаг 1. Надпись

Выберем какой-либо шрифт без засечек и с возможностью начертания Light. Например, Nexa Light. Напишем нужный нам текст (Т).

Надпись

Шаг 2. Цвет

Скучный черный цвет в этот раз заменим, на что-то более веселое. Скажем, на оттенки палитры Beach, которую можно найти в стандартных библиотеках Swatch Library.

Цвет

Шаг 3. Придаем объем

Переводим текст в кривые (Ctrl+O) и разгруппировываем. Теперь мы можем работать с каждой буквой независимо. Выделяем первую из них и применяем эффект Вытягивание и Скос (Effect > 3D > Extrude & Bevel ) с параметрами

X-Axis: -33°
Y-Axis: 40°
Z-Axis: -18°
Extrude Depth: 20 pt
Surface: Plastic Shading

Придаем объем

Шаг 4. Придаем объем

Повторяем действие для каждой последующей буквы, меняя значения углов наклона по своему вкусу.

Придаем объем

Шаг 5. Придаем объем

В итоге получим цельную надпись, которую также можем подправить, для более красивого отображения.

Придаем объем

Шаг 6. Подготовка поверхностей

Поработаем над поверхностями букв. Для этого нам надо будет Развернуть (Expanded) объекты. После этого необходимо убедиться, что все контуры (особенно боковые) являются замкнутыми кривыми. Лучше всего для этого подходит поочередное выделение каждой грани и использование инструмента Объединение на панели Pathfinder. Так мы сможем избежать досадных лишних точек и линий, из-за которых, например, легко можно получить отказ на стоке.

После того, как все боковые грани будут обработаны, зальем лицевые стороны букв каким-либо цветом.

Подготовка поверхностей

Шаг 7. Градиенты

Придадим выразительности граням, добавив для них градиент. Следите за углами и направлением света.

Градиенты

Шаг 8. Тени

Последний штрих — добавим фон и тени. Здесь также всё элементарно. Рисуем пером (Р) простые фигуры и заливаем их градиентом под нужным углом. После создания, тени помещаем на задний план (Ctrl+[)

Тени

Шаг 9. Финальное изображение

Наш оригинальный объемный текст готов!

Ссылка на источник

Финальное изображение
Пример HTML-страницы

Также уроки которые могут вас заинтересовать

Комментарии 271

Для того, чтобы оставить комментарий, авторизуйтесь или зарегистрируйтесь.

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