Advertisement
  1. Design & Illustration
  2. Layer Styles

Создаём 3D Текст из Золота, а также Макет для Логотипа

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Awesome Logo Mockups.
How to Create a Pressed Paper Logo Mockup in Adobe Photoshop
This post is part of a series called Learn Adobe Photoshop.
How to Colourise an Old Photograph in Adobe Photoshop
How to Create a Kaleidoscope Effect in Adobe Photoshop

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product image
What You'll Be Creating

Данный эффект - это эффект из набора 3D текстовых эффектов, которые доступны на сайте Envato Market.

3D gold text and logo mockups
Набор 3D Текстовых Эффектов

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

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

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

1. Создаём Задний Фон

Мы используем исходную текстуру голубого фона в качестве заднего фона для нашего рабочего документа. Данное исходное изображение имеет следующие размеры 2000 x 3000 px. Теперь идём Файл - Открыть (File > Open) и в появившемся окне навигации, выберите исходное изображение blue-background.jpg.

Blue background

2. Создаём Смарт-объект

В следующих шагах мы создадим основной смарт-объект.

Шаг 1

Создайте новый слой, для этого идём Слой- Новый - Слой (Layer > New > Layer). Назовите этот слой Скрой меня (Hide me), а затем нажмите кнопку 'OK'. Залейте этот слой любым цветовым оттенком, например, залейте его цветом заднего фона, а затем нажмите клавиши (Ctrl+Delete).

Hide me layer

Шаг 2

Выберите  инструмент Горизонтальный Текст (Type Tool), а затем установите шрифт Raleway. В верхней панели управления данного инструмента, задайте Начертание (Font Style) Black, Размер шрифта (Font Size) 635 pt, а также нажмите значок Выключка текста по центру (Center text). Теперь напишите текст BLACK GOLD заглавными буквами двумя строчками.

Type tool

Шаг 3

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

Craete smart object

Шаг 4

Щёлкните по слою со смарт-объектом BLACK GOLD и в появившемся окне, выберите опцию Редактировать содержание (Edit Contents), чтобы открыть смарт-объект.

Edit smart object

Шаг 5

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

Save smart object

Шаг 6

Выберите слой BLACK GOLD, а затем идём Слой- Переименовать слой (Layer > Rename Layer), чтобы поменять название слоя на Золотой (Gold).

Rename smart object

3. Создаём Экшен Уменьшения

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

Шаг 1

Щёлкните правой кнопкой мыши по слою Золотой (Gold) в панели Слои (Layers) и в появившемся окне. выберите опцию Создать дубликат слоя (Duplicate Layer). Поменяйте название для дубликата слоя, назовите дубликат Экшен (Action), а затем нажмите кнопку 'OK'.

Create Action layer

Шаг 2

Откройте панель Операции (Actions), для этого нажмите клавиши (Alt+F9), а затем нажмите кнопку в нижней части панели Создать новый набор (Create new set), дайте ему название Экшен Уменьшения (Shrinking Action). Примечание переводчика: в некоторых версиях программы Photoshop, панель Операции (Actions) может переводиться, как Действия. Нажмите кнопку 'ОК'.

Create new action set

Шаг 3

В панели Слои (Layers) выберите слой Экшен (Action), а затем нажмите кнопку Создать новое действие (Create new action) в нижней части панели Операции (Actions). Примечание переводчика: вам нужно переключиться между панелями, чтобы убедиться, что слой Экшен (Action) активный, а затем вернуться в панель Операции (Actions) и создать новое действие. Дайте название новому действию Уменьшение (Shrink), а затем нажмите кнопку Запись (Record).

Create new action

Шаг 4

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

Duplicate layer

Шаг 5

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

Arrange layers

Шаг 6

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

Transform layer

Шаг 7

Нажмите кнопку Стоп (Stop) в нижней части панели Операции ( Actions). Удалите слои Экшен (Action) и дубликат слоя Экшен (Action copy) в панели Слои (Layers). Экшен Уменьшение (Shrink) теперь готов к применению. 

Stop action and delete layers

4. Создаём 3D Эффект

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

Шаг 1

Выделите слой Золотой (Gold) в панели Слои (Layers), а затем выберите экшен Уменьшение (Shrink) в панели Операции (Actions).

Select layer and action

Шаг 2

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

Play action

Шаг 3

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

Create and arrange shadow layer
105 layers created

Шаг 4

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

Group layers

Шаг 5

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

Group layers

Шаг 6

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

Group layers

Шаг 7

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

Group layers

Шаг 8

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

Group layers

Шаг 9

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

Group layers

Шаг 10

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

Group layers

Шаг 11

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

Group layers

5. Добавляем Стили Слоя

Шаг 1

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

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

  • Стиль (Style): Внутренний скос (Inner Bevel
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 32%
  • Направление (Direction): Вниз (Down)
  • Размер (Size): 3 px
  • Уберите галочку в окошке Глобальное освещение (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%
Add a bevel and emboss

Шаг 2

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

  • Размер (Size): 3 px
  • Положение (Position): Внутри (Inside)
  • Режим наложения (Blend Mode: Нормальный (Normal)
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Стиль (Style): Угол (Angle)
  • Угол (Angle): 90°
  • Поставьте галочку в окошке Дизеринг (Dither).
  • Масштаб (Scale): 150%
  • Щёлкните по шкале градиента, чтобы установить следующие контрольные точки цвета:
  • Контрольная точка цвета (Color stop): #7a6b37 на Позиции Location): 7%
  • Контрольная точка цвета (Color stop): #84753f на Позиции Location): 43%
  • Контрольная точка цвета (Color stop): #7d6d37 на Позиции Location): 70%
  • Контрольная точка цвета (Color stop): #ffe785 на Позиции Location): 85%
  • 7 Контрольных точек цвета (Color stop): #f7c753 на Позиции (Location): 0%, 13%, 19%, 48%, 63%, 81% и 100%
  • 5 Контрольных точек цвета (Color stop): #c59f44 на Позиции (Location): 16%, 27%, 55%, 75% и 93%
Add a stroke

Шаг 3

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

  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn). Цвет #afa182
  • Непрозрачность (Opacity): 4%
  • Угол (Angle): 0°
  • Смещение (Distance): 22 px
  • Размер (Size): 1 px
  • Поставьте галочку в окошке Инверсия (Invert)
Add a satin

Шаг 4

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

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

Шаг 5

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Поставьте галочку в окошке Дизеринг (Dither)
  • Непрозрачность (Opacity): 100%
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): 67°
  • Масштаб (Scale): 100%
  • Щёлкните по шкале градиента, чтобы установить следующие контрольные точки цвета:
  • Контрольная точка цвета 1 (Color stop 1): #010202 на Позиции Location): 11%
  • Контрольная точка цвета 2 (Color stop 2): #737373 на Позиции Location): 34%
  • Контрольная точка цвета 3 (Color stop 3): #010202 на Позиции Location): 58%
  • Контрольная точка цвета 4 (Color stop 4): #7d6d37 на Позиции Location): 75%
  • Контрольная точка цвета 5 (Color stop 5): #010202 на Позиции Location): 100%

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

Add a gradient overlay
Applied layer style

Шаг 6

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

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

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

Шаг 7

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

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

Шаг 8

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Поставьте галочку в окошке Дизеринг (Dither)
  • Непрозрачность (Opacity): 100%
  • Стиль (Style): Зеркальный (Reflected)
  • Угол (Angle): 90°
  • Масштаб (Scale): 150%
  • Щёлкните по шкале градиента, чтобы установить следующие контрольные точки цвета:
  • 4 Контрольные точки цвета (Color stop): #7a6b37 на Позиции (Location): 7%, 23%, 58% и 89%
  • Контрольная точка цвета (Color stop): #7d6d37 на Позиции (Location): 43%
  • 2 Контрольные точки цвета (Color stop): #7d6d37 на Позиции (Location): 70% и 100%
  • 5 Контрольных точек цвета (Color stop): #ffe785 на Позиции (Location): 4%, 25%, 39%, 85% и 97%
  • 6 Контрольных точек цвета (Color stop): #f7c753 на Позиции (Location): 0%, 13%, 19%, 48%, 63% и 81%
  • 5 Контрольных точек цвета (Color stop): #c59f44 на Позиции (Location): 16%, 34%, 55%, 75% и 93%
Add a gradient overlay

Шаг 9

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

Save the gradient as a preset

Шаг 10

Щёлкните правой кнопкой мыши по дубликату слоя Золотой (Gold copy layer) и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style), а затем удерживая клавишу (Shift), щёлкните левой кнопкой мыши по 19 дубликату слоя Золотой (Gold copy 19). Теперь щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style). Таким образом, мы применим те же самые стили слоя Дубликата слоя Золотой (Gold copy) ко всем выделенным слоям.

Copy and paste layer style
Applied layer styles

Шаг 11

Закройте группу Эффект 1 (Effect 1), а затем разверните группу Эффект 2 (Effect 2). Выделите 20 дубликат слоя Золотой (Gold copy 20), а затем дважды щёлкните по слою, чтобы применить следующие стили слоя:

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

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

Шаг 12

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

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

Шаг 13

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

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

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

Add a gradient overlay

Шаг 14

Щёлкните правой кнопкой мыши по 20 дубликату слоя Золотой (Gold copy 20) и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style), а затем удерживая клавишу (Shift), щёлкните левой кнопкой мыши по 29 дубликату слоя Золотой (Gold copy 29). Щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).

Copy and paste layer style
Applied layer styles

Шаг 15

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

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

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

Шаг 16

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

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

Шаг 17

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

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

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

Add a gradient overlay

Шаг 18

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

Copy and paste layer style
Applied layer styles

Шаг 19

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

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

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

Шаг 20

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

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

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

Add a gradient overlay

Шаг 21

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

Copy and paste layer style
Applied layer styles

Шаг 22

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

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

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

Шаг 23

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

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

Шаг 24

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

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

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

Add a gradient overlay

Шаг 25

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

Copy and paste layer style
Applied layer styles

Шаг 28

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

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

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

Шаг 27

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

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

Шаг 28

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

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

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

Add a gradient overlay

Шаг 29

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

Copy and paste layer style
Applied layer styles

Шаг 30

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

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

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

Шаг 31

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

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

Шаг 32

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

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

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

Add a gradient overlay

Шаг 33

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

Copy and paste layer style
Applied layer styles

Шаг 34

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

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

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

Шаг 35

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

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

Шаг 36

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

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

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

Add a gradient overlay

Шаг 37

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

Copy and paste layer style
Applied layer styles

6. Создаём Тени

Шаг 1

Выделите слой Тень (Shadow), а затем дважды нажмите клавиши (Ctrl+J), чтобы создать две дубликата слоя.

Duplicate shadow layer

Шаг 2

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

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

Move shadow layer

Шаг 3

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

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

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

Шаг 4

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

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

Шаг 5

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

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

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

Add a drop shadow

Шаг 6

Идём Фильтр- Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 4.3 px, а затем нажмите кнопку 'OK'.

Add the gaussian blur

Шаг 7

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

Add the motion blur
Added shadow

Шаг 8

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

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

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

Шаг 9

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

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

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

Add a drop shadow
Added shadow

Шаг 10

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

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

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

Шаг 11

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

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

Шаг 12

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

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

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

Add a drop shadow

Шаг 13

Идём Фильтр- Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 16.8 px, а затем нажмите кнопку 'OK'.

Add the gaussian blur

Шаг 14

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

Group shadow layers

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

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

Вначале мы создали смарт-объект, а затем мы создали экшен уменьшение. После этого, мы добавили множество слоёв, чтобы создать 3D эффект, а также добавили стили слоя. В заключение мы добавили тени.

Final result

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

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

Phoenix logo example
Шаблон логотипа Phoenix

Данный эффект, который мы только что создали, является частью текстовых эффектов "3D Gold Text Mockups" .

Mock up
Набор 3D Текстовых Эффектов
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.