Дизайн и оформление соцсетейУрок фотошоп создание 3D куба из текста

В этом уроке вы узнаете, как создать эффект 3D куба из текста в Photoshop. Для работы мы будем использовать текст, смарт объекты и их трансформацию. Урок простой и не займет у вас много времени.

Шаг 1 - создаем документ и добавляем заготовку

Для создания 3D куба из текста нам понадобится заготовка в виде изображения куба. Вы можете скачать нужное изображение, набрав в поиске Google: 3D куб PNG.

Создаем новый документ размером 1080х1080 пикселей, перетаскиваем заготовку на холст и изменяем размер куба так, как это необходимо.

3D куб из текста в фотошоп, уроки фотошоп 1 шаг

Шаг 2 - добавляем произвольный текст

При необходимости заменим цвет фона.

Нажатием на Т на панели инструментов или Т на клавиатуре создаем произвольный текст и располагаем его на одной из сторон куба (не обязательно детально прорабатывать расположение).

3D куб из текста в фотошоп, уроки фотошоп 2 шаг создание текста

Шаг 3 - дублируем текст

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

  1. Нажать правую кнопку мыши на слое и выбрать Duplicate layer (Дублировать слой)
  2. Выбрать нужный слой на панели слоев и нажать Ctrl+J На клавиатуре (Command+J для Mac)

Выбираем поочередно слои с текстом и нажатием Ctrl+T перетаскиваем их в то место, где примерно будет расположен текст (не обязательно, но так удобнее)

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

Шаг 4 - конвертируем текст в смарт-объект

Для того, чтобы «натянуть» (трансформировать) текст на куб, нам нужно работать с текстом как с графическим элементом. Это можно добиться двумя путями:

  1. Растрировать текст (потеряется возможность редактировать сам текст).
  2. Конвертировать текст в смарт-объект (сможем в заменить текст даже после трансформирования).

Нажимаем на слое с текстом на правую кнопку мыши и выбираем Convert to Smart Object.

Такую же процедуру делаем с каждым текстовым слоем и переименовываем слои (двойным щелчком ЛКМ по названию слоя появляется возможность изменить имя слоя)

3D куб из текста в фотошоп, уроки фотошоп 2 шаг конвертирование в смарт-объект

Шаг 5 - трансформируем текст

Выбираем нужный слой со смарт-объектом, содержащим текст нажимаем Ctrl+T (Command+T на Мас). Удерживая Ctrl тянем за углы смарт-объекта и располагаем их на вершинах куба.

Таким образом необходимо сделать с каждым текстом.

3D куб из текста в фотошоп, уроки фотошоп 2 шаг свободное трансформирование смарт-объекта

Промежуточный итог

Наш 3D куб из текста уже выглядит достойно. Но для придания эффекта глубины мы должны сравнить настоящий 3D куб и текстовый.

Видим, что освещение распределено на кубе не равномерно. Создадим эффект освещения на нашем текстовом кубе!

3D куб из текста в фотошоп, уроки фотошоп 2 шаг промежуточный итог

Шаг 6 - добавляем эффект глубины

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

Над слоем с текстом в виде смарт-объекта создаем новый слой (Shift+Ctrl+N на клавиатуре). Инструментом «заливка» (горячая клавиша G) заливаем этот слой черным цветом (код #000000).

Далее, удерживая клавишу Alt нажимаем между слоем с текстом и заливкой – создаем обтравочную маску для слоя с текстом.

Выбрав нужную степень прозрачности у слоя с заливкой имитируем затемнение текста (для более темной стороны – 65%).

Также создаем эффект затемнения на второй из сторон и выставляем меньшую степень прозрачности (для более светлой стороны – 25%).

3D куб из текста в фотошоп, уроки фотошоп 2 шаг эффект освещения

Шаг 7 - радуемся полученному результату

Затемнение сторон можно выполнить не только сплошной заливкой, а градиентом.

Не бойтесь экспериментировать, добавляете свечение и блики. 

Делитесь результатом у себя в социальных сетях и отмечайте мой Instagram аккаунт, я сделаю репост к себе в сторис и похвалю ваши работы!

Пример 3D куба из текста в фотошоп

Добавить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Оставить комментарий