Создаем праздничный 3D текст в Фотошоп. Фотошоп 3d буквы


Создаем праздничный 3D текст в Фотошоп

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

На создание этого эффекта меня вдохновили различные стили слоя на сайте GraphicRiver.

Скачать архив с материалами к уроку

1. Создаем узор

Шаг 1

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

Шаг 2

Снова дважды кликаем по фоновому слою, чтобы применить к нему стиль слоя Pattern Overlay (Наложение узора) со следующими настройками:

  • Pattern (Узор): Back To School Pattern #6
  • Scale (Масштаб): 25%

Шаг 3

Выше фонового слоя с узором размещаем слой с блестящей текстурой, корректируем ее размер, чтобы она четко вписывалась в высоту документа. Далее меняем режим смешивания текстуры на Hard Light (Жесткий свет).

Сохраняем этот файл и называем его «Линии». После этого закрываем документ.

2. Создаем текст

Шаг 1

Создаем новый документ размером 1000 х 667 пикселей с Resolution (Разрешение) 300.

Шаг 2

Пишем текст размером 70 pt, используя шрифт Intro.

Шаг 3

Называем текстовый слой «Текст», дублируем его (Ctrl+J) и переименовываем копию на «Обводка»,

3. Создаем обводку

Шаг 1

Кликаем правой кнопкой мыши по слою «Обводка» и выбираем Convert to Shape (Преобразовать в кривые).

Шаг 2

Берем Direct Selection Tool (A) (Частичное выделение), затем на панели параметров инструмента меняем Fill (Заливка) на None (Нет), цвет обводки устанавливаем на черный, а Size (Размер) на 2. Затем кликаем на кнопку выбора типа обводки и Align (Выравнивание) устанавливаем на Outside (Вовне).

4. Создаем 3D-слои

Шаг 1

Выбираем слой «Текст» и переходим 3D – New 3D Extrusion from Selected Layer (3D – Новая 3D-экструзия из выделенного слоя).

Далее выбираем слой «Обводка» и переходим 3D – New 3D Extrusion from Selected Path (3D – Новая 3D-экструзия из выделенного контура).

Шаг 2

Выбираем оба 3D-слоя и переходим 3D – Merge 3D Layers (3D – Слияние 3D-слоев).

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

Шаг 1

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

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

Шаг 2

Если активировать Move Tool (V) (Перемещение), в верхней части панели параметров появится набор специальных 3D-режимов.

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

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

Шаг 3

На панели 3D кликаем на значок глаза рядом с компонентом Stroke (Обводка), чтобы отключить его.

6. Редактируем параметры 3D-текста

Шаг 1

На панели 3D выделяем компонент с нашим текстом (в данном случае он называется «joy»), затем на панели Properties (Свойства) устанавливаем Extrusion Depth (Глубина экструзии) на 50.

Шаг 2

Жмем на кнопку Cap (Капитель) в верхней части панели Properties (Свойства), затем устанавливаем Bevel Width (Ширина фаски) на 5 и Contour (Контур) на Cone.

Далее устанавливаем Inflate – Angle (Раздувание – Угол) на 50 и Strength (Интенсивность) на 15.

7. Настраиваем выпуклость материала

Шаг 1

У компонента с текстом находим Front Inflation Material (Материал передней выпуклости) и кликаем на кнопку с папкой рядом с параметром Diffuse (Рассеивание), выбираем Load Texture (Загрузить текстуру) и находим созданную в начале урока текстуру с линиями.

Шаг 2

Теперь кликаем на значок текстуры рядом с параметром Diffuse (Рассеивание) и выбираем Edit UV Properties (Редактировать UV-свойства).

Шаг 3

Устанавливаем параметры Tile (Мозаика) и Offset (Смещение) на желаемые значения.

Шаг 4

Настраиваем остальные параметры материала:

  • Specular (Цвет блика): 219, 212, 212
  • Shine (Блеск): 35
  • Refraction (Коэфф. преломления): 1.299

Шаг 5

Кликаем на иконку папки рядом с параметром Bump (Рельеф) и в выпадающем списке находим название текстуры с линиями, которую мы создали в начале урока (в данном случае «Stripes»).

Шаг 6

Устанавливаем Bump (Рельеф) на 25.

8. Сохраняем и повторно применяем 3D-материал

Шаг 1

Не снимая выделение с компонента Front Inflation Material (Материал передней выпуклости), кликаем на кнопку со стрелкой для выбора материала и в выпадающем списке выбираем New Material (Новый материал).

Шаг 2

Вводим название материала и жмем ОК.

Шаг 3

Теперь выделяем следующие компоненты 3D-текста Front Bevel Material (Материал переднего скоса), Back Bevel Material (Материал заднего скоса) и Back Inflation Material (Материал задней выпуклости).

Открываем меню выбора материала, находим материал, созданный выше, и применяем его.

Шаг 4

Extrusion Material (Материал экструзии) будет скрыт под обводкой, но на всякий случай мы применим к нем следующие параметры:

  • Specular (Цвет блика): 219, 212, 212
  • Shine (Блеск): 35
  • Reflection (Отражение): 30
  • Roughness (Плавность): 20
  • Refraction (Коэфф. преломления): 1.299

9. Настраиваем обводку

Шаг 1

Снова делаем компонент Stroke (Обводка) видимым, кликнув на пустое место с левой стороны от названия. Устанавливаем Extrusion Depth (Глубина экструзии) на 50.

Шаг 2

Настраиваем Cap (Капитель). Устанавливаем Sides (Стороны) на Front and Back (Спереди и сзади), Bevel Width (Ширина фаски) на 3 и Contour (Контур) на Half Round (Полукруг).

Шаг 3

Выбираем все материалы компонента Stroke (Обводка), кликаем на значок рядом с параметром Diffuse (Рассеивание) и выбираем Remove Texture (Удалить текстуру).

Шаг 4

Настраиваем остальные параметры:

  • Diffuse (Рассеивание): 68, 44, 6
  • Specular (Цвет блика): 230, 220, 186
  • Shine (Блеск): 85
  • Reflection (Отражение): 75
  • Refraction (Коэфф. преломления): 1.35

10. Разделяем 3D-сетку

Шаг 1

Выделяем компонент с текстом и переходим 3D – Split 3D Extrusion (3D – Разделить экструзию). В результате компонент с текстом разделится на отдельные группы с буквами.

Шаг 2

Также разделяем обводку.

11. Двигаем 3D-объекты

Шаг 1

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

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

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

Шаг 2

Также меняем поворот камеры, чтобы получить наилучший результат.

12. Настраиваем освещение сцены

Шаг 1

Выделяем компонент Infinite Light (Бесконечный свет) и устанавливаем Intensity (Интенсивность) на 60%, а Shadow – Softness (Тень – Сглаживание) – на 30%.

Шаг 2

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

Шаг 3

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

Шаг 4

Устанавливаем Intensity (Интенсивность) на 50% и Ground Plane – Shadows – Opacity (Плоскость основания – Тени – Непрозрачность) на 0%.

Шаг 5

Используем Move Tool (V) (Перемещение), чтобы двигать источник света и выбрать наиболее подходящее положение.

13. Рендерим сцену и добавляем фон

Шаг 1

Закончив создавать 3D-сцену, переходим 3D – Render (3D – Рендеринг), чтобы визуализировать картинку. Рендеринг может занять достаточно много времени в зависимости от мощности вашего компьютера, но вы в любой момент можете остановить процесс нажатием клавиши Esc.

После окончания рендеринга кликаем правой кнопкой по 3D-слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Шаг 2

Выше слоя Background (Фон) размещаем фото с эффектом боке, затем переходим Edit – Transform – Rotate 90 Clockwise (Редактирование – Трансформация – Повернуть на 90 по часовой стрелке).

При необходимости корректируем размер текстуры и называем ее «Боке».

Шаг 3

Кликаем на кнопку Create new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку) в нижней части панели слоев и выбираем Levels (Уровни).

Шаг 4

Преобразовываем корректирующий слой Levels (Уровни) в обтравочную маску для 3D-слоя, затем устанавливаем Highlights (Света) на 16 и Shadows (тени) на 220.

14. Создаем нити

Шаг 1

Добавляем новый слой над слоем «Боке» и называем его «Нити». Берем Brush Tool (B) (Кисть) размером 3 пикселя с жесткими краями и с зажатой клавишей Shift рисуем вертикальные линии.

Дважды кликаем по слою «Нити», чтобы применить стили слоя:

Шаг 2

Добавляем стиль слоя Bevel and Emboss (Тиснение) со следующими параметрами:

  • Size (Размер): 7
  • Angle (Угол): 30
  • Altitude (Высота): 30
  • Gloss Contour (Контур глянца): Cone
  • Активируем Anti-aliased (Сглаживание)
  • Highlight Mode (Режим подсветки): Linear Light (Линейный свет)
  • Opacity (Непрозрачность): 50%
  • Shadow Mode (Режим тени): Linear Burn (Линейный затемнитель)
  • Opacity (Непрозрачность): 50%

Шаг 3

Настраиваем Contour (Контур):

  • Contour (Контур): Ring – Double
  • Активируем Anti-aliased (Сглаживание)

Шаг 4

Настраиваем Texture (Текстура):

  • Pattern (Узор): Metal Landscape
  • Scale (Масштаб): 35%

Шаг 5

Добавляем стиль слоя Color Overlay (Наложение цвета) со следующими параметрами:

  • Color (Цвет): #917149

Получаем стилизованные нити.

15. Добавляем блики на буквах

Шаг 1

Выше всех слоев создаем новый и называем его «Свет». Меняем режим смешивания этого слоя на Vivid Light (Яркий свет).

Затем устанавливаем цвет переднего плана на #a6a497, берем Brush Tool (B) (Кисть) и мягкой кисточкой любого размера добавляем светлые пятна по всему тексту.

Шаг 2

Зажимаем Ctrl и кликаем по миниатюре 3D-слоя, чтобы загрузить его выделение.

Шаг 3

В нижней части панели слоев кликаем на кнопку Add layer mask (Добавить слой-маску).

16. Корректируем цвета и добавляем шум

Шаг 1

Выше всех слоев добавляем корректирующий слой Gradient Map (Карта градиента).

Активируем Dither (Дизеринг) и используем следующие цвета для градиента: слева - #48406e, в центре - #76747e и справа - #fbc690.

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

Шаг 2

Устанавливаем цвета переднего и заднего планов на черный и белый соответственно, затем выбираем 3D-слой.

Переходим Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум), выбираем Distribution (распределение) - Gaussian (По Гауссу) и снимаем галочку с Monochromatic (Монохромный).

Приближаем документ (Ctrl+), пока не будет виден шум на текстуре боке, устанавливаем такое значение Amount (Количество), чтобы шум на тексте соответствовал шуму на фоне.

Поздравляю! Мы закончили

В этом уроке мы использовали текстуру, чтобы создать узор для 3D-букв.

Затем создали текст и обводку, преобразовали все в 3D-слои и применили к ним материалы.

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

Автор: Rose

photoshop-master.ru

Деревянные 3D буквы в Фотошоп

В этом уроке мы создадим объёмные буквы с помощью текстур и стилей слоя. На создание такого текста меня вдохновила работа Дэвида МакЛеода (David McLeod). Данный эффект сработает только в случае использования деревянной текстуры, но Вы можете поэкспериментировать и с другими текстурами и, может быть, у Вас получится какая-нибудь уникальная надпись.

Материалы для урока:

Архив

Шаг 1

Создайте новый документ в Фотошопе и вставьте в него текстуру дерева. Назовите слой «Wood Texture». Затем инструментом Горизонтальный текст (Horizontal Type Tool) (T) напишите букву «A». Настройки шрифта показаны на скриншоте ниже. Текстовый слой назовите «Text Layer».

Шаг 2

Выделите текстовый слой (удерживая Ctrl, кликните на миниатюре слоя). Перейдите на слой текстуры и нажмите Ctrl + J, чтобы скопировать выделенный участок на отдельный слой. Назовите новый слой «Wood Text».

Шаг 3

Если версия вашего редактора ниже CS5, то для создания 3D текста можно использовать маленький трюк.

Создайте 30 копий слоя «Wood Text» (Ctrl + J).

Шаг 4

Выберите слой «Wood Text copy 30», зажмите клавишу Shift и нажмите по два раза на клавишу стрелки вверх и вправо.

Выберите инструмент Перемещение (Move Tool) (V), в палитре слоёв выберите все слои «Wood Text» и на верхней панели нажмите на кнопки выравнивания центров.

Шаг 5

Объедините все слои «Wood Text» (Ctrl + E) и назовите полученный слой «3D Wood Layer». Кликните на нём дважды, чтобы открыть окно стилей и настройте так:

Тиснение (Bevel & Emboss):

Наложение цвета (Color Overlay):

Результат:

Шаг 6

Инструментом Многоугольное лассо (Polygonal Lasso Tool) (L) выделите некоторые участки буквы, как показано на скриншоте. Затем инструментом Затемнитель (Burn Tool) (O) нарисуйте тени на букве.

Шаг 7

К слою Wood Text copy 30 добавьте маску Слой > Слой-маска > Показать все (Layer > Layer Mask > Reveal All). Инструментом Лассо (Lasso Tool) (L) выделите несколько маленьких участков буквы и закрасьте их чёрным цветом на маске. Уберите выделение (Ctrl + D) и увидите эффект слезающей краски.

Шаг 8

На фронтальную часть буквы тоже нужно добавить деревянную текстуру. Для этого поместите деревянную текстуру поверх всех слоёв. Создайте для неё корректирующие слои Цветовой тон/Насыщенность (Hue/Saturation) и Яркость/Контрастность (Brightness/Contrast) с обтравочными масками (Ctrl + Alt + G) для слоя с текстурой.

Шаг 9

Применим текстуру к букве. ДЛя этого скроем лишнюю часть текстуры при помощи маски слоя, используя выделение от слоя Wood Text copy 30 (Ctrl+ клик по миниатюре слоя). Установите Режим наложения для слоя с текстурой на Перекрытие (Overlay).

Шаг 10

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

Добавьте ещё пару букв:

 

Автор: psd-dude 

photoshop-master.ru

Создаём гладкий металлический 3D текст в Фотошоп

​Среда 3D Photoshop CS6 с различными опциями и настройками позволяет легко создавать удивительные текстовые 3D  эффекты. Этот урок покажет вам, как создать простой, но утончённый металлический текстовый эффект, используя различные настройки 3D.

В уроке использовались:

  1. Adobe Photoshop CS6 Extended
  2. Шрифт Sail
  3. Металлическая текстура от WebTreatsETC.

Архив

Шаг 1

Создайте новый документ 1000х1000 пикс. Установите цвет переднего плана на #444343 и цвет фона #1c1c1c.Выберите инструмент Gradient Tool (G) (Градиент), в наборе выберите градиент, состоящий из цветов переднего и заднего планов, тип градиента Radial Gradient (Радиальный).

Затем щёлкните и перетащите курсор от центра документа к одному из углов.

Установите шрифт в Фотошоп и напишите текст (цвет #cccccc, размер 330 рt).

Идём в меню 3D - New 3D Extrusion from Selected Layer (3D – Новая 3D-Экструзия из выделенного слоя). Текстовый слой преобразуется в 3D слой. 3D сетка текста уже доступна для редактирования. Этим мы сейчас и займёмся.

Шаг 2

Для доступа к настройкам и свойствам 3D сетки вам нужно открыть две панели. Панель 3D и панель Properties (Свойства). Меню Window (Окно).

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

Выберите Move Tool (V) (Перемещение). На верхней панели появится набор 3D-режимов (3D Mode). Выбрав один из них, вы можете производить какие либо действия с выбранным в 3D-панели элементом.

Шаг 3

Выберите название сетки (ваш текст) в 3D панели. Затем в панели свойства измените Texture Mapping (Отображение текстуры) на Tile (Мозаика) и Extrusion Depth (Глубина экструзии) до 500.

Нажмите на иконку Cap (Капитель) в панели свойства. В настройках Вevel (Фаска)измените Width (Ширину) на 10, выберите Сontour (Контур) Half Round (Полукруг), Angle (Угол) 90, Strength (Интенсивность) 2. Это придаст небольшой объём.

Выберите Coordinates (Координаты) и установите X Rotation Angle (угол вращения по оси Х)на 90.Это повернёт текст перпендикулярно плоскости основания.

Далее идём в 3D-Snap Object to Ground Plane (3D - Привязать объект к плоскости основания)

На 3D панели выберите Current View (Текущий вид), выберите инструмент Move Tool (V) (Перемещение) и, используя различные инструменты в 3D Modes (3D-режимах), измените текущий вид камеры так, чтобы она указывала на текст свыше.

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

Шаг 4

Если вы захотите изменить текст, то выберите в 3D панели название сетки (ваш текст) и нажмите на кнопку Edit Source (Редактировать Источник) на панели свойства.

Это позволит открыть документ с текстом и вы можете вносить любые изменения в ваш текст. Я изменю размер шрифта на 392.5 pt. Но при смене текста или его размера, текст может выходить за пределы документа.

Чтобы исправить это, после внесённых изменений идём в Image - Reveal All (Изображение – Показать всё)

Когда вы закончите, сохраните документ File – Save (Файл – Сохранить) и закройте его, чтобы вернуться к исходному.

Шаг 5

Чтобы добавить тексту дополнительную перспективу, выделите сетку текста в 3D панели, на панели свойства выберите Deform (Деформация) и измените значение Taper (Конусность) до 80%.

В 3D панели выделите с Ctrl Front Inflation Material (Материал передней выпуклости) и Back Inflation Material (Материал задней выпуклости), затем на панели свойства измените настройки, как показано ниже:

Diffuse(Рассеивание) - #391d5bSpecular (Цвет блика) - #bbb08cIllumination (Свечение) - #080808Ambient (Освещение)  -#000000

Выберите Front Bevel Material (Материал переднего скоса) и Back Bevel Material (Материал заднего скоса) и измените настройки:

Diffuse (Рассеивание) - #391d5bSpecular (Цвет блика) - #c1c1c1Illumination (Свечение) - #080808Ambient (Освещение) - #000000

И наконец, выберите Extrusion Material (Материал экструзии) и измените настройки.

Diffuse (Рассеивание) - #1b003dSpecular (Цвет блика) - #c1c1c1 Illumination (Свечение) - #080808Ambient (Освещение) - #000000

Шаг 6

Выберите вкладку Environment (Окружающая Среда) на 3D панели, затем на панели свойства щёлкните на иконку папки IBL (ИСБИ) и выберите Load Texture (Загрузить текстуру)

Загрузите изображение текстуры ghghghhj.jpg, которая дана в материалах к уроку. Затем измените Intensity (Интенсивность)на 50%, Shadows (Тени) - Opacity (Непрозрачность) 60%, Reflection (Отражение) - Opacity (Непрозрачность) 20% и Roughness (Шероховатость) до 2%.

Вы можете изменить расположение текстуры. Выберите Move Tool(V) (Перемещение), щёлкните по сфере среды и перетащите на ваше усмотрение.

Шаг 7

Выберите Infinite Light 1 (Бесконечный свет 1), на панели свойства измените Intensity (Интенсивность) на 90% и Shadow Softness (Тень Сглаживание) до 60%

Вы можете переместить освещение, как вам нравится, или использовать значения координат.

Нажмите кнопку Add new Light to Scene  (Добавить новый свет на сцену) внизу 3D панели и выберите New Infinite Light (Новый бесконечный свет).

На панели свойства измените Intensity (Интенсивность) до 40% и снимите галку с Shadow (Тень)

Установите освещение по вашему усмотрению или используйте значения координат.

Шаг 8

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

Когда вы закончите, идите в 3D-Render (3D – Рендеринг). Это может занять некоторое время, но вы можете остановить рендеринг в любое время, нажав в любом месте документа.

После того, как рендеринг завершён, нажмите на кнопку  Create new fill or adjustmentlayer (Создать новый корректирующий слой) внизу панели слоёв и выберите Gradient Map (Карта Градиента).

Создайте градиент, используя цвета #3e5678 и #ff9a9e. Измените Режим наложения слоя на Overlay (Перекрытие) и Opacity (Непрозрачность) до 15%.

И мы сделали это!

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

Автор урока: Rose

photoshop-master.ru


Смотрите также