Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1.

Нашел просто шикарный урок и думаю, ему как раз место именно тут.
Решил не просто кинуть ссылку, а перетащить весь огромный урок…
Сам урок (перевод) находится на демиарте, Автор: Alex Beltechi, Перевод: Irdin.

Используемые программы: Illustrator, Cinema 4D и Photoshop.

Итак, поехали.

Шаг 1.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1.

Шаг 2.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 2)

Шаг 3.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 3)

Шаг 4.

Создаем слой ниже, и создаем два бара поверх, как показано. Цвет не имеет значение, но я выбирал разные, чтобы четко видеть детали.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 4)

Шаг 5.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 5)

Шаг 6.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 6)

Шаг 7.

Активируем Pathfinder (Window > Pathfinder) и жмем Trim.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 7)

Шаг 8.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 8)

Шаг 9.

Отрисуем остальные буквы

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 9)

Шаг 10.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 10)

Шаг 11.

Далее Object > Expand Appearance.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 11)

Шаг 12.

Далее Window > Stroke и ставим 1 pt обводку.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 12)

Шаг 13.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 13)

Шаг 14.

Следуем Object > Expand Appearance.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 14)

Шаг 15.

Жмем Trim в Pathfinder.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 15)

Шаг 16.

Далее Offset на -2.4 pt.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 16)

Шаг 17.

Trim еще раз.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 17)

Шаг 18.

Используя Direct Selection Tool (A) удаляем центральные элементы.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 18)

Шаг 19.

Повторите эту процедуру для всех остальных частей текста.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 19)

Шаг 20.

Сохраняем как Illustrator 3 file. Cinema 4D не понимаем более поздние форматы.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 20)

Шаг 21.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 21)

Шаг 22.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 22)

Шаг 23.

Кликаем и перетаскиваем Add HyperNURBS и создадим Extrude NURBS.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 23)

Шаг 24.

Shift-клик на 2 контура, и перетаскиваем вверх в Extrude NURBS.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 24)

Шаг 25.

Отметим Hierarchical box. Это означает, что выдавливание повлияет на все объекты в Extrude NURBS.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 25)

Шаг 26.

Кликаем на Caps tab и меняем настройки как показано ниже.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 26)

Шаг 27.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 27)

Шаг 28.

Выделяем центровые детали и повторяем процесс описанный выше. Меняем movement на 20 meters.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 28)

Шаг 29.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 29)

Шаг 30.

Создаем Extrusion effect для контуров 1, 2 и 3, со значением 30m Movement.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 30)

Шаг 31.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 31)

Шаг 32.

Создаем Engraved effect на стержне, который соединяет буквы.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 32)

Шаг 33.

Настройки для финальных точек.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 33)

Шаг 34.

Заканчиваем первую букву, выдавив границы.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 34)

Шаг 35.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 35)

Шаг 36.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 36)

Шаг 37.

Используем Move tool чтобы переместить стержень внутри букв.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 37)

Шаг 38.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 38)

Шаг 39.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 39)

Шаг 40.

Проделаем тоже самое с нижними точками пока не достигнет нижнюю петлю и вернуть Extrude NURBS.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 40)

Шаг 41.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 40)

Шаг 42.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 42)

Шаг 43.

Поворачиваем на 45 градусов с помощью Rotate Tool.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 43)

Шаг 44.

Изменяем размеры, перетаскивая концы с помощью Move Tool.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 44)

Шаг 45.

Добавляем Sky Object.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 45)

Шаг 46.

Создаем новый материал в меню Material.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 46)

Шаг 47.

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 47)

Шаг 48.

Кликаем на кнопку точки и находим студию номер семь в папке. Открываем маленькую версию.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 48)

Шаг 49.

Перетаскиваем материал на объект Sky.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 49)

Шаг 50.

Находим соответствующий угол, чтобы посмотреть текст и добавить камеру.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 50)

Шаг 51.

Активируем кнопку, кликая на белую иконку из меню Object.

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 51)

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 52)

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

Урок: текст в стиле стимпанк. Illustrator, Cinema 4D и Photoshop. Часть 1. (Фото 53)

Продолжение

2 комментария

avatar
Я уже обрадовался, подумав, что урок, что я видел на PSDTuts перевел пользователь стимпанкера, ан нет — копипаста с Demiart. Ну да ладно, ресурс там полузакрытый, прочесть могут не все. Плюсую обе части, урок не то слово хороший, эпический! Только ради него озаботился установкой себе Cinema 4D. Очень хотелось бы увидеть подобные работы от пользователей Stempanker.ru
avatar
Смысл переводить, если уже переведен?..
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.