Как сделать 3д текст в фотошопе
Перейти к содержимому

Как сделать 3д текст в фотошопе

  • автор:

Как сделать объемные буквы в Фотошопе

Как сделать объемные буквы в Фотошопе

Как известно, в Фотошоп встроена функция создания 3D изображений, но пользоваться ею не всегда удобно, а нарисовать какой-либо объемный объект бывает просто необходимо. Данный урок будет посвящен тому, как сделать объемный текст в Фотошопе без использования 3D.

Приступим к созданию объемного текста. Для начала необходимо этот текст написать.

Создаем объемный текст в Фотошопе

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

Создаем объемный текст в Фотошопе

    Открываем стили слоя двойным кликом по нему и для начала поменяем цвет. Переходим в раздел «Наложение цвета» и выбираем нужный оттенок. В моем случае – оранжевый.

На этом создание объемного текста в Фотошопе окончено. При желании можно его как-нибудь оформить.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Карта глубины 3D Photoshop — это отличный способ создания 3D объектов. В этом уроке я покажу вам, как использовать узоры, 3D инструменты и настройки, а также корректирующие слои, чтобы создать блестящий 3D текст с декоративной отделкой. Давайте приступим!

Данный текстовый эффект был вдохновлён другими текстовымиэффектами , которые доступны на сайте GraphicRiver .

Исходные материалы

Следующие исходные материалыбыли использованы для создания данного урока:

  • Шрифт Shintia Script
  • Узор Вздутие
  • Студийное Освещение
  • Текстура Прокрашенной Фанеры

1. Создаём Рабочий Контур Для Текста

Шаг 1

Создайте новый документ со следующими размерами 1250 x 800 px. Далее, создайте текст, используя шрифт Shintia Script, установите размер шрифта 350 pt.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Щёлкните по слою с текстом и в появившемся окне, выберите опцию Создать рабочий контур (Create Work Path).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 3

Выберите инструмент Стрелка (Direct Selection Tool (A). В панели управления данного инструмента, щёлкните по значку Операции с контуром (Path operations) и в выпадающем меню, выберите опцию Объединить компоненты фигуры (Merge Shape Components).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

2. Создаём Выпуклый Узор

Шаг 1

Выберите инструмент Прямоугольная область (Rectangular Marquee Tool), а затем создайте небольшое выделение вдоль края буквы. Это будет повторяющийся элемент выпуклого узора, таким образом, размер выделенной области — это размер элемента выпуклого узора.

Как только вы создадите выделение, создайте новый слой, назовите этот слой Узор (Pattern).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Выберите инструмент Градиент (Gradient Tool), установите цвет переднего плана на белый цвет, а цвет заднего плана на чёрный цвет.

Далее, в панели управления данного инструмента, установите заливку градиента От основного к фоновому (Foreground to Background), а также выберите Зеркальный (Reflected) градиент.

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

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 3

Не снимая активное выделение, идём Редактирование — Определить узор (Edit > Define Pattern), дайте название узору Выпуклый (Frill), а затем нажмите кнопку «OK«.

Нажмите клавиши (Ctrl+D), чтобы отменить активное выделение.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

3. Обводим Контур Узором

Шаг 1

Отключите видимость слоя Узор (Pattern). Создайте новый слой ниже предыдущего слоя, назовите этот слой Выпуклый (Frill).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Идём Редактирование — Выполнить заливку (Edit > Fill), а затем поменяйте Содержимое (Contents) на Узор (Pattern).

В выпадающем меню, выберите узор, который вы только что создали Выпуклый (Frill). Поставьте галочку в окошке Сценарий (Script), а также выберите опцию Разместить вдоль контура (Place Along Path) и нажмите кнопку «OK«.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 3

В появившемся окне Поместить вдоль контура (Place Along Path), установите следующие настройки:

  • Масштаб узора (Pattern Scale): 1 (измените масштаб, если хотите изменить размер выпуклости)
  • Интервалы (Spacing): 0 (это обеспечит, чтобы элементы заливки узора не наслаивались друг на друга)
  • Поставьте галочку в окошке Настроить интервалы по размеру (Adjust spacing to fit).
  • Угол от контура (Angle from path): -90 (чтобы заливка узором повторяла направление контура без поворота)
  • Расстояние от контура (Distance from path): 0 (Узор будет расположен точно по контуру)
  • Уберите галочку в окошке Другие узоры (Alternate patterns), чтобы избежать добавления узоров на обеих сторонах контура.
  • Прогрессия масштабирования (Scale progression): 100 (чтобы заливка была одного размера вдоль всего контура)
  • Уберите галочку в окошке Пропустить поворот символа (Skip symbol rotation), таким образом, элементы узора будут соблюдать направление контура.
  • Произвольность цвета (Color randomness): 0
  • Произвольность яркости (Brightness randomness): 0 (Это поможет создать произвольное изменение яркости, чтобы сделать узор более динамичным)

Шаг 4

Как только вы нажмёте кнопку «ОК«, контур будет залит узором.

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

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 5

Убедитесь, что вы находитесь на слое Выпуклый (Frill), а затем дважды нажмите клавишу (Delete), чтобы удалить рабочий контур и внутреннюю часть выпуклости.

Отмените активное выделение (Ctrl+D), когда закончите.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

4. Создаём 3D Слои

Шаг 1

Перейдите на слой с текстом, переименуйте его в Текст (Text), а затем идём 3D – Новая 3D экструзия из выделенного слоя (3D > New 3D Extrusion from Selected Layer).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Перейдите на слой Выпуклый (Frill), а затем идём 3D — Новая сетка из слоя — Карта глубины — Плоскость (3D > New Mesh from Layer > Depth Map to > Plane).

Таким образом, мы создадим 3D объект, сдвинув светлые участки вперёд, а тёмные участки внутрь.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 3

Выделите оба 3D слоя, а затем идём 3D – Слияние 3D-слоёв (3D >Merge 3D Layers).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

5. Работаем с 3D Сценой

Шаг 1

Чтобы получить доступ к настройкам 3D объектов, атакже к другим параметрам, мы должны открыть две панели: панель 3D и панель Свойства (Properties) (обе панелиможно активировать через меню Окно (Window).

Панель 3D имеетвсе компоненты 3D сцены и, если выщёлкните по названию одного из них, то вы сможете получить доступ к настройкампанели Свойства (Properties).Поэтому, если вы хотите провести редактирование, не забудьте вначалевыбрать вкладку элемента в 3D панели,а затем уже меняйте настройки в панели Свойства (Properties).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Если вы выберите инструмент Перемещение (Move Tool (V),то вы увидите появившееся окно с 3Dрежимами рядом с панелью настроек.

Если вы выберите один из режимов, то затем, выможете проводить изменения объекта, щёлкнув и потянув его (объект, которыйвыбран в 3D панели).

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

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

6. Меняем Настройки для 3D Объекта

Шаг 1

Выберите вкладку с 3D объектом Текст (Text) в панели 3D, а затем впанели Свойства (Properties),поменяйте Глубину экструзии (ExtrusionDepth) на 5.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Щёлкните по значку Капитель (Cap) в верхней части панели Свойства (Properties), а затем установите Стороны (Sides) на Спереди и сзади (Front and Back).

Поменяйте Ширинуфаски (Bevel Width) на 1, аКонтур (Contour) на Полукруг(Half Round), а также поменяйте Раздувание угла (Inflate Strength) на 15%.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

7. Масштабируем Глубину Резкости Объекта

Шаг 1

Перейдите на вкладку с 3D объектом Выпуклый (Frill), а затем выберите инструмент Перемещение (Move Tool) для активации 3D-Оси (3D Axis),

Стрелки на концах оси смещают объект, деталь,которая расположена ниже, используется для поворота, а кубики используются длямасштабирования. Куб в центре используется для равномерного масштабированияобъекта.

Используйте Масштаб оси Z (Z Scale), чтобы уменьшить масштаб объекта Выпуклый (Frill) вдоль Z-оси.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Вы можете увеличивать или уменьшать масштаб объекта до процесса рендеринга, поэтому, сейчас не переживайте насчёт получения подходящего размера — просто примените масштабирование, чтобы эффект выглядел, как выпуклый.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

8. Выставляем Положение 3D Объектов

Шаг 1

В панели 3D выберите Текущий вид (Current View) и в выпадающем меню Вид (View), выберите опцию Спереди (Front) в панелиСвойства (Properties).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Что вам нужно сделать далее — это применить масштабирование, а затем сдвинуть объект Текст (Text) пока он не окажется внутри объекта Выпуклый (Frill).

Для этой цели вы можете использовать 3D ось (3D Axis) или, чтобы получить более точный результат, вы можете задать цифровые значения во вкладке Координаты (Coordinates) в самойверхней части панели Свойства (Properties).

Вы также можете нажать значок Масштаб (Scale) и в выпадающем меню, выбрать опцию Пропорциональное масштабирование (Uniform Scaling) при необходимости. Просто убедитесь, чтобы не было наслоения и не возникло пустот.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 3

Как только вы это сделали, выделите обе вкладки с 3D объектами, а затем поменяйте Угол вращения по оси Х (X-Rotation Angle) на 90.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 4

Выделите каждый объект по отдельности, а затем в 3D панелищёлкните по значку меню в верхнем правом углу и в появившемся окне, выберите опцию Переместить объект на плоскость основания (MoveObject to Ground Plane).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 5

Далее верните камеру в исходное положение, выбрав опцию Камера по умолчанию (Default Camera view). Покрутите камеру, чтобы убедиться, что всё выглядит отлично с различных углов.

Возможно, вам придётся сдвинуть объект Выпуклый (Frill) немного вверх, чтобы он оказался в центре объекта Текст (Text).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

9. Создаём 3D Материалы

Шаг 1

Выделите вкладку Выпуклый Материал (Frill Material). Далее, в панели Свойства (Properties),щёлкните по значку текстуры Рассеивание (Diffuse) и впоявившемся меню, выберите опцию Удалитьтекстуру (Remove Texture).

Проделайте то же самое для Непрозрачности (Opacity) текстуры.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Выделите все вкладки с Материалами (Material), которые у вас есть для обоих 3D объектов, а затем примените следующие настройки, которые указаны ниже (настройки цвета указаны в RGB режиме):

  • Рассеивание (Diffuse): 81, 173, 13
  • Цветовой блик (Specular): 232, 223, 186
  • Блеск (Shine): 85
  • Отражение (Reflection): 16

10. Добавляем Выпуклую Текстуру

Шаг 1

Выберите вкладку Материал Передней Выпуклости Текста (Text Front Inflation Material) в панели 3D, а затем щёлкните по папке Рельеф(Bump) впанели Свойства (Properties) и впоявившемся меню, выберите опцию Загрузить текстуру (Load Texture), чтобы открыть исходный узор Вздутие.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Щёлкните по значку текстуры Рельефа (Bump) и в выпадающем меню, выберите опцию Редактировать UV-свойства (Edit UV Properties).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 3

Установите значения Мозаики (Tile) на своё усмотрение, в зависимости от того, сколько складок вы хотите добавить к материалу.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 4

Уменьшите значение Рельефа (Bump) до 1 или вы можете использовать любое другое значение на своё усмотрение, чтобы получить более насыщенный результат.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

11. Сохраняем Вид Камеры

Шаг 1

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

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Далее, щёлкните по вкладке Текущий вид (Current View) камеры, а затем в выпадающем меню Вид (View), выберите опцию Сохранить (Save).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 3

Дайте название обзору камеры, а затем нажмите кнопку «ОК«.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 4

Таким образом, мы сохраним обзор камеры для 3D панели, а также для меню Вид (View).

Теперь вы можете менять вид камеры, чтобы проверить, нет ли проблем с объектами или материалами, а затем просто вернуться к сохранённому обзору камеры.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

12. Корректируем Освещение

Шаг 1

Выберите вкладку Бесконечный свет 1 (Infinite Light 1) в панели 3D, а затем в панели Свойства (Properties), щёлкните по выпадающему меню Тип освещения (Type), чтобы выбрать опцию Прожектор (Spot).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Щёлкните по значку Направитьсвет в начало координат (Point to Origin), чтобы зафиксировать первоначальное направление света, а затем нажмите значок Передвинутьдля просмотра (Move to View), чтобы увидеть освещение в пределах обзора камеры.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 3

Поменяйте Интенсивность (Intensity) на 10%, Тень- Сглаживание (Shadow Softness) на 30%, Блик (Hotspot) на 26.2, а Конус (Cone)на 47.

Далее, поставьте галочку в окошке Спад света (Light Falloff), а также поменяйте значение Внутренний(Inner) на 350 и Внешний (Outer) на 1000.

Имейте в виду, что вы можете выбрать любые другиезначения на своё усмотрение в зависимости от результата, который вы хотите получить.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 4

Поиграйте со светом, пока вам не понравится, как выглядитобщее освещение сцены, используя инструмент Перемещение (Move Tool) или настройки Координат (Coordinates).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 5

Выберите вкладку Окружающая среда (Environment), а затем щёлкните по значку текстуры ИСБИ (IBL), и в появившемся меню, выберите опцию Заменить текстуру (Replace Texture), чтобы заменить текстуру на исходное изображение Студийное Освещение.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 6

Установите Интенсивность (Intensity) освещения ИСБИ (IBL) на 60%, а для параметра Плоскость основания (Ground Plane), установите Непрозрачность тени (Shadows Opacity) на 50%.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 7

С помощью инструмента Перемещение (Move Tool), сместите текстуру, пока вам не понравится, как выглядит общее освещение сцены. Это очень важный шаг, т.к. текстура немного влияет на заключительный результат.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

13. Создаём Объект Плоскость Основания

Шаг 1

Создайте новый слой поверх слоя 3D, назовите этот слой Основание (Ground), а затем залейте его белым цветом.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Идём 3D > Новый объект из слоя > Почтовая открытка (3D > New Mesh from Layer > Postcard).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 3

Выберите вкладку Текущий вид (Current View), далее, в панели Свойства (Properties) в окне меню Вид (View), выберите название оригинального 3D слоя. Примечание переводчика: выберите название Текст (Text).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 4

Объедините слой Основание (Ground) с оригинальным 3D слоем. Очень важно, чтобы оригинальный 3D слой был ниже Основания (Ground) в плоскости, потому что при совмещении, верхний слой перенимает свет нижнего слоя.

После объединения слоёв, поменяйте Угол вращения по оси Х (X-Rotation Angle) для вкладки Основание (Ground mesh) на 90, а затем сместите к Плоскости Основания (Ground Plane).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 5

Сместите плоскость, пока она не заполнит сцену, при необходимости примените масштабирование.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

14. Создаём 3D Материал для Заднего Фона

Шаг 1

Выберите вкладку Материал Основания (Ground material). Далее, в панели Свойства (Properties),щёлкните по значку текстуры Рассеивание (Diffuse) и впоявившемся меню, выберите опцию.Заменить текстуру (Replace Texture), чтобы открыть исходную текстуру Прокрашенной Фанеры.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Щёлкните по значку текстуры Рассеивание (Diffuse) и впоявившемся меню, выберите опцию Редактировать текстуру (Edit Texture).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 3

Таким образом, мы откроем исходную текстуру.

В нижней панели инструментов, нажмите значок Создать новый корректирующий слой или слой заливку(Create new fill or adjustment layer) и в появившемсяменю, выберите опцию Цветовой тон / Насыщенность (Hue/Saturation).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 4

Поменяйте значение Цветового тона (Hue) на -20, а значение Насыщенности (Saturation) до -80.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 5

Далее, добавьте корректирующий слой Уровни (Levels). Поменяйте значение Гаммы (Gamma) на 1.5.

Сохраните изменения, а затем закройте документ с текстурой, чтобы вернуться в 3D документ.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 6

Удалите текстуру Непрозрачности (Opacity), а затем примените следующие настройки для Материала Основания (Ground material):

  • Цвет блика (Specular): 199, 199, 199
  • Свечение (Illumination): 17, 17, 17
  • Блеск (Shine): 20

Шаг 7

Откорректируйте UV Свойства (UV Properties) текстуры Рассеивания (Diffuse).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

15. Создаём Карту Нормалей

Шаг 1

Карты Нормалей в основном помогают имитировать ощущение глубины и детализации 3D-объекта, используя информацию RGB, которая соответствует оси X, Y и Z в 3D-пространстве.

Чтобы создать карту, щёлкните по значку папки Нормали (Normal) в нижней части панели Свойства (Properties) и в выпадающем меню, выберите опцию Создать Нормали из Рассеивания (Generate Normals from Diffuse).

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Далее появится окно настроек Создания Карты Нормали (Generate Normal Map), где вы можете использовать копию текстуры Рассеивания (Diffuse), чтобы создать Карту Нормали (Normal Map).

В верхней части укажите Тип Освещения (Lighting Preset) Освещение по умолчанию (Default Lights). Далее, в нижней части в выпадающем меню Объект (Object ), вы можете выбрать опцию Кубическая деформация (Cube Wrap), т.к. она лучше воссоздаст Плоскость Основания (Ground Plane).

После этого, вы можете щёлкнуть по области предварительного просмотра и сместить объект, чтобы увидеть результат с различных углов.

Поменяйте Размытие (Blur) на 2.5, чтобы смягчить детали, а также уменьшите значение Детального Масштабирования (Detail Scale) до 20%, чтобы сделать детали менее заметными.

Поиграйте со значениями, пока вы не получите результат, который вам нравится, а затем нажмите кнопку «ОК«.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 3

Настройте UV-свойства для Карты Нормали для соответствия с текстурой Рассеивания (Diffuse).

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

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

16. Создаём Фрагменты с Эффектом Выпуклости

Шаг 1

Создайте новый слой, назовите этот слой Фрагменты (Pieces), а затем выберите инструмент Перо (Pen Tool).

В панели управления данного инструмента. выберите режим Контуры (Path), а затем начните создать короткие рабочие контуры вокруг текста.

Щёлкните один раз по холсту, чтобы добавить опорную точку, затем потяните мышь и ещё раз щёлкните по холсту, чтобы создать контур, теперь удерживая клавишу (Ctrl), щёлкните рядом с контуром, чтобы разъединить контур и приступить к следующему контуру.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

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

После этого, уменьшите их масштаб и далее, примените тот же материал Выпуклости к их сетке.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

17. Проводим Рендеринг 3D Сцены, а также Проводим Коррекцию Заключительного Результата

Шаг 1

Как только вы завершили редактирование сцены, идём 3D – Рендер 3D слоя (3D > Render 3D Layer) для рендерингавсей сцены. Процесс рендеринга может занять некоторое время, но вы можете остановить процесс в любой момент, нажав клавишу (Esc).

Как только завершится процесс рендеринга. щёлкните правой кнопкой мыши по 3D слою и в появившемся окне, выберите опцию Преобразовать в Смарт-объект (Convert to Smart Object). Это предотвратит от случайных изменений в 3D-слое.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 2

Добавьте корректирующий слой Уровни (Levels). Поменяйте значения для Теней (Shadows) на 20, а значение Света (Highlights) на 250, чтобы немного усилить контрастность.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Шаг 3

Добавьте корректирующий слой Выборочная коррекция цвета (Selective Color). Примените следующие настройки, которые указаны ниже:

Жёлтые (Yellows)

  • Голубой (Cyan): 30
  • Пурпурный (Magenta): 20
  • Жёлтый (Yellow): 10
  • Чёрные (Black): 9

Зелёные (Greens)

  • Голубой (Cyan): 35
  • Пурпурный (Magenta): 10
  • Жёлтый (Yellow): 35
  • Чёрные (Black): 5

Белые (Whites)

  • Чёрные (Black): -30

Шаг 4

Добавьте слой Градиент (Gradient), установите тип градиента от Прозрачного к Цвету Заливки (Transparent to Fill Color), а также установите следующие цвета градиента: #727571 слева и #181e14 справа.

Установите Стиль (Style) градиента на Радиальный (Radial), а также установите Масштаб (Scale) на 200.

После этого, поменяйте режим наложения для слоя с заливкой градиента на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 25%.

Создаём Выпуклый 3D Текст с Декоративной Отделкой в программе Adobe Photoshop.

Поздравляю вас! Мы завершили урок!

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

После этого, мы преобразовали слои в 3D объекты и поработали над их настройками и материалами, включая освещение сцены и угол камеры.

В заключение, мы добавили плоскость основания и несколько фрагментов выпуклости, провели рендеринг сцены и применили пару корректирующих слоёв для завершения заключительного эффекта.

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

Как сделать 3D текст в Photoshop CC

Как сделать 3D текст в Photoshop CC

Объемный текст с 3D эффектом может быть прекрасным дополнением вашей рекламе, как и другие текстовые эффекты. Слово написанное объемными буквами сразу захватывает внимание и придает необычности вашему макету.

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

Стоит сразу отметить, что 3D эффекта можно достичь по разному. Например, применяя эффект слоя тиснение, рисование вручную и т.д.

В этом уроке речь пойдет о применении функции 3D, которая доступна во всех последних версиях фотошопа.

Создание надписи 3D

В самом начале нужно создать новое изображение в Photoshop или открыть изображение, на котором должна быть ваша надпись.

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

Выделяем текст и нажимаем соответствующую кнопку, как показано на скриншоте ниже:

Создание надписи 3D

Также можно нажать правой кнопкой мыши на слой с текстом и выбрать «New 3D Extrusion from Selected Layer»

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

Вид 3D текста

Настройка 3D текста

Чтобы попасть внутрь настроек, необходимо выделить слой текста и открыть панель «3D». Здесь вы можете отрегулировать все необходимые параметры надписи.

Настройка 3D текста

Среди них есть Environment, Scene, Curretn Veiw, Infinite Light, TEXT — настройка материалов текста. На русский это можно перевести как: среда, сцена, текущий вид, бесконечный свет и ваш текст.

Кликнув по одному из пунктов открываются настройки в панели «Properties» или «свойства». Здесь настраиваются все параметры данного пункта.

Во вкладке свет (Infinite Light) настраивается расположение источника света, от него зависит степень освещенности букв и расположение тени.

Источник света на 3D тексте

Во вкладке вид (Curretn Veiw) выставляется основные виды, также можно сохранить выбранный вид, чтобы затем к нему вернуться.

Выберите в панели 3D ваше слово. В свойствах будут доступны готовые пресеты (наборы настроек). Выберите то выдавливание текста, которое вам больше нравиться, как показано на скриншоте ниже.

Готовые пресеты 3D текста

Здесь также можно менять общий цвет вашей надписи, выбрав все материалы в раскрывающемся списке.

Если вы сделали ошибку в тексте или хотите изменить слово, то это можно сделать в той же панели нажав кнопку «Edit source».

Edit source редактирование надписи с 3D эффектом

Например, я сделаю слово заглавными буквами.

После изменения текста обязательно необходимо сохранить изменения в файле, после чего ваш текст измениться и эффект 3D обновится.

Сохранение изменений

Среди настроек «Environment» есть функция автоматического отражения текста. Если ваш текст стоит на поверхности, то этот эффект будет хорошо дополнять.

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

В самом конце для наиболее качественного отображения 3D текста необходимо нажать кнопку «Render» и немного подождать.

Рендер 3D текста

В итоге может получаться вот так:

Готовый 3D текст

3D текст с отражением фона

Усложним задачу и сделаем отражение окружающей среды в буквах.

Для этого нужно во вкладке Environment удалить текущую текстуру и поставить новую.

Текстура 3D текста

Новая текстура по умолчанию создается белой. Перейдите на вкладку слои и скопируйте слой фона нажав CTRL+A и CTRL+C.

Откройте текстуру выбрав «Edit Texture». Нажмите CTRL+V и фон текстуру. Закройте изображение текстуры с сохранением изменений.

Отражение окружения должно появится на ваших буквах.

Чтобы его лучше было видно, желательно сделать цвет букв черным.

Настройка степени отражения 3D текста

Буквы можно разделить и развернуть в под разными углами. Для этого в меню выберите 3D/Split Extrusion. Теперь положение букв регулируется отдельно.

Чтобы текст не терялся, фон пришлось немного затемнить. В моем случае получилось следующим образом:

готовый 3D текст с отражением фона

Видео урок создание текста 3D

В видео уроке подробно описаны все этапы создания объемного текста в обычном режиме, а также с отражением окружающего фона на буквах.

Как создать 3D-текстовый эффект в Photoshop

Мария Матвеева

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

Затем вы узнаете об альтернативном и более простом методе. Возможно, второе приложение не так популярно, как Photoshop, но вы будете удивлены профессиональными результатами, которых с его помощью может достичь даже новичок.

В этой статье

Как создать 3D-текстовый эффект в Adobe Photoshop

Photoshop — не самая простая в использовании программа для редактирования изображений. Трудности с программой возникают довольно быстро. Однако вам потребуется только воспользоваться инструкциями. Мы постараемся облегчить процесс редактирования вашего проекта.

Шаг 1 Откройте Adobe Photoshop и создайте новый документ. Затем отредактируйте настройки документа следующим образом.

new document photoshop

Шаг 2 Выберите инструмент «Тип» и выберите цвет по своему усмотрению. Затем щелкните в любом месте на пустом холсте и введите слово.

type text photoshop

Шаг 3 Далее найдите панель «Слои» в правом нижнем углу экрана. Нажмите на «Слои» → щелкните правой кнопкой мыши на вашем текстовом слое → выберите «Создать 3D-экструзию из выбранного слоя». Затем просто нажмите Да в появившемся новом окне.

three d layer

Шаг 4 Сейчас вы редактируете проект в рабочей области 3D внутри Photoshop. Здесь мы создадим эффект 3D-текста. Сначала нажмите на панель Слои → щелкните правой кнопкой мыши на «Фоне» → выберите «Открытка».

edit background

Шаг 5 Не используйте дополнительные функции, просто удерживайте клавишу SHIFT и щелкните на вашем текстовом слое. При этом вы выделите текст и фоновый слой одновременно. Затем просто удерживайте CTRL + E / Cmnd + E для объединения слоев.

Шаг 6 Далее перейдите к 3D-панели. Здесь просто нажмите на свой текстовый слой. Затем на панели Свойства выше выберите предустановленную форму , которая будет применена к вашему текущему тексту.

properties

Шаг 7 Следующий шаг — добавить источник света. Для этого вернитесь на панель 3D → нажмите на кнопку Лампочка внизу выберите «Новый Infinite Light». Затем вы можете перетащить кружок в середину текста, чтобы задать направление источника света.

add light source photoshop

Шаг 8 Теперь вы можете перейти на панель свойств, чтобы воспользоваться расширенными настройками 3D-эффекта и эффекта источника света. По окончанию просто нажмите на выделенную кнопку, чтобы отобразить свое творение.

render three d text

Шаг 9 Мы почти закончили. Следующий шаг — вернуться на вкладку Слои → щелкнуть правой кнопкой мыши на Фоновом слое → нажать на «Конвертировать в смарт-объект».

convert to smart object

Шаг10 Наконец, с помощью кнопки выпадающего списка в правом верхнем углу выберите Essentials.

convert back

Вот и всё! Теперь вы можете экспортировать свое 3D-текстовое изображение из Photoshop. Поздравляем вас окончанием урока по созданию 3D-текстового эффекта в Photoshop.

Самый простой способ по созданию 3D-текстовый эффекта или анимации

Как мы уже упоминали, Photoshop — сложная в использовании программа, особенно для новичков. Каких результатов вы могли бы достичь, если бы существовал более простой инструмент с теми же высококачественными и профессиональными результатами?

Подобный редактор существует! Filmora позволяет создавать уникальные изображения, применять эффекты, редактировать видео от начала до конца и экспортировать проект в максимально качественные форматы.

Скачать Бесплатно Windows 11 и ниже безопасная загрузка filmoraБезопасная загрузка
Скачать Бесплатно macOS 10.14 — macOS 13 безопасная загрузка filmoraБезопасная загрузка

По сравнению с Photoshop Filmora не только проще в использовании, но и значительно доступнее. Предлагаем рассмотреть инструкции по применению 3D-текстового эффекта в Filmora.

Как создать 3D текстовый эффект в Filmora

Всё чрезвычайно просто. Следуйте инструкции, вы закончите менее чем за 5 минут.

Шаг 1 Сначала вам следует скачать Filmora и установить программу на свой компьютер. Затем запустите ПО и нажмите на «Новый проект».

open new project filmora

Шаг 2 Импортируйте фоновое видео или изображение, перейдя в «Мои медиа» и выбрав «Импортировать медиа». Здесь выберите любое видео, нужный фрагмент или изображение и нажмите Открыть. После импорта просто перетащите клип на временную шкалу ниже.

import media files filmora

Шаг 3 Далее перейдите к Заголовкам и найдите «3D». Выберите любой понравившийся вам вариант и перетащите его на временную шкалу, над вашим видеофоном.

title option filmora

Шаг 4 Наконец, дважды щелкните по 3D-заголовку на временной шкале и внесите изменения. Введите свой пользовательский текст, измените шрифт, цвет и другие параметры.

3d titles filmora

Вот и все! Поздравляем! Вы создали 3D-текстовый эффект с помощью Filmora всего за четыре простых шага.

Заключение

Создание 3D-текста с помощью Photoshop — хорошая идея, если вы уже знаете, как пользоваться этим инструментом. В обратном случае разумнее использовать более простую альтернативу, которая намного проще в использовании. Профессиональные результаты и качественные проекты — одни из главных преимуществ Filmora. У программы действительно гораздо больше плюсов, чем недостатков.

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

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