3D текст фотошоп: https://www.youtube.com/watch?v=pwg5ut1u230 – Как сделать 3D текст в фотошопе CS6

Создаём светящийся 3D текст в Фотошоп / Фотошоп-мастер

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

Этот текстовый эффект был вдохновлен многими стилями слоя на Envato Market.

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

1. Шрифт Big John
2. Металлическая Текстура
3. Морозная Текстура
4. Градиент (Загрузите файл CHROMES.grd)

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

Финальное изображение

Создание градиентного фона

Шаг 1

Создайте новый документ 800 x 600 px, затем нажмите на иконку Create new fill or adjustment layer (Создать новый слой заливки или корректирующий слой) в нижней части панели Layers (Слои) и выберите Solid Color

(Цвет)

Шаг 2

Используйте цвет #2e363.

Шаг 3

Дважды кликните по слою Solid Color (Цвет), чтобы применить стиль слоя Gradient Overlay (Наложение Градиента) со следующими настройками:

• Dither (Сглаживание) поставьте галочку
• Blend Mode (Режим Наложения): Linear Burn (Линейный Затемнитель)
• Opacity (Непрозрачность): 20%
• Style (Стиль): Radial (Радиальный)
• Scale (Масштаб): 150%
• Нажмите на поле Gradient (Градиент) для создания градиентной заливки с помощью цвета # #ffffff слева и #ababab справа.

Это создаст простой градиентный фон.

Добавляем фоновую текстуру

Шаг 1

Поместите Металлическую текстуру поверх слоя Solid Color (Цвет) и измените ее размер по мере необходимости.

Переименуйте текстурный слой в BG texture и измените его режим наложения на Soft Light (Мягкий Свет).

Шаг 2

Перейдите в меню Image>Adjustments>Levels (Изображение>Коррекция>Уровни) и измените гамма значение на 1,50.

Создаем текст и конвертируем его в смарт-объект

Шаг 1

Создайте текст, используя шрифт Big John размером  200 пт, цвет #e8a505 и Tracking (Трэкинг) 100.

Шаг 2

Переименуйте текстовый слой в Text, кликните правой кнопкой мыши по нему и выберите Convert to Smart Object (Преобразовать в смарт-объек).

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

Шаг 3

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

Создаем действие трансформации

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

Так как мы будем работать с несколькими Smart Object (Смарт-Объекты), то запишем для этого Action (Действие)

Шаг 1

Откройте панель Actions (Действия) под меню Window (Окно).

Шаг 2

Нажмите на иконку Create new set (Создать новый набор) в нижней части панели, назовите новое действие Extrusion и нажмите кнопку ОК.

Шаг 3

Нажмите на иконку Create new action (Создать новое действие), введите в поле Name (Имя) название Action, затем нажмите Record (Запись).

Записываем действие

Шаг 1

Дублируйте слой Text Copy, перетащив его на иконку New Layer (Новый Слой) в нижней части панели Layers (Слои).

Шаг 2

Нажмите Ctrl+T, чтобы включить режим свободной трансформации. Затем нажмите клавишу стрелку вниз один раз и клавишу стрелка вправо один раз,  чтобы переместить слой

Text copy 2 на 1px вниз и на 1px вправо.

Шаг 3

Нажмите клавишу Еnter, чтобы применить изменения. Вы должны увидеть все шаги, записанные и добавленные в Actions (Дейстаия), которые создали.

Шаг 4

Нажмите на значок Stop recording (Остановить Запись) в нижней части панели Actions (Действия), чтобы завершить запись действия.

Создаем экструзию

Шаг 1

Нажмите на иконку Play (выполнить) в нижней части панели Actions (Действия) 10 раз, чтоб применить действие и создать 10 текстовых копий с трансформацией.

Последний слой должен называться Text copy 12.

Шаг 2

Выберите все текстовые копии (за исключения невидимого оригинала) и перейдите в меню 

Layer> Arrange>Reverse (Слой>Упорядочить>Инверсия).

Это переместит последнюю копию слоя в нижнюю часть, а первую копию наверх.

Шаг 3

Снимите выделение с первого и последнего слоев, а оставшиеся объедините в группу слоев Extrusion.

Шаг 4

Переименуйте слой Text copy на Text Front, а слой Text copy 12 на Text Back.

Продублируйте слой Text Front

 и понизьте у копии значение Fill (Заливка) до 0, а затем продублируйте копию.

Стилизуем слои экструзии

Дважды кликните по слою Text copy 2 и примените следующие стили слоя.

Шаг 1

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

• Size (Размер): 9
• Shadow Mode (Режим тени) — Opacity (Непрозрачность): 15%

Шаг 2

Добавьте  Drop Shadow

(Тень) с настройками:

• Opacity (Непрозрачность):  7%
• Distance (Расстояние): 3
• Size (Размер): 2

Шаг 3

Это стилизует первый слой экструзии.

Кликните правой кнопкой мыши по стилизованному слою и из появившегося меню выберите Copy Layer Style (Копировать стиль слоя).

Шаг 4

Выберите все остальные слои в папке Extrusion , кликните правой кнопкой мыши по любому из них и выберите 

Paste Layer Style (Вставить стиль слоя).

Это создаст эффект 3D экструзии.

Шаг 5

Дублируйте группу Extrusion, переместите ее выше слоя Text Front copy 2 и понизьте значение Fill (Заливка) до 0.

Стилизуем передний текстовый слой.

Дважды кликните по слою Text Front и примените следующие стили слоя.

Шаг 1

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

• Size (Размер):  3
• Gloss Contour (Контур глянца): Cove — Deep (Глубокая Выемка)
• Anti-aliased (Сглаживание): поставьте галочку
• Shadow Mode (Режим тени) — Opacity (Непрозрачность): 15%

Шаг 2

Добавьте Contour (Контур) с настройками:

• Anti-aliased (Сглаживание): поставьте галочку
• Contour (Контур): Cove — Deep (Глубокая Выемка)
• Range (Диапазон) 100%

Шаг 3

Добавьте Stroke (Обводка) с настройками:

• Size (Размер): 1
• Position (Положение): Inside (Внутри)
• Blend Mode (Режим наложения): Screen (Экран)
• Fill Type (Тип заливки): Gradient (Градиент)
• Используйте градиент faucet 70

Шаг 4

Добавьте Inner Shadow (Внутренняя тень) с настройками:

• Opacity (Непрозрачность): 35%
• Снимите галочку с Use Global Light (Глобальное Освещение)
• Angle (Угол обзора):141
• Distance (Расстояние): 9
• Size (Размер): 18
• Choke (Стягивание):6

Шаг 5

Добавьте Inner Glow (Внутреннее Свечение) с настройками:

• Blend Mode (Режим наложения): Linear Light (Линейный свет)
• Opacity (Непрозрачность): 100%
• Color (Цвет): #d1cc90
• Technique (Метод): Precise (Точная)
• Size (Размер): 90
• Contour (Контур) : Cone — Asymmetrical (Конус-Асимметричный)

Шаг 6

Добавьте Outer Glow (Внешнее Свечение) с настройками:

• Opacity (Непрозрачность): 100%
• Size (Размер): 10
• Spread (Размах)28
• Color (Цвет): используйте градиентную заливку faucet 140
• Contour (Контур) : Cove – Shallow (Мелкая Выемка)

Шаг 7

Добавьте  Drop Shadow (Тень) с настройками:

• Opacity (Непрозрачность):  7%
• Distance (Расстояние): 3
• Size (Размер): 2

Это стилизует верхний текстовый слой.

Стилизуем копию переднего текстового слоя

Дважды кликните по слою Text Front copy, чтобы применить следующие стили слоя.

Шаг 1

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

• Size (Размер): 10
• Снимите галочку с Use Global Light (Глобальное Освещение)
• Angle (Угол обзора):138
• Altitude (Высота): 21
• Gloss Contour (Контур глянца): Cove — Deep (Глубокая Выемка)
• Anti-aliased (Сглаживание): поставьте галочку
• Shadow Mode (Режим тени) — Opacity (Непрозрачность): 15%

Шаг 2

Добавьте Contour (Контур) с настройками:

• Anti-aliased (Сглаживание): поставьте галочку
• Contour (Контур): Cove — Deep (Глубокая Выемка)
• Range (Диапазон) 100%

Шаг 3

Добавьте Stroke (Обводка) с настройками:

• Size (Размер): 1
• Position (Положение): Inside (Внутри)
• Blend Mode (Режим наложения): Screen (Экран)
• Fill Type (Тип заливки): Gradient (Градиент)
• Используйте градиент faucet 70

Это стилизует первый слой внутренней части текста спереди.

Стилизуем вторую текстовую копию

Дважды кликните по слою Text Front copy 2, чтобы применить следующие стили слоя

Шаг 1

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

• Size (Размер): 10
• Technique (Метод): Chisel Hard (Жесткая Огранка)
• Снимите галочку с Use Global Light (Глобальное Освещение)
• Angle (Угол обзора):110
• Altitude (Высота): 26
• Gloss Contour (Контур глянца): Cone — Asymmetrical (Конус — Ассиметричный)
• Anti-aliased (Сглаживание): поставьте галочку
• Shadow Mode (Режим тени) — Opacity (Непрозрачность): 15%

Шаг 2

Добавьте Contour (Контур) с настройками:

• Anti-aliased (Сглаживание): поставьте галочку
• Contour (Контур): Notched Slope — rounded (Зубчатый склон — закругленный)
• Range (Диапазон) 100%

Это стилизует второй слой внутренней части текста спереди.

Стилизуем нижний текстовый слой

Скопируйте стили со слоя Text Front и примените их к слою Text Back. Затем дважды кликните по слою Text Back и откорректируйте примененные стили.

Шаг 1

Bevel and Emboss (Тиснение) 

Шаг 2

Contour (Контур) 

• Contour (Контур): Cone – Inverted (Конус — Перевернутый)

Шаг 3

Drop Shadow (Тень) 

• Opacity (Непрозрачность):  70%
• Distance (Расстояние): 20
• Size (Размер): 50

Вот так будет выглядеть нижний слой

Стилизуем группы Extrusion

Шаг 1

Дважды кликните по группе Extrusion и примените Gradient Overlay (Наложение Градиента) с настройками:

• Dither (Сглаживание) поставьте галочку
• Blend Mode (Режим наложения): Multiply (Умножение)
• Используйте градиент stove pipe 185x

Это добавит еще некоторые изменения в экструзии.

Шаг 2

Дважды кликните по группе Extrusion copy  и примените Outer Glow (Внешнее Свечение) с настройками:

• Blend Mode (Режим наложения): Linear Light (Линейный Свет)
• Opacity (Непрозрачность): 35%
• Size (Размер): 27
• Color (Цвет): #a9f6ff
• Range (Диапазон) 75%
• Contour (Контур) : Ring (Кольцо)

Шаг 3

Сгруппируйте все видимые текстовые слои и группы в одну группу и назовите ее Text Effect.

Шаг 4

Дважды кликните по группе Text Effect и примените Outer Glow (Внешнее Свечение) с настройками:

• Blend Mode (Режим наложения): Screen (Экран)
• Opacity (Непрозрачность): 50%
• Size (Размер): 150
• Color (Цвет): #399da7

Шаг 5

Мы закончили с текстовым эффектом.

Если хотите изменить текст, можете дважды кликнуть по иконке оригинального слоя Text и изменить текст. Затем перейдите в меню Image>Reveal All (Изображение>Показать Все) после чего в меню File>Save (Файл>Сохранить) и File>Close (Файл>Закрыть).

Это позволить обновить остальные слои, конвертированные в смарт-объекты и получить новый текст.

Добавляем текстуру и несколько корректирующих слоев.

Шаг 1

Поместите Морозную текстуру выше всех слоев и переименуйте слой в Texture Overlay. Измените режим наложения для него на Linear Burn (Линейный Затемнитель) и понизьте Opacity (Непрозрачность) до 15%.

Шаг 2

Добавьте корректирующий слой Gradient Map (Карта Градиента) поверх всех слоев, поставьте галочку Dither (Сглаживание).

Создайте градиентную заливку, используя цвета #433469 слева, #5e6474 в центре и #d4b28a справа.

Измените режим наложения на Color (Цветность) с Opacity (Непрозрачность) 15%.

Шаг 3

Дублируйте корректирующий слой Gradient Map (Карта Градиента), а затем измените режим наложения копии на Soft Light (Мягкий Свет) с Opacity (Непрозрачность) 50%.

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

В этом уроке мы создали простой градиентный фон с наложением текстуры.

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

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

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

Автор: Rose

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

Существует множество различных металлических стилей слоя, однако данный урок посвящён антикварному металлическому стилю. Я покажу вам, как использовать инструменты 3D программы Photoshop, включая пару текстур и фильтры, чтобы создать свой уникальный 3D металлический текст, а также добавить его на красивый задний фон.

ОК. Давайте приступим!

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

Примечание: Автор использовал платные материалы.В архиве вы найдёте альтернативный вариант бесплатных материалов для выполнения урока.

Итоговый результат:

1. Создайте текст

Шаг 1

Создайте новый документ 1000 x 750 px. Залейте слой с Задним фоном (Background) серым цветом.

Шаг 2

Напечатайте текст заглавными буквами. Шрифт Insaniburger. Цвет (Color) текста чёрный, Размер (Size) шрифта 235 pt, значение Трекинга (Tracking) 50.

2. Создайте фигуры

Шаг 1

Далее, идём Текст – Преобразовать в кривые (Type > Convert to Shape).

Примечание переводчика: чтобы преобразовать текст в кривые, щёлкните правой кнопкой мыши по слою с текстом и в появившемся меню выберите опцию Преобразовать в кривые (Convert to Shape).

Шаг 2

Выберите инструмент Стрелка (Direct Selection Tool), щёлкните+зажав кнопу мыши, выделите опорные точки внутри буквы ‘O’, а затем нажмите клавишу ‘Delete’, чтобы удалить их.

Примечание переводчика: как только вы выбрали инструмент Стрелка (Direct Selection Tool), щёлкните по тексту, чтобы появились опорные точки, а потом просто выделите внутреннюю часть буквы и нажмите клавишу ‘Delete’, чтобы удалить выделенную часть.

Мы делаем это для того, чтобы добавить сердце внутри буквы ‘O’, поэтому мы скрываем внутреннюю часть, чтобы создать фигуру сердца.

Если в вашем тексте нет буквы ‘O’, то вы можете применить данный эффект к любой другой букве или мы можете пропустить данный шаг и добавить сердце в любом другом месте рядом с текстом.

Шаг 3

Выберите инструмент Произвольная фигура (Custom Shape Tool), а затем в настройках данного инструмента выберите фигуру сердца.

Расположите сердце там, где вы хотите, залейте фигуру сердца красным цветом.

Шаг 4

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

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

Шаг 5

Выделите слой с текстом вместе с дубликатом слоя с сердцем, при этом убедитесь, чтобы инструмент Произвольная фигура (Shape Tool) был активным, а затем в верхней панели настроек данного инструмента нажмите значок переключения режимов взаимодействия контуров Операции с контуром (Path Operations) и в выпадающем меню выберите опцию Исключить пересекающиеся фигуры (Exclude Overlapping Shapes).

Шаг 6

Далее, идём Слой — Объединить фигуры (Layer > Merge Shapes). Это позволит вычесть фигуру сердца из текста.

Назовите новый объединённый слой Текст (Text), вновь включите видимость оригинального слоя с сердцем, переименуйте этот слой в Сердце (Heart).

3. Создайте 3D слои

Шаг 1

Выделите каждый слой с фигурой, который у нас есть, и далее идём 3D > Новая 3D экструзия из выделенного контура (3D > New 3D Extrusion from Selected Path).

Шаг 2

Выделите оба 3D слоя, а затем идём 3D > Объединить 3D слои (3D > Merge 3D Layers).

Шаг 3

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

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

Шаг 4

Если вы выберите инструмент Перемещение (Move Tool), то в правой части верхней панели данного инструмента, вы найдёте набор 3D режимов (3D Modes).

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

4. Откорректируйте настройки сетки

Шаг 1

Выделите обе вкладки с 3D сетками в 3D панели. Далее, в панели Свойства (Properties), поменяйте Глубину экструзии (Extrusion Depth) на 35.

Примечание переводчика: автор выделил вкладку с текстом и вкладку с сердцем.

Шаг 2

Выделите вкладку с сеткой Текста (Text), а затем нажмите значок Капитель (Cap) в верхней части панели Свойства (Properties).

Для параметра Стороны (Sides) поменяйте на Передний и задний (Front and Back), далее установите Ширину фаски (Bevel Width) на 15, Контур (Contour) на Перевёрнутый конус (Cone – Inverted), а также для параметра Выпуклость (Inflate) установите Интенсивность (Strength) на 5.

Шаг 3

Выделите вкладку с сеткой Сердце (Heart), а затем нажмите значок Капитель (Cap) в верхней части панели Свойства (Properties). Поменяйте Ширину фаски (Bevel Width) на 10, Контур (Contour) на Глубокую выемку (Cove – Deep), а также для параметра Выпуклость (Inflate) установите Интенсивность (Strength) на 5.

5. Создайте текстуру стекла для сердца и металлическую текстуру для текста

Шаг 1

В панели 3D, выделите все вкладки с сердцем, а затем щёлкните по значку рядом с параметром Рассеивание (Diffuse) и в выпадающем меню выберите опцию Удалить текстуру (Remove Texture).

Шаг 2

Установите следующие настройки, которые указаны ниже:

• Рассеивание (Diffuse): 154,7,7
• Цвет блика (Specular): 170,30,63
• Блеск (Shine): 95
• Отражение (Reflection): 16
• Шероховатость (Roughness): 3
• Непрозрачность (Opacity): 50
• Коэффициент преломления (Refraction): 1.491

 

Шаг 3

Далее, выделите следующие вкладки: Материал переднего скоса (Front Bevel), а также Материал для заднего скоса (Back Bevel) для текста, а также вкладку Материал задней выпуклости (Back Inflation Material). Для этих вкладок, удалите текстуру для параметра Рассеивание (Diffuse), а также установите следующие настройки для материалов, которые указаны на скриншоте ниже:

• Рассеивание (Diffuse): 173,173,173
• Цвет блика (Specular): 134,133,130
• Блеск (Shine): 50
• Отражение (Reflection): 10
• Шероховатость (Roughness): 10
• Коэффициент преломления (Refraction): 1.049

6. Сместите сердце и поменяйте направление камеры

Шаг 1

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

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

Шаг 2

Вы также можете поменять Вид камеры (Camera View) в любой момент, когда вы решите расставить или сместить элементы 3D сцены.

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

Например, вид Сверху (Top) хорошо использовать, когда знаешь, что сердце расположено внутри текста.

7. Создайте материал для передней выпуклости текста и экструзии, а также разделите текст

Шаг 1

Выделите вкладку Материал передней выпуклости для текста (Text Front Inflation Material). Для данной вкладки, удалите текстуру для параметра Рассеивание (Diffuse), а также установите следующие настройки для материала, которые указаны на скриншоте ниже:

• Цвет блика (Specular): 134,133,130
• Блеск (Shine): 50
• Отражение (Reflection): 30
• Рельеф (Bump): 20

Шаг 2

Выделите вкладку Материал экструзии для текста (Text’s Extrusion Material). Для данной вкладки, удалите текстуру для параметра Рассеивание (Diffuse), а также установите следующие настройки для материала, которые указаны на скриншоте ниже:

• Цвет блика (Specular): 134,133,130
• Блеск (Shine): 50
• Отражение (Reflection): 10
• Рельеф (Bump): 5
• Коэффициент преломления (Refraction): 1.049

Шаг 3

Выделите основную вкладку с текстом, а затем идём 3D — Разделить экструзию (3D > Split Extrusion). Таким образом, мы разделим текст на отдельные буквы.

Примечание переводчика: в панели 3D у нас появятся четыре новые вкладки, каждая вкладка — это будет отдельная буква.

Выделите все вкладки с полученными отдельными буквами, чтобы поменять их Отображение текстуры (Texture Mapping) на Мозаика (Tile).

Примечание переводчика: установите Глубину экструзии (Extrusion Depth) 35 рх.

8. Добавьте текстуру на лицевую поверхность текста

Шаг 1

Откройте изображение 1.jpg из набора металлических текстур 1. Далее, перейдите Изображение – Коррекция – Уровни (Image > Adjustments > Levels) и в появившемся окне установите Света (Highlights) на 170.

Затем идём Файл – Сохранить как (File > Save As), дайте новое название откорректированной текстуре Лицевая текстура (Front Texture).

Шаг 2

Возвращаемся к нашей 3D сцене, в панели 3D выделите вкладку Материал передней выпуклости для текста (Text Front Inflation Material), а затем щёлкните по значку с папкой параметра Рассеивание (Diffuse).

В выпадающем меню, выберите опцию Загрузить текстуру (Load Texture), чтобы загрузить Лицевую текстуру (Front Texture), которую вы только что сохранили в предыдущем шаге.

Таким образом, мы применим текстуру на передний материал.

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

Шаг 3

Если текстура выглядит растянутой, то вы можете щёлкнуть по значку параметра Рассеивание (Diffuse) и в выпадающем меню выбрать опцию Редактировать UV свойства (Edit UV Properties).

Шаг 4

Затем вы можете поменять настройки параметра Мозаика (Tile), чтобы получить текстуру, которая вам нравится.

Шаг 5

Щёлкните по значку с папкой напротив параметра Рельеф (Bump) и в выпадающем меню выберите опцию Загрузить текстуру (Load Texture), а затем в появившемся окне набора текстур, выберите изображение 3.jpg, а также установите значения UV свойства (UV Properties) текстуры, чтобы они подходили под значения параметра Рассеивание (Diffuse).

Примечание переводчика: 1. значения параметра Рельеф (Bump) должны соотноситься со значениями параметра Рассеивание (Diffuse), чтобы получить более гармоничный узор 2. если вам не нравится эффект рельефа текстуры, то вы можете изменить данный параметр на своё усмотрение.

Шаг 6

Выделите остальные вкладки Материалы передней выпуклости для текста (Text Front Inflation Material) для оставшихся букв, а затем щёлкните по значку с папкой параметра Рассеивание (Diffuse), чтобы выбрать Лицевую текстуру (Front Texture) из списка.

Примечание переводчика: повторите предыдущий Шаг 2 для остальных букв.

Проделайте то же самое с текстурой Рельефа (Bump), только не забудьте выбрать изображение 3.jpg.

Примечание переводчика: а также повторите предыдущий Шаг 5 для остальных букв.

Шаг 7

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

Не забывайте, что значения параметра Рассеивание (Diffuse) и Рельефа мозаики (Bump Tile) должны совпадать для каждой буквы.

Шаг 8

Используя ту же самую технику, добавьте Экструзию рельефа (Extrusion Bump), используя изображение 5.jpg из набора металлических текстур 2.

9. Добавьте изображение на задний фон

Шаг 1

Откройте исходное изображение с поздравительной открыткой на День Валентина, или любое другое изображение, которое вам нравится, чтобы применить его в качестве заднего фона для нашего текста. Далее, перейдите Фильтр – Преобразовать для смарт-фильтров (Filter > Convert for Smart Filters), а затем переименуйте слой с открыткой в Изображение заднего фона (Background Image).

Шаг 2

Далее, идём Фильтр – Галерея фильтров Размытия – Размытие поля (Filter > Blur Gallery > Field Blur). Добавьте две точки размытия, одну точку почти в нижней части изображения с Размытием (Blur) 0, а вторую точку размытия почти в верхней части изображения с Размытием (Blur) 13.

Шаг 3

Переместите данный слой Изображение заднего фона (Background Image) на наш рабочий документ с 3D сценой, расположив его ниже слоя с 3D текстом.

Шаг 4

Далее, перейдите Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation) и в появившемся окне установите значение Насыщенности (Saturation) на -10.

10. Корректируем сцену и выставляем буквы

Шаг 1

Выберите инструмент Перемещение (Move Tool), и если вы не видите Плоскость основания (Ground Plane), то идём Просмотр – Показать – 3D плоскость основания (View > Show > 3D Ground Plane).

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

Шаг 2

С помощью 3D оси (3D Axis), вы можете повернуть и выставить буквы, как вам нравится. Не забудьте выделить обе вкладки с буквой и сердцем, если вы решите сместить букву с сердцем.

11. Корректируем бесконечный свет

Шаг 1

Выберите пункт Бесконечный свет 1 (Infinite Light 1), а затем сместите свет до тех пор, пока направление тени объекта не будет соответствовать теням на заднем фоне.

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

Шаг 2

Вы также можете воспользоваться опцией Координаты (Coordinates).

Примечание переводчика: в панели Свойства (Properties), вы можете выбрать опцию Координаты (Coordinates) и в окне настроек задать нужные координаты.

Шаг 3

Поменяйте Цвет (Color) задаваемого бесконечного света на (246,246,245), а его Интенсивность (Intensity) на 50%, также установите значение Тень — Сглаживание (Shadow Softness) на 50%.

12. Корректируем окружающий свет

Шаг 1

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

Примечание переводчика: ИСБИ (IBL) — источник цвета на базе изображения (Image Based Lighting).

Шаг 2

Ещё раз щёлкните по миниатюре текстуры ИСБИ (IBL) и в выпадающем меню выберите опцию Редактировать текстуру (Edit Texture).

Примечание переводчика: опция Редактировать текстуру (Edit Texture) позволит открыть изображение в качестве текстуры в новом окне.

Шаг 3

Когда откроется изображение в качестве текстуры, перейдите Изображение – Коррекция — Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation) и в появившемся окне настроек данной коррекции, установите значение Насыщенности (Saturation) на -35. Сохраните, а затем закройте файл.

Примечание переводчика: после применения коррекции, идём Файл — Сохранить (File — Save), а затем Файл — Закрыть (File — Close), чтобы сохранить изменения и вернуться к исходному документу.

Шаг 4

Уменьшите Интенсивность ИСБИ (IBL Intensity) до 33%, для Плоскости основания (Ground Plane) установите Непрозрачность тени (Shadows Opacity) на 100%, для Отражения (Reflection) установите Непрозрачность (Opacity) на 2%, а Плавность (Roughness) на 10%.

13. Добавляем точечный свет

Шаг 1

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

Шаг 2

Уменьшите значение Интенсивности (Intensity) до 20%, Тень — Сглаживание (Shadow Softness) до 60%, а Центр освещённости (Hotspot) до 0.5, а также установите значение Конуса (Cone) на 50.

Шаг 3

Далее, сместите Точечный свет (Spot Light) до тех пор, пока вас не устроит результат.

14. Рендеринг сцены

Шаг 1

В окне 3D, выделите все позиции с буквами текста, а затем нажмите значок Капитель (Cap), чтобы изменить Угол скоса (Bevel Angle) на -25, или установите любое другое значение на своё усмотрение, чтобы создать нужные края.

Шаг 2

Как только вы завершили работу над всем изображением, далее, необходимо провести рендеринг.

Итак, идём 3D – Рендеринг (3D > Render). На рендеринг у вас может уйти некоторое время, но вы можете остановить процесс путём нажатия клавиши “Esc”.

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

Шаг 1

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

Шаг 2

Расположите корректирующий слой Уровни (Levels) поверх слоя с текстом 3D, а затем нажмите кнопку Прикрепить к слою (Clip to layer) и в окне настроек данного корректирующего слоя поменяйте Тени (Shadows) на 23, а Света (Highlights) на 231.

Шаг 3

Ещё раз нажмите кнопку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню выберите опцию Карта градиента (Gradient Map).

Установите градиент, как показано на скриншоте ниже. Поменяйте режим наложения для данного корректирующего слоя Карта градиента (Gradient Map) на Затемнение основы (Color), а также уменьшите значение Непрозрачности (Opacity) до 5%.

16. Примените фильтр эффекты освещения

Шаг 1

Далее, идём Выделение – Всё (Select > All), Редактирование – Скопировать совмещённые данные (Edit > Copy Merged), а затем идём Редактирование – Вклеить (Edit > Paste).

Назовите новый объединённый слой Эффекты освещения (Lighting Effects), а затем идём Фильтр – Преобразовать для смарт-фильтров (Filter > Convert for Smart Filters).

Шаг 2

Далее, перейдите Фильтр – Рендеринг – Эффекты освещения (Filter > Render > Lighting Effects) и в окне настроек данного фильтра установите значения, которые указаны на скриншоте ниже.

Не забудьте установить Высоту (Height) для каждого Текстурного канала (Texture channel), который необходимо выбрать в выпадающем меню, на 1.

Шаг 3

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

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

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

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

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

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

Надеюсь, вам понравился данный урок!

Итоговый результат:

Автор: Rose

Создаем в Фотошоп яркий и летний 3D текст / Фотошоп-мастер

Этот урок покажет вам, как использовать в Photoshop 3D-инструменты и параметры материала, наряду с несколькими изображениями, фильтрами и корректирующими слоями, чтобы создать ​​летний, плавающий в волнах текст. Давайте начнем!

Этот текстовый эффект был вдохновлен многими стилями слоя на Envato Market.

Финальное изображение:

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

1. Создание фона и текста

Шаг 1

Создайте новый документ размером 1000 х 800 пикселей и поместите изображение Волна поверх фонового слоя.

Измените размер изображения по мере необходимости и переименуйте его в BG Texture.

Шаг 2

Создайте текст размером 250 пт, используя шрифт Brusher.

2. Преобразование текста в 3D-слой

Шаг 1

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

Шаг 2

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

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

Шаг 3

При выборе инструмента Move Tool (Перемещение) на верхней панели появится набор 3D Modes (3D-режимы).

При выборе одного из них вы можете производить какие-либо действия (над выбранным объектом в 3D – сцене).

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

3. Настройка параметров сетки

Шаг 1

В 3D панели выберите вкладку 3D Mesh (3D сетка), затем в панели Properties (Свойства) измените Texture Mapping (Отображение текстур): Tile (Мозаика) и Extrusion Depth (Глубина экструзии) 50.

Шаг 2

Кликните по иконке Cap (Капитель) в верхней части панели Properties (Свойства), затем установите Bevel Width (Ширина фаски) на 10%,​​ Contour (Контур): Half Round (Полукруг) и в настройках Inflate (Выпуклость) укажите значение Strength (Интенсивность) 15%.

4. Создание материалов

Шаг 1

Выберите все вкладки материала в 3D панели, а затем в панели Properties (Свойства) укажите следующие параметры:

• Specular (Блик): 255, 255, 255
• Illumination (Свечение): 0, 0, 0
• Ambient (Освещение): 0, 0, 0
• Shine (Блеск): 60
• Reflection (Отражение): 15
• Opacity (Непрозрачность): 70
• Refraction (Коэффициент преломления): 1.3

Шаг 2

Выберите вкладку Front Inflation Material (Материал передней выпуклости), а затем в панели Properties (Свойства) кликните по иконке текстур напротив опции Diffuse (Рассеивание) и выберите New Texture (Новая текстура).

Шаг 3

Введите значение 600 для Width (Ширина) и Height (Высота) и нажмите кнопку OK.

Новый файл будет открыт с новым созданным документом. Если этого не произойдет, нажмите на иконку текстур напротив опции Diffuse (Рассеивание) и выберите Edit Texture (Редактировать текстуру).

5. Создание текстуры

Шаг 1

Когда откроется новый файл, дублируйте фоновый слой.

Шаг 2

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

• Pattern (Узор): Снова в школу Pattern # 1
• Scale (Масштаб): 25%

Шаг 3

Перейдите в меню File > Save (Файл > Сохранить), затем в File > Close (Файл > Закрыть), чтобы вернуться к исходному документу.

Шаг 4

Как видите, текстура выглядит немного растянутой. Мы исправим это в дальнейшем.

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

6. Редактирование UV-свойства

Шаг 1

Снова кликните по иконке текстур напротив опции Diffuse (Рассеивание) и выберите Edit UV Properties (Редактировать UV-свойства).

Шаг 2

Вам нужно корректировать значения Scale (Масштаб) или Tile (Мозаика), пока вам не понравится результат.

Это скорректирует мозаичное размещение текстуры и поможет получить наилучший результат.

7. Применение узора к другим материалам

Шаг 1

Выберите Front Bevel Material (Материал переднего скоса) и Back Bevel Material (Материал заднего скоса), а также Back Inflation material (Материал задней выпуклости) в 3D панели.

Затем в панели Properties (Свойства) кликните по иконке в виде папки Diffuse (Рассеивание) и выберите из списка Front Inflation texture (Текстура передней выпуклости).

Шаг 2

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

Материалы скоса не должны выглядеть идеально. Вы можете использовать различные значения UV-свойств, чтобы немного их растянуть и сделать текстурирование более динамичным.

8. Создание Материала экструзии

Шаг 1

Выберите вкладку Extrusion Material (Материал экструзии), щёлкните по иконке текстур напротив опции Diffuse (Рассеивание) и выберите New Texture (Новая текстура). Создайте новую текстуру 300 х 175 пикселей.

Шаг 2

Дублируйте фоновый слой в новый текстурный файл.

Шаг 3

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

• Pattern (Узор): Снова в школу Pattern # 1
• Scale (Масштаб): 10%

Шаг 4

Сохраните и закройте файл.

Шаг 5

Скорректируйте UV Properties (UV-Свойства) для Extrusion (Экструзия) текстуры.

Если значения, которые вы вводите, не работают должным образом, попытайтесь вернуться к сетке в опции Texture Mapping (Отображение текстур) и включите Scale (Масштаб), а затем вернитесь снова к Tile (Мозаика).

После этого вернитесь к UV Properties (UV-Свойства) и перенастройте их.

9. Коррекция освещения

Шаг 1

Выберите вкладку Infinite Light 1 (Бесконечный Свет 1) в 3D панели.

Затем в панели Properties (Свойства) измените Color (Цвет) на (251, 249, 239), Intensity (Интенсивность) на 100%, а Shadow Softness (Тень Сглаживание) до 50%.

Шаг 2

С помощью Move Tool (Перемещение) переместите свет или нажмите на значок Coordinates (Координаты) в верхней части панели Properties (Свойства) и введите числовые значения.

Шаг 3

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

Шаг 4

Откройте изображение Всплеск, а затем измените Intensity (Интенсивность) 30% и Ground Plane (Плоскость основания): Shadow Opacity (Непрозрачность тени) 2%.

Шаг 5

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

Шаг 6

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

10. Создание отражения

Шаг 1

Убедитесь, что 3D-слой выбран, затем перейдите в меню Select >All (Выделение > Все) и Edit > Copy (Редактирование > Копировать).

Ниже 3D-слоя создайте новый слой, назовите его Reflection, перейдите в меню Edit > Paste Special > Paste in Place (Редактирование > Специальная вставка > Вставить вместо).

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

Шаг 2

Нажмите Ctrl+T, чтобы включить режим Free Transform (Свободная Трансформация), нажмите правой кнопкой мыши в любом месте рядом с ограничительной рамки, чтобы получить список всех опций, с которыми можно работать.

Сначала выберите Flip Vertical (Отразить по вертикали) в нижней части списка.

Шаг 3

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

Шаг 4

Вы также можете нажать на значок Warp (Деформация) и в панели параметров выбрать один из предлагаемых вариантов, чтобы помочь с коррекцией отражения.

После того как закончите, нажмите клавишу Enter, чтобы сохранить сделанные изменения.

11. Применение фильтров

Шаг 1

Измените режим наложения слоя Reflection на Overlay (Перекрытие) и его Opacity (Непрозрачность) до 50%.

Шаг 2

Перейдите в меню Filter > Distort > Ripple (Фильтр > Искажение > Рябь) и измените Amount (Количество) на 86 и Size (Размер) на Large (Большая).

Шаг 3

Перейдите в меню Filter > Distort > ZigZag (Фильтр > Искажение > Зигзаг), а затем измените Amount (Количество) на 3, Ridges (Складки) 5, и Style (Стиль): Around Center (Вокруг центра).

12. Коррекция цвета

Шаг 1

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

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

Шаг 2

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

13. Добавление брызг

Шаг 1

Добавьте изображение всплеска воды из Всплеск воды PNG поверх всех слоев, поместите его в нижней части текста, и измените размер по мере необходимости. Назовите слой Splash.

Шаг 2

Поменяйте режим наложения слоя Splash на Lighter Color (Светлее) и уменьшите значение Fill (Заливка) 10%.

Шаг 3

Дважды кликните по слою Splash и примените следующий стиль слоя:

Добавьте Bevel and Emboss (Тиснение) с этими настройками:

• Size (Размер): 4
• Gloss Contour (Контур глянца): Ring (Кольцо)
• Поставьте галочку на Anti-aliased (Сглаживание)
• Highlight Mode (Режим подсветки): Vivid Light (Яркий Свет)
• Opacity (Непрозрачность): 75%
• Shadow Mode (Режим тени): Multiply (Умножение)
• Opacity (Непрозрачность): 0%

Шаг 4

Добавьте Contour (Контур) с этими настройками:

• Contour (Контур): Ring (Кольцо)
• Поставьте галочку на Anti-aliased (Сглаживание)

Шаг 5

Это станет стилем всплеска. Кликните правой кнопкой мыши по стилизованному слою и выберите Copy Layer Style (Копировать стиль слоя).

14. Изменение всплеска и добавление еще больше брызг

Шаг 1

Добавьте маску к слою Splash, затем возьмите инструмент Brush (Кисть) и выберите одну из кистей в виде брызг из архива Брызги.

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

Шаг 2

Добавьте еще ​​несколько изображений брызг и для каждого слоя брызг добавьте стиль, щелкнув правой кнопкой мыши и выбрав Paste Layer Style (Вставить Стиль Слоя).

После того как закончите, поместите все слои с брызгами в группу и назовите ее Splash.

Шаг 3

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

15. Добавление текстуры, применение фильтра, а также выполнение последних штрихов

Шаг 1

Вставьте изображение Текстура 637 поверх всех слоев, измените ее размер по мере необходимости, а затем измените режим наложения на Soft Light (Мягкий Свет) и Opacity (Непрозрачность) 60%.

Шаг 2

Нажмите сочетание клавиш Alt+Ctrl+Shift+E для создания объединенного слоя поверх всех слоев. Переименуйте полученный слой в High Pass, и преобразуйте его в смарт-объект.

Шаг 3

Перейдите в меню Filter > Other > High Pass (Фильтр > Другое > Цветовой Контраст) и измените Radius (Радиус) на 2.

Шаг 4

Поменяйте режим наложения слоя High Pass на Soft Light (Мягкий Свет) и Opacity (Непрозрачность) 50%.

Шаг 5

Добавьте корректирующий слой Gradient Map (Карта Градиента) поверх всех слоев и создайте градиентную заливку с использованием цветов #5c6070 слева, #8b9376 в центре и #fddd8e справа

Поставьте галочку Dither (Дизеринг), затем измените режим наложения слоя на Soft Light (Мягкий Свет) и 50%.

Шаг 6

И, наконец, если отражение выглядит слишком сильным, можете уменьшить Opacity (Непрозрачность) слоя Reflection.

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

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

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

Автор: Rose

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

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

На создание этого эффекта меня вдохновили различные стили слоя  доступные на Envato Market.

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

Примечание переводчика: в конце урока автор использует платное фото (Living room and dining room) для создания реалистичного освещения, но вам необязательно использовать именно этот снимок, вы можете подобрать похожий из бесплатных, которые можно найти в интернете либо использовать альтернативный вариант изображения (который найдёте в архиве с материалами).

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

Шаг 1

Создаем новый документ размером 1000 х 750 пикселей и заполняем фон светло-серым цветом.

Пишем любой текст черным цветом, используя шрифт Insaniburger with Cheese. Размер не важен, так как позже мы будем преобразовывать текст в 3D-объект.

Шаг 2

Переходим Type – Convert to Shape (Текст – Преобразовать в кривые).

2. Создаем 3D-сетку

Шаг 1

Переходим 3D – New 3D Extrusion from Selected Path (3D – Новая экструзия из выделенного контура).

Шаг 2

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

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

Шаг 3

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

3. Настройки 3D-сетки

Шаг 1

На панели 3D выделяем элемент с созданным текстом, затем на панели Properties (Свойства) устанавливаем Texture Mapping (Отображение текстуры) на Tile (Мозаика), а Extrusion Depth (Глубина экструзии) на 35.

Шаг 2

В верхней части панели Properties (Свойства) жмем на кнопку Cap (Капитель) и меняем Bevel Width (Ширина фаски) на 1, а Contour (Контур) на Half Round (Полукруг).

4. Настройки материала

Шаг 1

Кликаем по элементу Front Inflation Material (Материал передней выпуклости) на панели 3D, затем на панели Properties (Свойства) жмем на иконку Diffuse (Рассеивание) и выбираем Replace Texture (Заменить текстуру).

Загружаем текстуру PlywoodPainted0057 – Image 2.

Шаг 2

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

Шаг 3

Далее мы должны настроить параметры Tile (Мозаика) и Offset (Смещение), пока не добьемся желаемого результата.

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

Шаг 4

Устанавливаем параметр Bump (Рельеф) на 15, затем рядом кликаем на иконку папки и выбираем название текстуры переднего материала.

Благодаря этому, текстура, которую мы использовали для Diffuse (Рассеивание), автоматически применится для Bump (Рельеф). Не забудьте поправить свойства UV, чтобы они соответствовали свойствам UV параметра Diffuse (Рассеивание).

5. Настройка материалов экструзии и скоса

Проделываем те же манипуляции с текстурой, что и в предыдущем разделе, для Front Bevel Material (Материал переднего скоса) и Extrusion Material (Материал экструзии).

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

6. Разделяем и перемещаем текст

Шаг 1

Выделяем основной элемент с текстом, затем в верхней части панели Properties (Свойства) выбираем Coordinates (Координаты) и устанавливаем X во второй колонке Rotation (Поворот) на 90.

Шаг 2

Переходим 3D – Move Object to Ground Plane (3D – Переместить объект на плоскость основания).

Шаг 3

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

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

Шаг 4

Берем Move Tool (V) (Перемещение) и с помощью 3D-осей размещаем буквы так, как вам нравится.

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

Шаг 5

Далее с помощью 3D-режимов меняем расположение камеры, затем настраиваем UV-свойства у Front Bevel Material (Материал переднего скоса) и Extrusion Material (Материал экструзии) каждой буквы.

7. Создаем поверхность для букв

Шаг 1

Берем Rectangle Tool (U) (Прямоугольник) и рисуем большой прямоугольник, который выходит за границы рабочей области.

Переименовываем слой с прямоугольником на «Ground Plane».

Шаг 2

Переходим 3D – New 3D Extrusion from Selected Path (3D — Новая 3D-экструзия из выделенного контура) и устанавливаем Extrusion Depth (Глубина экструзии) на 1.

Шаг 3

Кликаем на кнопку Coordinates (Координаты) и устанавливаем Х во второй колонке Rotation (Поворот) на 90.

Шаг 4

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

8. Объединяем 3D-слои и наносим текстуру на поверхность

Шаг 1

Переходим на панель слоев и выделяем оба 3D-слоя, затем переходим 3D – Merge 3D Layers (3D – Объединить 3D-слои), чтобы объединить их в один.

Шаг 2

Возвращаемся на панель 3D и перемещаем компонент сцены Ground Plane в самый верх сцены. Затем размещаем плоскость так, чтобы текст оказался в ее центре.

Шаг 3

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

Закончив с этим, применяем к Front Inflation Material (Материал передней выпуклости) нашей плоскости текстуру WoodPlanksBare0050 – Image 2, повторив манипуляции, которые были описаны в четвертом разделе.

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

9. Настраиваем бесконечный свет

Шаг 1

Кликаем на компонент Infinite Light 1 (Бесконечный свет) и устанавливаем Intensity (Интенсивность) на 100 и Shadow (Тень) Softness (Сглаживание) на 30.

Шаг 2

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

10. Добавляем направленный источник света

Шаг 1

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

Шаг 2

Устанавливаем Intensity (Интенсивность) на 35, снимаем флажок с параметра Shadow (Тень), устанавливаем Cone (Конус) на 93.9 и Hotspot (Центр освещенности) на 47. Активируем параметр Light Falloff (Рассеивание света), устанавливаем Outer (Внешний радиус) на 3800 и Inner (Внутренний радиус) на 666.

Шаг 3

Перемещаем источник света так, как показано ниже.

Шаг 4

Также для изменения позиции вы всегда можете воспользоваться Coordinates (Координаты).

11. Настраиваем окружающий свет

Шаг 1

На панели 3D выбираем компонент Environment (Окружающая среда), затем на панели Properties (Свойства) кликаем по иконке текстуры рядом с параметром IBL (ИСБИ) и выбираем Replace Texture (Заменить текстуру). Находим изображение Living room and dining room и загружаем его.

Шаг 2

Устанавливаем Intensity (Интенсивность) на 20% и Shadow (Тень) Opacity (Непрозрачность) на 30%.

Шаг 3

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

12. Визуализируем сцену

Вносим последние изменения и переходим 3D – Render (3D – Рендеринг).

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

13. Добавляем корректирующие слои

Шаг 1

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

Шаг 2

Устанавливаем Contrast (Контрастность) на 35.

Шаг 3

Добавляем корректирующий слой Curves (Кривые), затем отдельно для каждого цветового канала настраиваем кривую.

Red (Красный):

Green (Зеленый):

Blue (Синий):

Шаг 4

Далее добавляем корректирующий слой Levels (Кривые), устанавливаем крайний левый ползунок на 19 и средний на 0.85.

14. Применяем фильтр High Pass (Цветовой контраст)

Шаг 1

Убеждаемся, что корректирующий слой Levels (Уровни) все еще открыт, и жмем сочетание клавиш Ctrl-Shift-Alt-E, чтобы дублировать все видимые слои и объединить их все в один.

Называем получившийся слой High Pass и переходим Filter – Convert for Smart Filters (Фильтр – Преобразовать для смарт-фильтров).

Шаг 2

Переходим Filter – Other – High Pass (Фильтр – Другие – Цветовой контраст) и устанавливаем Radius (Радиус) на 10.

Шаг 3

Меняем режим смешивания слоя High Pass на Soft Light (Мягкий свет) и устанавливаем Opacity (непрозрачность) на 35%.

15. Добавляем гранж-текстуру

Шаг 1

Размещаем текстуру Use This 160 поверх всех слоев и называем ее Texture, затем переходим Edit – Transform – Rotate 90 CCW (Редактирование – Трансформация – Поворот на 90° CCW).

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

Шаг 2

Добавляем корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность), комбинацией клавиш Ctrl-Alt-G преобразовываем его в обтравочную маску для слоя Texture и устанавливаем Saturation (Насыщенность) на -50.

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

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

Автор: Rose

Делаем блестящий 3D текст в Фотошоп / Фотошоп-мастер

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

На создание эффекта меня вдохновили стили слоя, доступные на сайте GraphicRiver.

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

Примечание: Автор использовал платный шрифт Shintia Script. Вы можете найти подходящий шрифт среди дополнений на нашем сайте.

1. Создаем рабочий контур из текста

Шаг 1

Создаем новый документ размером 1250 х 800 пикселей. Затем шрифтом Shintia Script пишем текст и устанавливаем его размер на 350 pt.

Шаг 2

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

Шаг 3

Берем Direct Selection Tool (A) (Частичное выделение). На верхней панели кликаем на иконку Path operations (Операции с контуром) и выбираем Merge Shape Components (Объединить компоненты фигуры).

2. Создаем текстуру для оборок

Шаг 1

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

Создав выделение, добавляем новый слой и называем его «Узор».

Шаг 2

Берем Gradient Tool (G) (Градиент) и устанавливаем цвет на белый и черный.

Затем на верхней панели выбираем зеркальный градиент и цвет от переднего плана к заднему (от белого к черному).

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

Шаг 3

Не снимая выделения, переходим Edit – Define Pattern (Редактирование – Определить узор), вводим название «Оборка» и жмем ОК.

Жмем Ctrl+D, чтобы убрать выделение.

3. Применяем текстуру к обводке

Шаг 1

Скрываем слой «Узор», кликнув на значок глаза на панели слоев. Под этим слоем создаем новый слой и называем его «Оборка».

Шаг 2

Переходим Edit – Fill (Редактирование – Выполнить заливку) и устанавливаем Contents (Содержание) на Pattern (Регулярный).

Далее выбираем узор «Оборка», который мы создали выше. Активируем Script (Сценарий), рядом в выпадающем меню выбираем Place Along Path (Разместить вдоль контура) и жмем ОК.

Шаг 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.5 (Благодаря этому параметру, яркость отдельных элементов будет меняться, делая текстуру более разнообразной.)

Шаг 4

Нажав ОК, рабочий контур будет обведен узором «Оборка».

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

Шаг 5

Убедитесь, что слой «Оборка» активен, затем дважды жмем кнопку Delete, чтобы удалить рабочий контур и внутреннюю часть оборки.

Закончив, снимаем выделение.

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

Шаг 1

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

Шаг 2

Выбираем слой «Оборка» и переходим 3D – New Mesh from Layer – Depth Map to – Plane (3D – Новая сетка из слоя – Карта глубины – Плоскость).

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

Шаг 3

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

5. Как работать с 3D-сценой

Шаг 1

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

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

Шаг 2

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

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

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

6. Редактируем настройки 3D-объектом

Шаг 1

На панели 3D выделяем компонент с текстом и на панели свойств устанавливаем Extrusion Depth (Глубина экструзии) на 5.

Шаг 2

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

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

7. Масштабируем карту глубины

Шаг 1

На панели 3D выделяем компонент Depth Map (Карта глубины) и активируем инструмент Move Tool (V) (Перемещение), чтобы открыть доступ к 3D-осям.

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

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

Шаг 2

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

8. Настраиваем положение 3D-компонентов

Шаг 1

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

Шаг 2

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

Для этого вы можете использовать 3D-оси или ввести точные значения на панели свойств на вкладке Coordinates (Координаты).

Также вы можете кликнуть по иконке масштабирования на панели свойств и выбрать Uniform Scaling (Равномерное масштабирование). Только убедитесь, что на тексте нет пустых или перекрывающих друг друга мест.

Шаг 3

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

Шаг 4

На 3D-панели выбираем каждый компонент по отдельности, кликаем на кнопку меню в правом верхнем углу и выбираем Move Object to Ground Plane (Переместить объект на плоскость основания).

Шаг 5

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

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

9. Настраиваем материалы

Шаг 1

Выделяем компонент карты глубины «Оборка» и переходим на вкладку Materials (Материалы) на панели свойств. Напротив параметра Diffuse (Рассеивание) кликаем на значок текстуры и выбираем Remove Texture (Удалить текстуру).

Делаем то же самое с текстурой Opacity (Непрозрачность).

Шаг 2

Выделяем все материалы и текста, и оборки, затем переходим на панель свойств и настраиваем (значения цветов даны в формате RGB):

• Diffuse (Рассеивание): 81, 173, 13
• Specular (Цвет блика): 232, 223, 186
• Shine (Блеск): 85
• Reflection (Коэфф. преломления): 16

10. Добавляем текстуру рельефа

Шаг 1

Выделяем материал текста Front Inflation Material (Материал передней выпуклости). Затем кликаем на иконку папки рядом с параметром Bump (Рельеф) и выбираем Load Texture (Загрузить текстуру). Выбираем текстуру Front Bump.

Шаг 2

Кликаем по иконке папки напротив Bump (Рельеф) и выбираем Edit UV Properties (Редактировать UV-свойства).

Шаг 3

Настраиваем Tile (Мозаика) опираясь на то, насколько рельефной вы хотите получить поверхность текста.

Шаг 4

Уменьшаем Bump (Рельеф) до 1 или можете использовать другое подходящее значение.

11. Сохраняем вид из камеры

Шаг 1

Выбираем подходящий вид из камеры, который будет на финальном варианте.

Шаг 2

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

Шаг 3

Пишем подходящее название для данного вида из камеры и нажимаем кнопку ОК.

Шаг 4

Этим мы сохранили текущий вид из камеры на панели 3D и Properties (Свойства).

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

Шаг 1

Выделяем компонент Infinite Light (Бесконечный свет), переходим на панель свойств и параметр Type (Тип) устанавливаем на Spot (Направленный).

Шаг 2

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

Шаг 3

Устанавливаем Intensity (Интенсивность) на 10%, Shadow – Softness (Тень – Сглаживание) – на 30%, Hotspot (Центр освещенности) – на 26,2, Cone (Конус) – на 47.

Затем активируем Light Falloff (Спад света), устанавливаем Inner (Внутренний радиус) на 350 и Outer (Внешний радиус) – на 1000.

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

Шаг 4

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

Шаг 5

На панели 3D выбираем компонент Environment (Среда) и переходим на панель свойств. Кликаем по значку текстуры рядом с IBL (ИСБИ), выбираем Replace Texture (Заменить текстуру) и загружаем картинку с осветительными приборами.

Шаг 6

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

Шаг 7

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

13. Создаем плоскость основания

Шаг 1

Выше 3D-слоев на панели слоев добавляем новый, называем его «Основание» и заливаем белым цветом.

Шаг 2

Переходим 3D – New Mesh from Layer – Postcard (3D — Новая сетка из слоя – Почтовая открытка).

Шаг 3

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

Шаг 4

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

После объединения устанавливаем угол поворота по оси Х компонента «Основание» на 90 и применяем команду Move Object to Ground Plane (Переместить объект на плоскость основания).

Шаг 5

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

14. Создаем материал для фона

Шаг 1

Переходим на вкладку Materials (Материалы) компонента «Основание». Кликаем на значок текстуры рядом с Diffuse (Рассеивание) и выбираем Replace Texture (Заменить текстуру). Применяем текстуру фанеры.

Шаг 2

Снова кликаем на значок текстуры рядом с Diffuse (Рассеивание) и выбираем Edit Texture (Редактировать текстуру).

Шаг 3

В результате откроется файл с нашей текстурой.

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

Шаг 4

Устанавливаем Hue (Цветовой тон) на -20 и Saturation (Насыщенность) – на -80.

Шаг 5

Добавляем корректирующий слой Levels (Уровни) и устанавливаем Gamma (Средние тона) на 1,5.

Сохраняем все изменения (Ctrl+S) и закрываем файл с текстурой, чтобы вернуться назад к 3D-тексту.

Шаг 6

Удаляем текстуру у параметра Opacity (Непрозрачность) и настраиваем материал «Основание»:

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

Шаг 7

Настраиваем параметры UV Properties (UV-свойства) у текстуры Diffuse (Рассеивание).

15. Создаем карту нормалей

Шаг 1

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

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

Шаг 2

В результате откроется окно Generate Normals from Diffuse (Создать нормали из диффузной текстуры), в котором вы можете использовать копию диффузной текстуры для создания карты нормалей.

В верхней части окна устанавливаем Lightning Preset (Набор освещения) на Default Lights (Свет по умолчанию). Затем внизу Object (Объект) устанавливаем на Cube Wrap (Кубическая деформация), так как он больше всего похож на плоскость основания.

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

Устанавливаем Blur (Размытие) на 2,5, чтобы сгладить детали, и Detail Scale (Масштаб деталей) – на 20%, чтобы они были менее заметными.

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

Шаг 3

Настраиваем UV-свойства карты нормалей так, чтобы она соответствовала UV-свойствам диффузной текстуры.

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

16. Создаем кусочки оборки

Шаг 1

Создаем новый слой выше всех предыдущих, называем его «Кусочки» и берем Pen Tool (P) (Перо).

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

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

Шаг 2

Применяем к контурам обводку узором «Оборка», как мы делали это с текстом. Затем конвертируем слой в 3D-слой, устанавливаем камеру и объединяем кусочки оборки с основным 3D-слоем.

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

17. Визуализируем готовую сцену и добавляем финальные штрихи

Шаг 1

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

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

Шаг 2

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

Шаг 3

Добавляем корректирующий слой Selective Colors (Выборочная коррекция цвета) и настраиваем его:

Yellows (Желтые)

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

Greens (Зеленые)

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

Whites (Белые)

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

Шаг 4

Добавляем слой-заливку Gradient (Градиент) и выбираем градиент от прозрачного к цвету (цвет устанавливаем на #727571 (слева) и #181e14 (справа)).

Устанавливаем Style (Стиль) на Radial (Радиальный) и Scale (Масштаб) – на 200.

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

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

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

Далее мы конвертировали слои в 3D-объекты и работали с их настройками и материалами, а затем настроили освещение сцены и вид из камеры.

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

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

Автор: Rose

Создаем блестящий 3D текст в Фотошоп / Фотошоп-мастер

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

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

Финальное изображение:

1. Создание фона и текста

Шаг 1

Создайте новый документ размером 1250 x 1000 px.

Затем создайте текст из заглавных букв, используя шрифт Franks Regular, и установите размер 280 pt.

Шаг 2

Если у вас текст состоит более чем из одной строки, измените значение Leading (Межстрочный интервал) на 250, а также измените Tracking (Межбуквенный интервал) на значение, которое вам больше нравится. Здесь значение межбуквенного интервала второй строчки текста 100.

2. Создание слоев фигур

Шаг 1

Щелкните правой кнопкой мыши на текстовом слое и выберите Convert to Shape (Преобразовать в кривые). Дублируйте слой с фигурой и переименуйте копию в Stroke (Обводка).

Шаг 2

На выделенном слое Stroke (Обводка) выберите инструмент Direct Selection Tool (Выделение узла).

На панели инструментов установите Fill (Заливка) в None (Окантовка не включена), Stroke Color (Цвет обводки) # e5bf25, Size (Размер) 2, и нажмите по иконке Set Shape Stroke Type (Задать тип обводки), чтобы изменить Align (Выровнять) в Outside (Снаружи).

3. Создание 3D-слоёв

Шаг 1

Выделите оба текстовых слоя и перейдите в меню 3D > New 3D Extrusion from Selected Path (3D > Новая 3D-экструзия из выделенного слоя), чтобы преобразовать в 3D-слой.

Шаг 2

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

Шаг 3

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

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

4. Настройка параметров сетки

Шаг 1

В 3D-панели выберите текстовую сетку и измените ее Extrusion Depth (Глубина экструзии) на 70 px в панели Properties (Свойства).

Шаг 2

В верхней части панели Properties (Свойства) нажмите на значок Cap (Капитель), а затем в параметрах Bevel (Скос) измените Width (Ширина) 2%, Contour (Контур): Cone (Конус), в параметрах Inflate (Раздувание) измените Strength (Интенсивность) до 10.

Шаг 3

Выберите сетку Stroke (Обводка) и измените Extrusion Depth (Глубина экструзии) на 35 px.

5. Создание текстуры для материала передней выпуклости

Шаг 1

Выделите во вкладке с вашим текстом Front Inflation Material (Материал передней выпуклости) в 3D-панели, затем перейдите в панель Properties (Свойства), нажмите на значок Diffuse (Рассеивание) и выберите Edit Texture (Редактировать текстуру).

Шаг 2

Это действие откроет файл со слой-фигурой, используемой для создания 3D-сетки.

Измените Fill (Заливку) цвета на слой-фигуре на # 61129d .

Шаг 3

Возьмите инструмент Rectangle Tool (Прямоугольник), а затем создайте тонкую горизонтальную (Height (Высота) 15px) полоску через верхнюю часть текста. Заполните прямоугольник цветом # e5bf25, затем дублируйте его.

Шаг 4

Нажмите сочетание клавиш Ctrl+T, чтобы активировать режим Free Transform (Свободная трансформация) и перетащите копию прямоугольника немного вниз, в зависимости от того, сколько места вы хотите оставить между полосами.

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

Шаг 5

Теперь нажмите сочетание клавиш Ctrl-Shift-T несколько раз, чтобы дублировать прямоугольник с трансформацией, пока не покроете весь текст.

Когда закончите, выделите все слои прямоугольника, перейдите в меню Layer > Merge Shapes (Слой > Объединить фигуры) и переименуйте получившийся слой в Stripes (Полосы).

Перейдите в меню File > Save (Файл > Сохранить), чтобы сохранить внесенные изменения, прежде чем перейти к следующему шагу.

6. Создание отражения и рельефа текстур

Шаг 1

Файл с текстурой по-прежнему открыт, перейдите в меню File > Save As (Файл > Сохранить как) и сохраните копию файла с именем Reflection (Отражение).

Убедитесь, что сохранили ее в папке своего проекта, чтобы потом легко найти.

Шаг 2

Измените цвет текстовой фигуры на #535353.

Шаг 3

Дважды кликните по слою Stripes (Полосы), чтобы применить стиль слоя Pattern Overlay (Наложение Узора), используя Pattern (Узор): Satin (Атлас).

Шаг 4

Сохраните этот файл.

Шаг 5

Сохраните файл в качестве копии с именем Bump (Рельеф).

Шаг 6

Измените цвет текстовой фигуры на # 1c1c1c и сохраните изменения.

Итак, теперь у вас должно быть два файла, один для текстуры Reflection (Отражение) со светло-серым цветом, и один для текстуры Bump (Рельеф) с темно-серым цветом.

7. Настройка параметров материала

Шаг 1

Вернитесь к исходному документу 3D-сцены и выделите во вкладке с текстом Front Inflation Material (Материал передней выпуклости).

Нажмите на значок папки рядом со значением Reflection (Отражение) и выберите из подменю Load Texture (Загрузить текстуру), а затем откройте текстуру Reflection (Отражение), созданную в предыдущем шаге.

Повторите загрузку текстуры Bump (Рельеф) также.

Шаг 2

Что касается остальных настроек материала, измените цвет Specular (Блик) (в RGB) на (75, 55, 9), Shine (Блеск) 25, Reflection (Отражение) 70, Bump (Рельеф) 2.

Шаг 3

Выберите в текстовой вкладке оба материала скоса Bevel Material (Материал скоса) и Back Inflation Material (Материал задней выпуклости), а затем измените Shine (Блеск) 25, Reflection (Отражение) 70.

Шаг 4

В сетке текста перейдите к Extrusion Material (Материал экструзии), а затем нажмите на значок текстуры рядом с Diffuse (Рассеивание) и выберите в подменю Remove Texture (Удалить текстуру).

Шаг 5

Измените цвет Diffuse (Рассеивание) на (70, 9,93), затем цвет Specular (Блик) (07, 178, 75), то Shine (Блеск) 35, Reflection (Отражение) 35, и Refraction (Преломление) 1.656.

Шаг 6

Выделите все вкладки с материалами для сетки Stroke (Обводка) и измените Shine (Блеск) 30 и Reflection (Отражение) 50.

Шаг 7

Выберите во вкладке Stroke (Обводка) Extrusion Material (Материал экструзии), удалите текстуру Diffuse (Рассеивание) и измените цвет заливки на (229, 191, 37).

8. Перемещение сеток и смена ракурса

Шаг 1

Выделите оба слоя сетки, кликните по иконке Coordinates (Координаты) в верхней части панели Properties (Свойства) и измените угол поворота Х на 90 градусов.

Затем перейдите в 3D > Move Object to Ground Plane (3D > Переместить объект на плоскость основания).

Шаг 2

Возьмите инструмент Move Tool (Перемещение) и, используя 3D-оси, расположите полосы в середине текста.

Шаг 3

Нажмите на Current View (Текущий Вид) в 3D панели, а затем в меню View (Вид) укажите Top (Сверху) на панели Properties (Свойства).

9. Настройка освещения

Шаг 1

Перейдите на вкладку Infinite Light 1 (Бесконечный Свет 1), измените значение Intensity (Интенсивность) на 50, и снимите галочку с Shadow (Тень).

Шаг 2

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

Шаг 3

Поменяйте цвет источника света на (249, 247, 238), его Intensity (Интенсивность) 30, значение Shadow- Softness (Тень-Сглаживание) 30%, и поставьте галочку на Light Falloff (Ослабление Света).

Установите значение Inner (Внутренний) 470 и Outer (Внешний) 830. Вы можете использовать любые другие значения, которые вам нравятся в зависимости от результата, который вы хотите получить.

Шаг 4

Используя Move Tool (Перемещение) и 3D-оси, поменяйте расположение света или его направление и скорректируйте настройки, пока не понравится получившийся результат.

Чтобы сделать это, можете изменить вид камеры, а затем вернуться к меню View (Вид): Top (Сверху), как только закончите.

Шаг 5

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

Загрузите изображение Квартира и измените Intensity (Интенсивность) 50.

Шаг 6

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

Шаг 7

Поместите Размытый фон под 3D-слоем и перейдите в меню Edit > Transform > Flip Vertical (Редактирование > Трансформирование > Отразить по вертикали).

Вы можете использовать простую градиентную заливку для фона или добавить Gaussian Blur (Размытие по Гауссу) к изображению или использовать любую другую текстуру.

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

10. Рендеринг сцены и создание копии

Шаг 1

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

Шаг 2

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

Шаг 3

Дублируйте смарт-объект, сделайте оригинал невидимым, нажав на иконку глаза рядом с ним, а затем кликните правой кнопкой мыши по копии и выберите Rasterize Layer (Растрировать слой).

11. Выравнивание рваных краев полосок и коррекция цвета текста

Шаг 1

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

Шаг 2

Возьмите Spot Healing Brush Tool (Точечная восстанавливающая кисть), выберите немного мягкий круглый кончик кисти, а затем закрасьте неровности, чтобы удалить их.

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

Шаг 3

Вы также можете при необходимости использовать Stamp Tool (Штамп), но и Spot Healing Brush Tool (Точечная восстанавливающая кисть) должна сделать эту работу очень хорошо.

Шаг 4

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

Шаг 5

Нажмите на Create new fill (Создать новую заливку) или на значок корректирующего слоя в нижней части панели Layers (Слои) и выберите Levels (Уровни).

Шаг 6

Нажмите на значок обтравочной маски слоя и измените значение Shadows (Тени) на 3.

12. Добавление звездной текстуры

Шаг 1

Откройте второе изображение из набора изображений Дальний космос в Photoshop. Поскольку эти изображения огромны, вам необходимо перейти в меню Image > Image Size (Изображение >Размер изображения) и установите Resolution (Разрешение) 72.

Дублируйте изображение поверх всех слоев, которые находятся в исходном документе, и переименуйте его в слой Stars (Звезды).

Кликните правой кнопкой мыши по слою Stars (Звезды), и выберите Convert to Smart Object (Конвертировать в смарт-объект), а затем измените его по мере необходимости.

Измените режим наложения для слоя Stars (Звезды) на Screen (Экран) с Opacity (Непрозрачность) 50%. Затем дублируйте его и понизьте у копии Opacity (Непрозрачность) до 30%.

Шаг 2

На выделенном слое Stars Copy (Звезды Копия) перейдите в меню Filter > Blur Gallery > Iris Blur (Фильтр >Галерея размытий >Размытие диафрагмы). Нажмите и перетащите маркеры к центральной точке.

Шаг 3

Установите Blur (Размытие) 15, а затем во вкладке Effects (Эффекты) измените Light Bokeh (Световое боке) на 80%. Это создаст хороший эффект Боке. Вы можете поэкспериментировать со значениями, чтобы получить различные результаты.

Шаг 4

Это необязательно, но мы собираемся удалить оригинальные звезды, находящиеся под эффектом боке.

Чтобы сделать это, выберите слой Stars (Звезды) и нажмите на значок Add layer mask (Добавить слой-маску) в нижней части панели Layers (Слои).

Затем возьмите Eraser Tool (Ластик) с мягким круглым кончиком кисти, установите белый цвет. Выделите миниатюру маски, и нажмите под каждым кругом Боке, чтобы удалить звездочку.

Шаг 5

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

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

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

Мы работали над настройками 3D-сеток, текстур и материалов для создания основного эффекта. Затем мы работали над освещением, проводили рендеринг сцены и добавляли некоторые текстуры для фона и эффект Боке.

Наконец, мы использовали фильтр размытия и маску слоя для усиления конечного результата.

Автор: Rose