3D-композиция сочетает впечатляющие текстовые эффекты с креативными элементами дизайна и выводит типографику на совершенно новый уровень. Хотите ли вы создать футуристический, абстрактный или тематический вид, вы можете использовать Photoshop для создания индивидуальной 3D-композиции, которая визуально улучшит ваше сообщение. В этом уроке я покажу вам шаг за шагом, как создать сцену для вашей 3D-печати с помощью текстур, световых эффектов и других элементов дизайна. Давайте приступим и превратим вашу типографику в произведение искусства!
Шаг 1:
Сначала я создаю новый документ; размер не имеет значения. Я выбираю очень маленький размер - 800x600 пикселей. Если вы хотите распечатать этот эффект, измените единицы измерения с пикселей на см, а разрешение - с 72 на 300 пикселей/дюйм.
Шаг 2:
Теперь я создаю текстовый слой с буквой. Затем в меню выберите 3D>Repoussé>Текстовый слой.
Шаг 3:
Я делаю следующие настройки (для материалов я использую шаблон No Texture for Everything ):
Шаг 4:
Теперь я вызываю панель управления 3D в разделе Окно и перекрашиваю экструзию. Для этого я нажимаю на серый цвет в разделе Diffuse .
Шаг 5:
Теперь цвет правильный. Я просто хочу создать собственную текстуру на переднем плане буквы.
Шаг 6:
Для новой текстуры я создаю новый документ размером 200 x 1 пиксель. Затем дважды щелкните на фоновом слое и удалите его содержимое с помощью клавиши Delete. Теперь я могу создать выделение, охватывающее половину документа, и окрасить его в синий цвет. Затем я снова выделяю все и сохраняю документ в меню Меню>Редактировать>Установить узор.
Шаг 7:
Итак, узор сохранен, и я создаю новый документ размером 2000х2000 пикселей. Затем я добавляю новый слой и окрашиваю его (цвет не имеет значения, потому что я установил непрозрачность на 0%). Теперь я перехожу к опциям заливки и активирую мой новый узор. Затем я сохраняю текстуру как PSD-файл на жестком диске.
Шаг 8:
Итак, теперь я возвращаюсь в документ и открываю новую текстуру на материале "Надутый фронт ".
Шаг 9:
Результат выглядит так (я еще не совсем доволен линиями, поэтому открываю текстуру снова).
Шаг 10:
Чтобы я мог вращать свой узор, я преобразовал слой в смарт-объект. Теперь узор, который был помещен сверху в качестве заливки, также можно вращать.
Шаг 11:
Так мне нравится гораздо больше.
Шаг 12:
Поскольку линии слишком широкие для меня, я снова открываю текстуру, захожу в смарт-объект и масштабирую наложение узора.
Шаг 13:
Чтобы сделать фон более эффектным, я добавляю к фоновому слою цветовой градиент.
Шаг 14:
В то же время я придаю моему сплющенному краю голубой оттенок. Результат выглядит так:
Шаг 15:
Чтобы лучше видеть источники света, я отобразил их в нижней части панели управления 3D.
Шаг 16:
Кроме того, я окрашиваю фоновый слой в серый цвет, чтобы были видны белые полосы света. Я меняю тип света для первого светильника с Directional на Spot.
Шаг 17:
Теперь я перемещаю свет и сразу же вижу, как мой объект реагирует на него.
Шаг 18:
Я также меняю следующий источник света на Spot и увеличиваю интенсивность света до 1.
Шаг 19:
Поскольку рендеринг всего объекта может занять много времени, я могу создать выделение, а затем выбрать пункт Select for Progressive Render в меню опций 3D-панели .
Шаг 20:
Результат выглядит очень хорошо. Я также могу отрендерить весь объект, щелкнув сцену в верхней части 3D-панели и выбрав Raytracing - Draft или Raytracing - Final (занимает больше всего времени) в разделе Quality. Совет: если мне понадобится изменить что-то еще в объекте, не забудьте вернуть настройку на Interactive (рисование), иначе компьютер тут же отрендерит все заново, и вам придется ждать целую вечность.
Шаг 21-й:
После того как я закончил первую букву, я создаю следующую, используя те же настройки и процедуру. Снова загружаю сохраненную ранее текстуру.
Шаг 22:
Поскольку полосы слишком велики для меня, я могу либо отредактировать их непосредственно в текстуре, либо просто перейти к редактированию свойств в разделе Diffuse .
Шаг 23:
Если я увеличу значение U-Scale, мои линии станут меньше. Однако иногда линии странно ломаются, что, вероятно, является ошибкой Photoshop или ошибкой драйвера видеокарты дисплея.
Шаг 24:
После рендеринга сцены моя буква S выглядит так:
Шаг 25:
Снова я перемещаю все источники света и меняю некоторые из них на точечные. Я даже могу нажать на значок "Новый", чтобы создать больше источников света.
Шаг 26:
Поскольку линии слишком широкие для меня, я перехожу в текстуру, затем в смарт-объект и затем в наложение узора, где я немного уменьшаю размер. Однако в букве S остается странная двойная линия, поэтому я возвращаюсь к свойствам текстуры и немного изменяю значение U-Scale, пока она не станет подходящей.
Шаг 27:
Далее я создаю последнюю букву. Я помещаю ее под буквой S в иерархии слоев.
Шаг 28:
Для буквы d я придумал нечто особенное: буква должна иметь цветочный узор. Для этого я скачиваю цветочную кисть с сайта PSD-Tutorials.de, вставляю ее в документ размером 2000x2000 px с прозрачным фоном и сохраняю как PSD-файл.
Шаг 29:
В свойствах текстуры я соответствующим образом перемещаю узор.
Шаг 30:
Итак, теперь давайте снова настроим свет, и тогда моя буква будет выглядеть совсем не плохо:
Шаг 31:
Далее я создаю новый слой и добавляю несколько мелких элементов белым цветом с помощью цветочной кисти.
Шаг 32:
Итак, настало время для создания причудливого фона. Я беру инструмент "Пользовательские фигуры" и загружаю следующую фигуру, которую Photoshop предоставляет из коробки (если она не отображается, просто нажмите на маленькую стрелку в правом верхнем углу, чтобы загрузить библиотеку ).
Шаг 33:
Перетащив фигуру, я немного уменьшаю непрозрачность, добавляю маску слоя и заливаю ее радиальным черно-белым градиентом.
Шаг 34:
Я все еще могу оптимизировать полоски, например, уменьшив непрозрачность области, а затем добавив небольшое свечение снаружи в опциях заливки белой краской. Затем я применяю красивый радиальный сине-темно-синий градиент.
Шаг 35:
Чтобы сделать его более светящимся в центре, я могу либо настроить градиент соответствующим образом, либо просто изменить его с помощью очень мягкой большой кисти. Затем я немного уменьшаю непрозрачность слоя.
Шаг 36:
Как-то цветочные мазки слишком доминируют для меня. Поэтому я создам их снова, но на этот раз кистью еще меньшего размера. Результат выглядит так:
Шаг 37:
Я также могу быстро перекрасить фон с помощью корректирующего слоя "Оттенок/Насыщенность":
Шаг 38:
Если мне больше нравится перекрашивать буквы, а не фон, я могу перейти в режимы смешивания отдельных букв и установить там цветовое наложение, используя режим смешивания "Цвет". Затем я скопирую эффект слоя для каждой дополнительной буквы, удерживая клавишу Alt.
Шаг 39:
Однако проще, если я помещу буквы в групповую папку, а затем вставлю над ними корректирующий слой "Оттенок/Насыщенность ". И - что очень важно - установите режим смешивания для папки "Группа" со "Сквозного" на "Нормальный". Тогда корректирующий слой будет влиять только на содержимое папки.
Шаг 40:
Небольшой трюк в конце мастер-класса: Я дублирую 3D-буквы, а затем растрирую свою копию правой кнопкой мыши.
Шаг 41:
Теперь у меня есть несколько вариантов: Либо я окрашиваю всю букву в белый цвет, либо просто накладываю на нее белый цвет. Теперь я добавляю маску, а затем могу использовать мягкую кисть, чтобы, например, усилить некоторые блики. В моем случае я усилил свет в верхней части буквы d и использовал другой слой с наложением черного цвета, чтобы сделать тени темнее.
Шаг 42:
Мой результат выглядит следующим образом:
Надеюсь, мне удалось передать много советов о том, как работать с 3D в Photoshop. Как видите, это не так уж и сложно.
