Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

203 015 чел. 396 570 работ 4 077 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Создаём в фотошопе 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

Комментарии 51

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Виктория, спасибо за перевод.

Вот так получилось....

Отличный урок! Спасибо!♥

Спасибо за перевод!))

Спасибо, очень понравился урок!
В разделе "Добавляем стили слоя", шаг 7 перевод отличается от фото:
Blend Mode (Режим наложения): Linear Burn (Линейный Затемнитель)
а по картинке режим "цветность"

Спасибо! Текст , конечно, красивый, но до чего же нудный урок!! Это издевательство - градиенты бесконечные цифрами вырисовывать! Стоит ли этот эффект того!! Куда его засунуть???
И комп чуть ласты не склеил..Еле дотянул..

Смарты существенно утяжеляют документ, да ещё в таком диком количестве. Не удивительно, что Ваш комп чуть не склеил ласты, как Вы говорите)))

Спасибо за потрясающий урок!

Моя прелесть
Спасибо за урок! Очень понравился))

Замечательный урок, не думал что все будет настолько просто.

Создаём в фотошопе MockUp для текста с 3D эффектом. Урок для тренировки силы воли. Спасибо.

110 слоёв, запись экшена - всё как в чертеже. Чёрное золото, натурально.
)))

Потрясающе! Спасибо за урок! Очень понравилось 100+

отличный урок, спасибо!)

весьма признателен за урок

Что-то пошло не так со сглаживанием... Как исправить?(

Еще 8
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

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

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules