1. Design & Illustration
  2. Typography

Создайте шрифт в виде труб

Scroll to top
Read Time: 5 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Сегодня мы сосредоточимся на Photoshop, но для этого урока вам также нужно знать основы Cinema 4D. Давайте начнем!


Шаг 1

До того как мы начнем, позвольте вас предупредить. Этот урок в основном сосредоточен на Photoshop, и не так сильно на Illustrator и C4D. Я уже объяснял технику создания 3D-объектов из контуров, созданных в Illustrator. Чтобы подробнее изучить эту тему, посмотрите мой превосходный урок "Создайте вкусное типографическое лакомство". Процесс почти не отличается, но если вы хотите освоить основные техники моделирования в C4D, одного урока редко бывает достаточно. В первой части я кратко объясню, как создать конечный рендер, а потом мы переключимся на суть Psdtuts+, Photoshop.

Ниже вы видите мое изображение в Illustrator. Вы также можете открыть его из папки "Загрузки" (Download), чтобы посмотреть, как конкретно оно создавалось. Я начинал с основных букв, потом продолжил, добавляя трубы и шланги. Важна толщина шрифта в файле, потому что он превратится в диаметр в C4D. Поэтому нужно внимательно использовать толщину шрифтов, которая будет уникальна для каждого типа труб. Толщина черных труб - 30 pt, белых труб из ПВХ - 20 pt, а шлангов - 15 pt. Четко следуя выбранной толщине и выбирая разные цвета, вы не запутаетесь, перенося контуры в C4D. Не забудьте сохранить свой файл в Illustrator устаревшей версии 8 или старше, иначе C4D не сможет его импортировать.



Шаг 2

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



Шаг 3

Скопируйте и вставьте на передний план один из вертикальных контуров слов. Перейдите в Object > Expand. Включив Smart Guides, создайте круг от одной стороны контуров к другой. Скопируйте и вставьте на передний план круг, потом уменьшите его. Чтобы вырезать меньший круг из большего, используйте Pathfinder. Это будет диаметром трубы, которую мы проведем вдоль контуров слов. Удалите большой контур, который вы расширили как газовый рожок для буквы "d".



Шаг 4

Переместите (Snap to Point) круг диаметра в нижний левый угол рабочей поверхности и сохраните в Illustrator 8 или ниже.



Шаг 5

Откройте C4D и перейдите в File > Merge. Выделите все контуры в группе, кроме кругов, использованных для создания объема. Нажмите правой кнопкой мыши на одном из контуров и перейдите к Connect. Удалите лишние контуры, чтобы у вас остался лишь один тип контура и диаметра.



Шаг 6

Перетащите контур и диаметр под SweepNURBS, чтобы получить похожий эффект. Используйте настройки Cap из второго скриншота.




Шаг 7

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



Шаг 8

С помощью простых форм создайте манометр, автоматический клапан для спуска воздуха, вентили и так далее. Наслаждайтесь!



Шаг 9

В качестве освещения подойдут Area Light (с интенсивностью 50%) спереди слева и Sky Object без текстуры.



Шаг 10

Включите Global Illumination, измените функцию Anti aliasing на Best, размер (size) на 3500 x 2500 px и нажмите кнопку Render. Поставьте галочку в поле Alpha Mask под Save, чтобы получилось легко отрезать это от фона в Photoshop. Сохраните все в виде файла .psd.



Шаг 11

Откройте только что созданный рендер в Photoshop, перейдите на вкладку Mask. Command/Ctrl + нажмите на Alpha Channel и перейдите на вкладку Layers. Нажмите кнопку Layer Mask, чтобы скрыть остальное.



Шаг 12

Время, чтобы добавить немного пены. Создайте новый пустой слой и возьмите свой планшет. Сейчас он вам понадобится. Измените Fill на 20% и начните рисовать мягкой кистью с заливкой 35% черного.



Шаг 13

Если вы будете сильнее нажимать на средне-серую кисть, не забудьте, что вы рисуете пену. Она должна оставаться взбитой!



Шаг 14

Возьмите образец цвета фона и начните рисовать на стороне пены, на которую падает свет.



Шаг 15

Измените передний цвет на белый и начните добавлять больше контраста.



Шаг 16

Теперь с белым цветом вы можете выйти за пределы серого участка и придать пене более точную форму.



Шаг 17

Сильно уменьшите размер кисти и повсюду вблизи предметов добавьте брызги.



Шаг 18

С помощью кисти размером 5 px добавьте деталей. Для этой измените заливку (fill) на 50%.



Шаг 19

Наконец, с помощью черного цвета (Fill 20%) добавьте еще больше контраста на темные участки.



Шаг 20

Повторите то же самое для верхнего шланга.



Шаг 21

Теперь мы будем состаривать трубы. Используйте те же настройки кисти с темно-коричневым цветом на концах труб. На первом снимке я выделил эти участки красным.




Шаг 22

Затем возьмите образец голубого цвета с этого шланга и начните окисление!



Шаг 23

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



Шаг 24

Измените цвет на средне-серый и немного испачкайте трубы.



Шаг 25

Возьмите образец цвета с самой темной части черных труб и уберите с них немного блеска.




Шаг 26

Для следующей части вам понадобится это изображение манометра. Вставьте его на рабочую поверхность.



Шаг 27

Трансформируйте его и поверните так, чтобы 80 и слово psi равнялись с краем холста. Это просто чтобы выровнять изображение.



Шаг 28

Возьмите инструмент Elliptical marquee tool и выделите белую часть манометра.



Шаг 29

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



Шаг 30

Измените Opacity примерно до 60%, чтобы казалось, что он за стеклом.



Шаг 31

Теперь время нарисовать немного воды. Возьмите очень маленькую кисть и установите Fill на 20%. Обрисуйте общий контур воды, которая льется из-под кольца трубы.



Шаг 32

Возьмите кисть побольше с меньшим заполнением цветом (Fill) и порисуйте ей внутри контура.



Шаг 33

Снова увеличьте Fill и продолжайте рисовать контур, будто капли воды хлещут наружу.



Шаг 34

И больше воды в виде тонких ручейков.



Шаг 35

Поиграйте с разными уровнями заполнения цветом (Fill) и размером, чтобы получился узор, обволакивающий кольцо.



Шаг 36

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



Шаг 37

Как и с пеной, добавьте немного деталей с помощью маленькой кисти.



Шаг 38

Повторите то же самое в других местах.



Шаг 39

И напоследок, мы немного поменяем цвета и контраст. Добавьте корректирующий слой Hue & Saturation и из выпадающего меню выберите Cyans. Перетащите уровень Saturation до +30.



Шаг 40

Затем добавьте черно-белый корректирующий слой Gradient Map и измените режим наложения на Soft Light, а Opacity на 70%.



Шаг 41

Наконец, давайте добавим легкий эффект кросспроцесса с помощью корректирующего слоя Curves. Измените настройки, как указано ниже.





Конечное изображение

Вот и все. На первый взгляд, это изображение выглядит как трудоемкая работа в 3D, но секрет кроется в Illustrator. Ключевой момент - потратить время на создание хорошего макета. Не торопитесь, всегда стоит уделять внимание деталям и планировать наперед.



Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads