ПОНРАВИЛОСЬ? ПОДЕЛИТЕСЬ С ДРУЗЬЯМИ!

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

  • #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 (Режим наложения): Linear Burn (Линейный Затемнитель)
  • 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

ПОНРАВИЛОСЬ? ПОДЕЛИТЕСЬ С ДРУЗЬЯМИ!

·

· 15

·

· 6

·

·

·

·

·

·

·

Источник: design.tutsplus.com Переводчик: Лебедева Виктория

· 12 КОММЕНТАРИЕВ

Начало формы

 

Конец формы

aio350 13 ноября 2016 5

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

anna 12 ноября 2016 9

Спасибо за урок.

z_ivan 11 ноября 2016 5

Спасибо за урок!

ymukanov 10 ноября 2016

Я когда до маленького экранчика дошел то глаза на лоб. Думал есть просто готовые библиотеки, нажать кнопку и выбрать модель. Главное никакого объяснения с маленьким экранчиком. Что делаем, зачем что-бы понимать новичкам.

Bukca 09 ноября 2016 13

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

Svetlana 08 ноября 2016 16

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

so_bad 08 ноября 2016 18

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

Polli22 08 ноября 2016 19

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

valery333 08 ноября 2016 19

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

Mr.Evil 08 ноября 2016 17

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

Svetlana 08 ноября 2016

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

Zhivena 08 ноября 2016 13

Спасибо за урок!