() translation by (you can also view the original English article)
В этом уроке вы создадите надпись в изометрической проекции, используя программу Adobe Illustrator.
Начнем мы с написания искомого слова, которому придадим объем при помощи эффекта 3D Extrude & Bevel. Затем воспользуемся выделением объектов по схожим атрибутам и объединением в комбинированные контуры. Далее мы их раскрасим и расположим должным образом. После этого добавим простой фон и тень от надписи при участии эффекта Transform.
Найти больше вдохновляющих текстовых эффектов можно на GraphicRiver.
1. Создаем новый документ с надписью
Шаг 1
Нажмите Ctrl+N, чтобы создать новый документ. Единицами измерений задайте пиксели и введите размеры 850 по ширине и 600 по высоте. На вкладке Advanced укажите цветовое пространство RGB, разрешение Screen (72 ppi), после чего нажмите кнопку Create Document.
В настройках программы (Edit> Preferences> Units) убедитесь, что для всех трех пунктов единицами измерения заданы пиксели.
Шаг 2
Активируйте инструмент Type Tool (T). На панели Character (Window> Type> Character) укажите шрифту Silkscreen Expanded кегль 200 пикселей.
Теперь просто щелкните инструментом в рабочей области, введите желаемый текст, которому задайте цвет заливки R=251 G=137 B=100.
2. Добавляем трехмерный эффект и разбираем его
Шаг 1
Выделите текст и примените к нему эффект Effect> 3D> Extrude & Bevel. Его настройки показаны ниже. Не забудьте про секцию More Options. По окончании нажмите кнопку OK.
Шаг 2
Не снимая выделения, разберите эффект командой Object> Expand Appearance. Сочетанием Shift+Ctrl+G трижды разгруппируйте получившиеся группы.
На панели Layers (Window> Layers) разверните текущий слой, чтобы увидеть список фигур.
3. Раскрашиваем и упорядочиваем части надписи
Шаг 1
Инструментом Selection Tool (V) выделите все верхние элементы бывшего текста, после чего командой Object> Compound Path> Make (Ctrl+8) объедините в комбинированный контур.
Отправьте данный комбинированный контур на самый передний план (Shift+Ctrl+]). Затем переключитесь на панель Appearance (Window> Appearance).
Здесь измените текущий цвет заливки на R=255 G=200 B=0 и добавьте обводку цветом R=46 G=58 B=58. Зайдите в ее настройки, кликнув по слову "Stroke". Увеличьте там толщину до 4 пикселей и измените тип углов на Round Join.
Шаг 2
На панели слоев измените имя комбинированного контура, с которым мы работали, на "Top" и временно скройте, щелкнув по иконке глаза.
Теперь выделите один из нижних элементов инструментом Selection Tool (V). Далее выполните команду Select> Same> Appearance, благодаря которой вы добавите к выделению все фигуры с таким же оформлением.
Не снимая выделения, создайте комбинированный контур (Ctrl+8). Цвет его заливки измените на черный (R=0 G=0 B=0), после чего отправьте на самый задний план (Shift+Ctrl+[).
Промотайте список в панели слоев в самый низ. Именуйте текущий комбинированный контур "Base" и заблокируйте его, чтобы случайно не выделить и не сместить.
Шаг 3
Этот шаг можно и пропустить. Но если вы хотите очистить свою работу и панель слоев от лишних элементов, то лучше выполните.
Нам необходимо удалить все элементы букв, которые будут перекрываться фигурой "Top", то есть будут невидны. Искомые элементы показаны ниже. Просто выделите их у всех букв и нажмите кнопку Delete. Получившееся в итоге изображено под цифрой 5.
4. Раскрашиваем и упорядочиваем боковые элементы
Шаг 1
Выделите одну из правых граней, выполните операцию Select> Same> Fill Color (выделение по аналогичному цвету заливки) и переключитесь на панель Appearance.
Измените здесь цвет заливки на R=0 G=173 B=236, обводке укажите цвет R=46 G=58 B=58, толщину 4 пикселя и тип углов Round Join.
Шаг 2
Теперь выделите одну из левых граней. Вновь выполните операцию Select> Same> Fill Color, после чего переключитесь на панель Appearance.
Измените цвет заливки на R=252 G=130 B=119, обводке задайте цвет R=46 G=58 B=58, толщину 4 пикселя и тип углов Round Join.
5. Добавляем фон и простую тень
Шаг 1
Инструментом Rectangle Tool (M) нарисуйте прямоугольник размерами 850x600 пикселей. Залейте его цветом R=0 G=173 B=236.
Шаг 2
На панели слоев разблокируйте фигуру "Base". Выделите ее и переключитесь на панель Appearance.
Измените режим смешивания фигуры на Soft Light, после чего примените к ней же эффект Effect> Path> Offset Path со смещением 2 пикселя и типом обработки соединений Round. Нажмите кнопку OK и сразу же добавьте эффект Effect> Distort & Transform> Transform со смещением по горизонтали 0,2 пикселя и 100 дубликатами. Подтвердите настройки нажатием на кнопку OK.
Поздравляю, мы закончили!
Конечный результат представлен ниже. Надеюсь, урок вам понравился и вы сможете применить какие-то приемы из него в своих будущих проектах.
Обязательно поэкспериментируйте с цветами и прочими деталями, чтобы сделать дизайн по-настоящему своим. Найти вдохновение для этого можно на GraphicRiver.
