Уроки Photoshop: Стимпанк-текст

Источник: demiart

 

Стимпанк-текст (CD4+Illustrator+Photoshop)

Если вы не фанат Стимпака, то эти два урока помогут проверить вам ваши знания по Illustrator, Cinema 4D и Photoshop. В первой части мы будем работать со шрифтом Blackletter и создавать 3D текст с помощью векторных форм. Ну так начнем? Начнем с первой части урока, состоящего из 2 частей!
Удачи!

Шаг 1.

Открываем Illustrator. Создаем веб документ со стандартными настройками и пишем текст, используя этот шрифт.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 2.

При увеличении на шрифте появляется множество засечек, он становиться некрасивым, нам нужно избавиться от них, чтобы в дальнейшем не было никаких багов при работе со шрифтом в Cinema 4D. Понижаем прозрачность слоя, создаем новый слой, блокируем предыдущий, а на новом начинаем отрисовывать буквы, с первой.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 3.

Делайте линии более сглаженными. Вы можете разбираться с каждым краем буквы, или сделать по моему методу.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 4.

Создаем слой ниже, и создаем два бара поверх, как показано. Цвет не имеет значение, но я выбирал разные, чтобы четко видеть детали.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 5.

На слое выше создаем круги с помощью Ellipse Tool (E). Создаем два прямоугольника с помощью Rectangle Tool (M) и поворачиваем на 45 градусов.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 6.

Выделяем центровую часть, после того как мы это сделаем следуем Object > Path > Offset Path. И настройки как показано ниже.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 7.

Активируем Pathfinder (Window > Pathfinder) и жмем Trim.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 8.

Выбираем инструмент Direct Selection Tool (A), или белую стрелку, и жмем от объекта в центр, и удаляем эту часть.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 9.

Отрисуем остальные буквы
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 10.

Копируем все буквы и вставляем в отдельный слой, используя команду (Ctrl+ F).
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 11.

Далее Object > Expand Appearance.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 12.

Далее Window > Stroke и ставим 1 pt обводку.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 13.

Теперь нажмем назад чтобы видеть верхнюю часть шрифта. Вы не можете изменять выравнивание сразу всех элементов. Менять выравнивание можно нажатием на среднюю иконку. Также меняя толщину до 7 пунктов.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 14.

Следуем Object > Expand Appearance.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 15.

Жмем Trim в Pathfinder.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 16.

Далее Offset на -2.4 pt.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 17.

Trim еще раз.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 18.

Используя Direct Selection Tool (A) удаляем центральные элементы.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 19.

Повторите эту процедуру для всех остальных частей текста.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 20.

Сохраняем как Illustrator 3 file. Cinema 4D не понимаем более поздние форматы.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 21.

Вторую программу которую мы будем использовать это - Cinema 4D. Создаем новую Сцену ( Scene ) и следуем File > Merge и выбираем Illustrator 3 file. Жмем открыть чтобы поместить файл в сцену. Теперь следуем в панель Objects и Shift-клик по первым 9 контурам. Удаляем их. Вы получите угловые маркеры при импортировании файла Illustrator.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 22.

5 и 6 путь перемещаем из группы, зажав Shift, тащим на группу в меню Object. Любой объект, который требуется для выдавливания индивидуально, нужно будет отделить от общей группы.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 23.

Кликаем и перетаскиваем Add HyperNURBS и создадим Extrude NURBS.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 24.

Shift-клик на 2 контура, и перетаскиваем вверх в Extrude NURBS.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 25.

Отметим Hierarchical box. Это означает, что выдавливание повлияет на все объекты в Extrude NURBS.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 26.

Кликаем на Caps tab и меняем настройки как показано ниже.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 27.

Проделаем тоже для всех частей букв,двигаем Extrude NURBS назад и вперед, пока не присоединимся путями в разных точках пространства. Жмем back на вкладке Object tab и меняем Movement на 40.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 28.

Выделяем центровые детали и повторяем процесс описанный выше. Меняем movement на 20 meters.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 29.

Теперь пути кругов. Можно увидеть 2 и более панелей с нажатым Shift на две или более, в Object и Caps. Используем следующие настройки. Обратите внимание что на половину круга, мы изменили края.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 30.

Создаем Extrusion effect для контуров 1, 2 и 3, со значением 30m Movement.
Стимпанк-текст (CD4+Illustrator+Photoshop) 

Шаг 31.

Для ромба используем другие настройки. Мы также ограничивает эффект до оригинального размера путем проставления галочки в поле Constrain box для кругов ромба. Проделав это с малыми объектами, могут возникнуть баги. Это происходит в тех случаях когда расширяются размеры ограниченные эффектом.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 32.

Создаем Engraved effect на стержне, который соединяет буквы.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 33.

Настройки для финальных точек.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 34.

Заканчиваем первую букву, выдавив границы.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 35.

Проделываем тоже самое с остальными буквами.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 36.

Копируем соединительный стержень (Ctrl + C) и вставляем его (Ctrl + V). Вставиться в том же положении.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 37.

Используем Move tool чтобы переместить стержень внутри букв.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 38.

На левой части интерфейса есть множество методов выделения объекта. Мы двигаем только верхние концы, чтобы изменить размер текста. Первый скрывает Extrusion effect, нажав на зеленую галочку в меню Objects. Затем выберите Point Tool и Move Tool и Shift-клик на верхних точках.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 39.

Двигаем желтую стрелку вниз до тех пор пока точки не будут внутри букв.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 40.

Проделаем тоже самое с нижними точками пока не достигнет нижнюю петлю и вернуть Extrude NURBS.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 41.

Добавляем свет в сцену. Для освещения будем использовать карту HDRI map environment и один Area Light. Сперва добавим Area Light.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 42.

Помещаем сверху текста используя Move Tool.Создаем новый материал в меню Material.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 43.

Поворачиваем на 45 градусов с помощью Rotate Tool.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 44.

Изменяем размеры, перетаскивая концы с помощью Move Tool.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 45.

Добавляем Sky Object.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 46.

Создаем новый материал в меню Material.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 47.

Двойным щелчком на материале, в меню Маterial, появиться Material Editor. Снимаем все флажки и активируем Luminance. Теперь нам нужна коллекция HDRI map. Когда размещаете ее, не размещайте во временной папке. После нажатия Open, вас спросят хотите ли вы скопировать HDR file в корневой каталог. Вы можете сделать это или нажать No, если вы не будите перемещать папку после этого.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 48.

Кликаем на кнопку точки и находим студию номер семь в папке. Открываем маленькую версию.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 49.

Перетаскиваем материал на объект Sky.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 50.

Находим соответствующий угол, чтобы посмотреть текст и добавить камеру.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Шаг 51.

Активируем кнопку, кликая на белую иконку из меню Object.
Стимпанк-текст (CD4+Illustrator+Photoshop)

Результат 1 части:

Стимпанк-текст (CD4+Illustrator+Photoshop) 

Результат 2 части:


Стимпанк-текст (CD4+Illustrator+Photoshop)


Страница сайта http://test.interface.ru
Оригинал находится по адресу http://test.interface.ru/home.asp?artId=22373