Создаём в фотошопе MockUp для текста с 3D эффектом

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

Этот макет – часть из Макеты 3D золотого текста  из моего портфолио на Envato Market.

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

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

1. Шрифт Raleway 
2. Голубой фон

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

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

Загружаем фоновый документ

Мы будем использовать голубой фон из исходных материалов в качестве фона для нашего документа. Это файл JPG размером 2000 х 3000px. Перейдите в меню File>Open (Файл>Открыть) и откройте blue-background.jpg.

Создаем смарт-объект

За эти шаги мы создадим смарт-объект.

Шаг 1

Создайте новый слой через меню Layer> New> Layer (Слой>Новый>Слой), назовите его Hide me и нажмите ОК. Заполните этот слой любым цветом, например, заполните его цветом фона, нажмите Ctrl+Delete.

Шаг 2

Выберите  инструмент Type Tool (Текст) и выберите шрифт Raleway. Укажите цвет шрифта черный, а размер шрифта 635 пт и отцентрируйте текст. Теперь на двух строках прописными буквами напишите в центре документа BLACK GOLD.

Шаг 3

В панели Layers (Слои) выберите слой Black Gold и, зажав клавишу Ctrl, выберите слой Hide me. С выбранными слоями перейдите в меню Layer> Smart Objects> Convert to Smart Object (Слой>Смарт-Объект>Преобразовать в смарт-объект).

Шаг 4

Кликните правой кнопкой мыши по смарт-объекту Black Gold и выберите Edit Content (Редактировать содержание), чтобы открыть смарт - объект.

Шаг 5

В панели Layers (Слои) удалите слой Hide me. Затем закройте документ Black Gold.psb и нажмите Yes (Да), чтобы сохранить изменения.

Шаг 6

Выберите слой Black Gold, перейдите в меню Layer>Rename Layer (Слой>Переименовать слой) и измените название на Gold.

Создаем сжимающее действие

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

Шаг 1

Кликните правой кнопкой мыши по слою Gold в панели Layers (Слои) и выберите Duplicate Layer (Дублировать слой). Измените название на Action и нажмите кнопку OK.

Шаг 2

Откройте панель Actions (Действия) с помощью Alt+F9, а затем нажмите на кнопку в нижней части Create new set (Создать новый набор) и назовите его Shrinking Action. Нажмите кнопку OK.

Шаг 3

В панели Actions (Действия) выберите слой Action, а затем на кнопку Create new action (Создать новое действие) в нижней части панели Actions (Действия). Измените имя на Shrink и нажмите Record (Запись).

Шаг 4

Нажмите Ctrl+J, чтобы продублировать слой Action.

Шаг 5

Перейдите в меню Layer> Arrange> Send Backward (Слой>Упорядочить> Переложить назад). Этот шаг переместит слой Action copy под слой Action.

Шаг 6

Преобразуйте выбранный слой с помощью Ctrl+T и установите горизонтальный масштаб в W: 99,93% и вертикальный масштаб в H: 99.90%. нажмите клавишу Enter дважды, чтобы применить преобразование.

Шаг 7

Нажмите на кнопку Stop recording (Остановить Запись) в нижней части панели Actions (Действия) и удалите слои Action и Action copy из панели Layers (Слои). Действие Shrink теперь готово к использованию.

Создаем 3D-эффект

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

Шаг 1

Выберите слой Gold в панели Layers (Слои), а затем в панели Actions (Действия) выберите действие Shrink.

Шаг 2

Теперь для 3D-эффекта мы создадим 105 слоев. В нижней части Actions (Действия) нажмите на кнопку Play (Выполнить), чтобы выполнить действие, и продолжайте нажимать на кнопку Play (Выполнить) до тех пор, пока она не создаст слой Gold copy 105 в панели Layers (Слои).

Шаг 3

Выберите слой Gold copy 105, перейдите в меню Layer> Duplicate Layer (Слой>Дублировать Слой) и назовите дубликат Shadow. Затем переместите этот слой назад, перейдя в меню Layer> Arrange> Send Backward (Слой>Упорядочить> Переложить назад).

Шаг 4

Давайте сделаем несколько групп и почистим немного панель Layers (Слои). Выберите слой Gold copy и, зажав клавишу Shift, кликните по слою Gold copy 19, чтобы выбрать эти слои и всё, что находится между ними. Нажмите сочетание клавиш Ctrl+G, чтобы создать группу, а затем перейдите в меню Layer> Rename group (Слой>Переименовать группу) и назовите ее Effect 1.

Шаг 5

Выберите слой Gold copy 20, а затем, зажав клавишу Shift, кликните по слою Gold copy 29, чтобы выбрать эти слои и всё, что между ними. Нажмите сочетание клавиш Ctrl+G, чтобы создать группу, а затем перейдите в меню Layer> Rename group (Слой>Переименовать группу) и назовите ее Effect 2.

Шаг 6

Выберите слой Gold copy 30, затем, зажав клавишу Shift, кликните по слою Gold copy 39, чтобы выбрать эти слои и все, что между ними. Нажмите сочетание клавиш Ctrl+G, чтобы создать группу, а затем перейдите в меню Layer> Rename group (Слой>Переименовать группу) и назовите ее Effect 3.

Шаг 7

Выберите слой Gold copy 40, а затем, зажав клавишу Shift, кликните по слою Gold copy 59, чтобы выбрать эти слои и все, что находится между ними. Нажмите сочетание клавиш Ctrl+G, чтобы создать группу, а затем перейдите в меню Layer> Rename group (Слой>Переименовать группу) и назовите ее Effect 4.

Шаг 8

Выберите слой Gold copy 60, а затем, зажав клавишу Shift, кликните по слою Gold copy 89, чтобы выбрать эти слои и все, что находится между ними. Нажмите сочетание клавиш Ctrl+G, чтобы создать группу, а затем перейдите в меню Layer> Rename group (Слой>Переименовать группу) и назовите ее Effect 5.

Шаг 9

Выберите слой Gold copy 90, а затем, зажав клавишу Shift, кликните по слою Gold copy 94, чтобы выбрать эти слои и все, что находится между ними. Нажмите сочетание клавиш Ctrl+G, чтобы создать группу, а затем перейдите в меню Layer> Rename group (Слой>Переименовать группу) и назовите ее Effect 6.

Шаг 10

Выберите слой Gold copy 95, а затем, зажав клавишу Shift, кликните по слою Gold copy 100, чтобы выбрать эти слои и все между ними. Нажмите сочетание клавиш Ctrl+G, чтобы создать группу, а затем перейдите в меню Layer> Rename group (Слой>Переименовать группу) и назовите ее Effect 7.

Шаг 11

Выберите слой Gold copy 101, а затем, зажав клавишу Shift, кликните по слою Gold copy 105, чтобы выбрать эти слои и все, что находится между ними. Нажмите сочетание клавиш Ctrl+G, чтобы создать группу, а затем перейдите в меню Layer> Rename group (Слой>Переименовать группу) и назовите ее Effect 8.

Добавляем стили слоя

Шаг 1

Выберите слой Gold и дважды кликните по нему, чтобы применить следующий стиль слоя:

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

• Style (Стиль): Inner Bevel (Внутренний Скос)
• Technique (Метод): Smooth (Плавное)
• Depth (Глубина): 32%
• Direction (Направление): Down (Вниз)
• Size (Размер): 3px
• Снимите галочку с Use Global Light (Глобальное Освещение)
• Angle (Угол обзора):-81
• Altitude (Высота): 26
• Gloss Contour (Контур глянца): Ring - Double (Двойное кольцо)
• Highlight Mode (Режим подсветки): Linear Dodge (Add) (Линейный Осветлитель (Добавить)), цвет #ffffff, Opacity (Непрозрачность): 18%
• Shadow Mode (Режим тени): Linear Burn (Линейный Затемнитель), цвет #171718, Opacity (Непрозрачность): 33%

Шаг 2

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

• Size (Размер): 9
• Position (Положение): Inside (Внутри)
• Blend Mode (Режим наложения): Normal (Обычный)
• Fill Type (Тип заливки): Gradient (Градиент)
• Style (Стиль):Angle (Угол)
• Angle (Угол обзора): 90°
• Angle: 90°
• Scale (Масштаб): 150%
• Нажмите на градиент и установите следующие цвета:

 Цвет - Расположение

• #7a6b37 - 7%
• #84753f - 43%
• #7d6d37 - 70%
• # ffe785 - 85%
• #f7c753 - 0%, 13%, 19%, 48%, 63%, 81% и 100%
• #c59f44 - 16%, 27%, 55%, 75% и 93%

Шаг 3

Добавьте Satin (Глянец) с настройками:

• Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
• Color (Цвет): # afa182
• Opacity (Непрозрачность): 3%
• Angle (Угол обзора): 0
• Distance (Расстояние): 22px
• Size (Размер): 1
• Invert (Инверсия) поставьте галочку

Шаг 4

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

• Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
• Color (Цвет): #000000
•  Opacity (Непрозрачность): 7%

Шаг 5

Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:

• Blend Mode (Режим Наложения): Normal (Обычный)
• Dither (Сглаживание) поставьте галочку
• Opacity (Непрозрачность): 100%
• Style (Стиль): Linear (Линейный)
• Angle (Угол обзора) 67
• Scale (Масштаб): 100%
• Нажмите на поле Gradient (Градиент) для создания градиентной заливки и установите следующие цвета:

Цвет - Расположение

• #010202 - 11%
• #737373 - 34%
• #010202 - 58%
• # 737373 - 75%
• # 010202 - 100%

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

Шаг 6

Раскройте группу Effect 1, выберите слой Gold copy и дважды кликните по слою,  чтобы применить следующий стиль слоя:

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

• Blend Mode (Режим наложения): Linear Dodge (Add) (Линейный осветлитель (Добавить)
• Opacity (Непрозрачность): 14%
• Color (Цвет): #ffffff
• Technique (Метод): Precise (Точная)
• Source: Edge
• Choke: 100%
• Size (Размер): 136px
• Anti-aliased (Сглаживание): поставьте галочку

Шаг 7

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

• Blend Mode (Режим наложения): Color (Цветность)
• Color (Цвет): # fee691
•  Opacity (Непрозрачность): 100%

Шаг 8

Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:

• Blend Mode (Режим Наложения): Normal (Обычный)
• Dither (Сглаживание) поставьте галочку
• Opacity (Непрозрачность): 100%
• Style (Стиль): Reflected (зеркальный)
• Angle (Угол обзора) 90
• Scale (Масштаб): 150%
• Нажмите на поле Gradient (Градиент) для создания градиентной заливки и установите следующие цвета:

Цвет - Расположение

• # 7a6b37 - 7%, 23%, 58%, 89%
• # 84753f - 43%
• #7d6d37 - 70%, 100%
• # ffe785 - 4%,25%, 39%, 85% и 97%
• #f7c753 - 0%, 13%, 19%, 48%, 63%, 81% и 100%
• #c59f44 - 16%, 34%, 55%, 75% и 93%

Шаг 9

Этот градиент будет использоваться в следующих шагах, так что давайте сохраним его в градиентных наборах, нажав на кнопку New (Новый). Затем нажмите кнопку OK, чтобы применить все изменения.

Шаг 10

Кликните правой кнопкой мыши по слою Gold copy и выберите Copy Layer Style (Копировать стиль слоя), а затем, зажав клавишу Shift, кликните левой кнопкой мыши по слою Gold copy 19. Пока все эти слои выбраны, кликните правой кнопкой мыши по любому из этих слоев и выберите Paste Layer Style (Вставить стиль слоя). Этот стиль применится ко всем выбранным слоям.

Шаг 11

Закройте группу Effect 1 и разверните группу Effect 2.  Выберите слой Gold copy20 и сделайте двойной клик по слою, примените следующий стиль слоя:

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

• Blend Mode (Режим наложения): Linear Dodge (Add) (Линейный осветлитель (Добавить)
• Opacity (Непрозрачность): 7%
• Color (Цвет): #ffffff
• Technique (Метод): Precise (Точная)
• Source: Edge
• Choke: 100%
• Size (Размер): 136px
• Anti-aliased (Сглаживание): поставьте галочку

Шаг 12

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

• Blend Mode (Режим наложения): Color (Цветность)
• Color (Цвет): # fee691
•  Opacity (Непрозрачность): 100%

Шаг 13

Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:

• Blend Mode (Режим Наложения): Normal (Обычный)
• Dither (Сглаживание) поставьте галочку
• Opacity (Непрозрачность): 100%
• Style (Стиль): Reflected (Зеркальный)
• Angle (Угол обзора) 90
• Scale (Масштаб): 150%
• Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:

Нажмите ОК и примените изменения.

Шаг 14

Сделайте правый клик мыши по слою Gold copy20  и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy29. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style (Вставить стиль слоя).

Шаг 15

Закройте группу Effect 2 и разверните группу Effect 3.  Выберите слой Gold copy 30 и сделайте двойной клик по слою, примените следующий стиль слоя:

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

• Blend Mode (Режим наложения): Linear Dodge (Add) (Линейный осветлитель (Добавить)
• Opacity (Непрозрачность): 3%
• Color (Цвет): #ffffff
• Technique (Метод): Precise (Точная)
• Source: Edge
• Choke: 100%
• Size (Размер): 136px
• Anti-aliased (Сглаживание): поставьте галочку

Шаг 16

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

• Blend Mode (Режим наложения): Color (Цветность)
• Color (Цвет): # fee691
•  Opacity (Непрозрачность): 100%

Шаг 17

Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:

• Blend Mode (Режим Наложения): Normal (Обычный)
• Dither (Сглаживание) поставьте галочку
• Opacity (Непрозрачность): 100%
• Style (Стиль): Reflected (Зеркальный)
• Angle (Угол обзора) 90
• Scale (Масштаб): 150%
• Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:

Нажмите ОК и примените изменения.

Шаг 18

Сделайте правый клик мыши по слою Gold copy 30 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy39. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style (Вставить стиль слоя).

Шаг 19

Закройте группу Effect 3 и разверните группу Effect 4. Выберите слой Gold copy 40 и сделайте двойной клик по слою, примените следующий стиль слоя:

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

• Blend Mode (Режим наложения): Color (Цветность)
• Color (Цвет): # fee691
•  Opacity (Непрозрачность): 100%

Шаг 20

Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:

• Blend Mode (Режим Наложения): Normal (Обычный)
• Dither (Сглаживание) поставьте галочку
• Opacity (Непрозрачность): 100%
• Style (Стиль): Reflected (Зеркальный)
• Angle (Угол обзора) 90
• Scale (Масштаб): 150%
• Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:

Нажмите ОК и примените изменения.

Шаг 21

Сделайте правый клик мыши по слою Gold copy 40 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy 59. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style (Вставить стиль слоя).

Шаг 22

Закройте группу Effect 4 и разверните группу Effect 5. Выберите слой Gold copy 60 и сделайте двойной клик по слою, примените следующий стиль слоя:

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

• Blend Mode (Режим наложения): Linear Burn) (Линейный Затемнитель)
• Opacity (Непрозрачность): 3%
• Color (Цвет): #000000
• Technique (Метод): Precise (Точная)
• Source: Edge
• Choke: 100%
• Size (Размер): 136px
• Anti-aliased (Сглаживание): поставьте галочку

Шаг 23

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

• Blend Mode (Режим наложения): Color (Цветность)
• Color (Цвет): # fee691
•  Opacity (Непрозрачность): 100%

Шаг 24

Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:

• Blend Mode (Режим Наложения): Normal (Обычный)
• Dither (Сглаживание) поставьте галочку
• Opacity (Непрозрачность): 100%
• Style (Стиль): Reflected (Зеркальный)
• Angle (Угол обзора) 90
• Scale (Масштаб): 150%
• Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:

Нажмите ОК и примените изменения.

Шаг 25

Сделайте правый клик мыши по слою Gold copy 60 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy 89. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style (Вставить стиль слоя).

Шаг 26

Закройте группу Effect 5 и разверните группу Effect 6.  Выберите слой Gold copy 90 и сделайте двойной клик по слою, примените следующий стиль слоя:

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

• Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
• Opacity (Непрозрачность): 10%
• Color (Цвет): #000000
• Technique (Метод): Precise (Точная)
• Source: Edge
• Choke: 100%
• Size (Размер): 136px
• Anti-aliased (Сглаживание): поставьте галочку

Шаг 27

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

• Blend Mode (Режим наложения): Color (Цветность)
• Color (Цвет): # fee691
•  Opacity (Непрозрачность): 100%

Шаг 28

Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:

• Blend Mode (Режим Наложения): Normal (Обычный)
• Dither (Сглаживание) поставьте галочку
• Opacity (Непрозрачность): 100%
• Style (Стиль): Reflected (Зеркальный)
• Angle (Угол обзора) 90
• Scale (Масштаб): 150%
• Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:

Нажмите ОК и примените изменения.

Шаг 29

Сделайте правый клик мыши по слою Gold copy 90 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy 94. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style (Вставить стиль слоя).

Шаг 30

Закройте группу Effect 6 и разверните группу Effect 7. Выберите слой Gold copy 95 и сделайте двойной клик по слою, примените следующий стиль слоя:

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

• Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
• Opacity (Непрозрачность): 16%
• Color (Цвет): #000000
• Technique (Метод): Precise (Точная)
• Source: Edge
• Choke: 100%
• Size (Размер): 136px
• Anti-aliased (Сглаживание): поставьте галочку

Шаг 31

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

• Blend Mode (Режим наложения): Color (Цветность)
• Color (Цвет): # fee691
•  Opacity (Непрозрачность): 100%

Шаг 32

Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:

• Blend Mode (Режим Наложения): Normal (Обычный)
• Dither (Сглаживание) поставьте галочку
• Opacity (Непрозрачность): 100%
• Style (Стиль): Reflected (Зеркальный)
• Angle (Угол обзора) 90
• Scale (Масштаб): 150%
• Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:

Нажмите ОК и примените изменения.

Шаг 33

Сделайте правый клик мыши по слою Gold copy 95 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy 100. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style (Вставить стиль слоя).

Шаг 34

Закройте группу Effect 7 и разверните группу Effect 8. Выберите слой Gold copy 101 и сделайте двойной клик по слою, примените следующий стиль слоя:

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

• Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
• Opacity (Непрозрачность): 22%
• Color (Цвет): #000000
• Technique (Метод): Precise (Точная)
• Source: Edge
• Choke: 100%
• Size (Размер): 136px
• Anti-aliased (Сглаживание): поставьте галочку

Шаг 35

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

• Blend Mode (Режим наложения): Color (Цветность)
• Color (Цвет): # fee691
•  Opacity (Непрозрачность): 100%

Шаг 36

Добавьте Gradient Overlay (Наложение Градиента) со следующими настройками:

• Blend Mode (Режим Наложения): Normal (Обычный)
• Dither (Сглаживание) поставьте галочку
• Opacity (Непрозрачность): 100%
• Style (Стиль): Reflected (Зеркальный)
• Angle (Угол обзора) 90
• Scale (Масштаб): 150%
• Нажмите на поле Gradient (Градиент) для создания градиентной заливки и выберите сохраненный градиент раннее в наборах:

Нажмите ОК и примените изменения.

Шаг 37

Сделайте правый клик мыши по слою Gold copy 101 и выберите Copy Layer Style (Скопировать стиль слоя), а затем, удерживая клавишу Shift, кликните левой кнопкой мыши по слою Gold copy 105. Пока все слои выделены, кликните правой кнопкой мыши по любому из них и выберите Paste Layer Style (Вставить стиль слоя).

Создаем тень

Шаг 1

Выберите слой Shadow и нажмите сочетание клавиш Ctrl+J дважды, чтобы сделать две копии этого слоя.

Шаг 2

 Выберите слой Shadow и нажмите Ctrl+T, а затем добавьте 20px по горизонтали в поле X, а также добавьте 30px по вертикали в поле Y: Значения, показанные на рисунке ниже, могут отличаться от вашего варианта.

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

Шаг 3

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

Измените в Blending Options (Параметры наложения) следующие настройки:

• Opacity (Непрозрачность): 35%

Шаг 4

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

• Blend Mode (Режим наложения): Normal (Обычный)
• Color (Цвет): # 312000
•  Opacity (Непрозрачность): 100%

Шаг 5

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

• Blend Mode (Режим наложения): Multiply (Умножение)
• Color (Цвет): # 010101
•  Opacity (Непрозрачность): 75%
• Angle (Угол обзора) 120
• Снимите галочку с Use Global Light (Глобальное освещение)
• Distance (Расстояние): 17px
• Spread (Размах): 0%
• Size (Размер): 5px

Нажмите кнопку ОК, чтобы применить изменения.

Шаг 6

Перейдите в меню Filter> Blur> Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу), установите Radius (Радиус) 4,3px и нажмите кнопку OK.

Шаг 7

Перейдите в меню Filter> Blur> Motion Blur (Фильтр>Размытие>Размытие в движении), установите Angle (Угол): -60 ° и Distance (Расстояние): 97px, а затем нажмите кнопку OK.

Шаг 8

Выберите слой Shadow copy и дважды кликните по слою, чтобы применить следующий стиль слоя:

Измените в Blending Options (Параметры наложения) следующие настройки:

• Fill Opacity (Непрозрачность заливки): 0%

Шаг 9

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

• Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
• Color (Цвет): # 000000
•  Opacity (Непрозрачность): 47%
• Angle (Угол обзора) 124
• Снимите галочку с Use Global Light (Глобальное освещение)
• Distance (Расстояние): 0px
• Size (Размер): 2px

Нажмите кнопку ОК, чтобы применить изменения.

Шаг 10

Выберите слой Shadow copy 2 и дважды кликните по слою, чтобы применить следующий стиль слоя:

Измените в Blending Options (Параметры наложения) следующие настройки:

• Opacity (Непрозрачность) 50%
• Fill Opacity (Непрозрачность заливки): 0%

Шаг 11

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

• Blend Mode (Режим наложения): Normal (Обычный)
• Color (Цвет): # 000000
•  Opacity (Непрозрачность): 100%

Шаг 12

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

• Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
• Color (Цвет): #000000
•  Opacity (Непрозрачность): 11%
• Angle (Угол обзора) 45
• Снимите галочку с Use Global Light (Глобальное освещение)
• Distance (Расстояние): 87px
• Spread (Размах): 0%
• Size (Размер): 79px

Нажмите кнопку ОК, чтобы применить изменения.

Шаг 13

Перейдите в меню Filter> Blur> Gaussian Blur (Фильтр>Размытие>Размытие по Гауссу), установите Radius (Радиус) 16,8px и нажмите кнопку OK.

Шаг 14

Для большей ясности мы сгруппируем все теневые слои. Выберите слой Shadow copy 2, а затем удерживая клавишу Shift, кликните по Shadow copy и нажмите Ctrl+G на клавиатуре, чтобы сделать группу слоев.

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

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

Мы начали с создания смарт-объекта, затем создали сжимающее действие. После этого, мы добавили несколько слоев для создания 3D-эффекта, а также добавили стили слоя. И, наконец, мы добавили тени.

С этого момента вы можете изменить заголовок с BLACK GOLD на любой другой текст, форму или вектор. Чтобы изменить содержимое, кликните правой кнопкой мыши по слою Gold и выберите Edit contents (Редактировать содержимое). Когда закончите c редактированием содержимого, закройте .psb документ и нажмите Yes (Да), чтобы применить изменения.

Можно использовать векторный логотип вместо текста. В приведенном ниже примере, я изменил содержание на логотип Phoenix,  который также является частью моего портфолио на Envato Market.

Этот макет, который мы только что создали, является частью из  "Макеты 3D золотого текста" .

Автор: Jan Stverak

Источник: design.tutsplus.com