1. Design & Illustration
  2. Theory
  3. Design Trends

Создаём Текстовый Эффект в Стиле 80х в Adobe Photoshop

Scroll to top
Read Time: 12 min
This post is part of a series called German Week.
40 Best Blackletter and Gothic Fonts for Designers
How to Create an Oktoberfest Illustration in Adobe Illustrator
This post is part of a series called Retro Text Effect Tutorials.
How to Create a Realistic Neon Light Text Effect in Adobe Photoshop
This post is part of a series called Text Effects.
How to Create a Copper Foil Texture Text Effect in Adobe Photoshop
How to Create a Cactus Text Effect in Adobe Illustrator

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

На этой неделе мы чествуем немецкий язык и культуру в связи с запуском немецкой версии Envato Elements!

В этом уроке вы узнаете, как создать текстовый эффект с помощью заливки градиента и стилей слоя в Adobe Photoshop. Эта неделя посвящена немецкой культуре, поэтому мы используем немецкую фразу «Aller Anfang ist schwer», что означает «Все начинания трудны».

Я создал ещё один проект Modern 80s Text Effects, используя ту же самую технику, данный проект вы можете увидеть в моём портфолио на GraphicRiver.

httpsgraphicrivernetitemmodern-80s-text-effects22111013httpsgraphicrivernetitemmodern-80s-text-effects22111013httpsgraphicrivernetitemmodern-80s-text-effects22111013

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

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

1. Подготавливаем Документ

Шаг 1

Идём Файл- Новый (File > New), чтобы создать новый документ, с которым мы будем работать. Установите следующие значения: Ширина (Width): 3000 px; Высота (Height): 2000 px; 300 dpi.

Creating a new documentCreating a new documentCreating a new document

Шаг 2

Нажмите клавишу ‘T’, чтобы активировать инструмент Горизонтальный текст (Horizontal Type Tool), а затем создайте текст, используя шрифт Mexcellent, размер шрифта 146 pt.

Creating First Text LayerCreating First Text LayerCreating First Text Layer

Шаг 3

Находясь на слое с текстом, щёлкните по нему правой кнопкой мыши и в появившемся меню, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Creating smart objectCreating smart objectCreating smart object

Шаг 4

Создайте ещё один текстовый слой, используя второй исходный шрифт, размер шрифта 33 pt, а затем сместите созданный текст на 120 px вверх от первой строки текста, при этом, удерживая клавишу ‘Shift’.

Creating and moving second layerCreating and moving second layerCreating and moving second layer

Шаг 5

Далее, перейдите на фоновый (background) слой, а затем залейте его следующим цветовым оттенком #231434, используя комбинацию клавиш (Shift+F5).

Filling the background layer with colorFilling the background layer with colorFilling the background layer with color

2. Создаём Элементы Заднего Фона

Шаг 1

Нажмите клавишу ‘U’, чтобы активировать инструмент Прямоугольник (Rectangle Tool). Далее, создайте фигуру со следующими настройками:

  • Ширина (Width): 255 px
  • Высота (Height): 255 px
  • Заливка (Fill): Без заливки
  • Обводка (Stroke): 5 px
  • Цвет: #ffffff

После этого, сдвиньте нарисованную фигуру в верхний левый угол холста, удерживая клавишу ‘Shift’.

Creating first shape of the gridCreating first shape of the gridCreating first shape of the grid

Шаг 2

Щёлкните по слою с фигурой правой кнопкой мыши и в появившемся меню, выберите опцию Создать дубликат слоя (Duplicate).

Creating a duplicate of the shapeCreating a duplicate of the shapeCreating a duplicate of the shape

Шаг 3

Перейдите на дубликат слоя, а затем сдвиньте дубликат фигуры на 250 px вправо, при этом, удерживая клавишу ‘Shift’.

Moving the second shapeMoving the second shapeMoving the second shape

Шаг 4

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

Creating duplicates of the shapes to fill the canvasCreating duplicates of the shapes to fill the canvasCreating duplicates of the shapes to fill the canvas

Шаг 5

Теперь нам необходимо выделить все слои с фигурами, которые мы создали, далее, щёлкните по выделенным слоям правой кнопкой мыши и в появившемся меню, выберите опцию Создать дубликат слоя (Duplicate).

Creating duplicatesCreating duplicatesCreating duplicates

Шаг 6

Выделите дубликаты слоёв, которые вы только что создали, чтобы сместить их на 250 px вниз, при этом удерживая клавишу ‘Shift’.

Creating duplicates of the shapesCreating duplicates of the shapesCreating duplicates of the shapes

Шаг 7

Создайте ещё дубликаты слоёв, чтобы заполнить полностью весь холст.

Creating grid shapeCreating grid shapeCreating grid shape

Шаг 8

После этого, нам необходимо выделить все слои с фигурами, используя клавишу ‘Shift’ при выделении слоёв, а затем щёлкните по выделенным слоям правой кнопкой мыши и в появившемся меню, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Creating the smart objectCreating the smart objectCreating the smart object

Шаг 9

Находясь на слое со смарт-объектом, нажмите клавиши (Ctrl+T) для масштабирования сетки, чтобы заполнить полностью холст более аккуратно.

Resizing the gridResizing the gridResizing the grid

Шаг 10

Находясь на слое со смарт-объектом, идём Редактирование – Трансформация – Перспектива (Edit > Transform > Perspective).

Creating PerspectiveCreating PerspectiveCreating Perspective

Шаг 11

Выделите верхнюю левую опорную точку трансформации, а затем сдвиньте её на 25°, при этом удерживая клавишу ‘Shift’.

Moving the perspectiveMoving the perspectiveMoving the perspective

Шаг 12

Нажмите клавиши (Ctrl+T), а затем сдвиньте верхние точки трансформации до краёв холста.

Transforming the gridTransforming the gridTransforming the grid

Шаг 13

Теперь нам необходимо сдвинуть смарт-объект вниз на 895 px, при этом удерживая клавишу ‘Shift’.

Moving the smart objectMoving the smart objectMoving the smart object

Шаг 14

Далее, нам необходимо создать дубликат сетки, перейдите на слой со смарт-объектом сетки, щёлкните по нему правой кнопкой мыши и в появившемся меню, выберите опцию Создать дубликат слоя (Duplicate).

Create a duplicate of the layerCreate a duplicate of the layerCreate a duplicate of the layer

Шаг 15

Нажмите клавишу ‘U’, чтобы активировать инструмент Прямоугольник (Rectangle Tool). Далее, создайте фигуру в центре документа со следующими настройками: Ширина (Width): 2100 px; Высота (Height): 1050 px; Цвет: #ffffff.

Creating the shapeCreating the shapeCreating the shape

Шаг 16

Нажмите клавишу ‘U’, чтобы активировать инструмент Прямоугольник (Rectangle Tool). Далее, создайте фигуру в центре документа со следующими настройками: Ширина (Width): 3000 px; Высота (Height): 900 px; Цвет: #151515.

Creating the second shapeCreating the second shapeCreating the second shape

Шаг 17

Теперь нам нужно создать последнюю фигуру между текстовыми слоями со следующими настройками: Ширина (Width): 1200 px; Высота (Height): 1 px; Цвет: #000000.

Creating the linesCreating the linesCreating the lines

Шаг 18

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

Converting the shapes into smart objectsConverting the shapes into smart objectsConverting the shapes into smart objects

3. Создаём Эффекты для Фоновых Слоёв

Шаг 1

Перейдите на слой с первой фигурой, чтобы поменять режим наложения на Перекрытие (Overlay).

Шаг 2

Теперь нам нужно добавить стиль слоя Внешнее свечение (Outer Glow) к данному слою с фигурой. Дважды щёлкните по слою, чтобы применить следующие настройки для данного стиля слоя: 

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Непрозрачность (Opacity): 25%
  • Цвет: #ffc47d
  • Размах (Spread): 2%
  • Размер Size): 40 px
  • Диапазон (Range): 45%
Adding outer glow effect to the layerAdding outer glow effect to the layerAdding outer glow effect to the layer

Шаг 3

Идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise). Установите следующие настройки:

  • Эффект (Amount): 400%
  • Распределение (Distribution): Равномерное (Uniform)
  • Поставьте галочку в окошке Монохромный (Monochromatic)
Adding noise effectAdding noise effectAdding noise effect

Шаг 4

Находясь на слое со смарт-объектом с сеткой, нажмите значок Добавить слой-маску (Create Mask) в нижней части панели слоёв.

Creating maskCreating maskCreating mask

Шаг 5

Далее, перейдите на маску слоя, а затем нажмите клавиши (Ctrl+I) для инверсии цвета маски.

Inverting the maskInverting the maskInverting the mask

Шаг 6

Нажмите клавишу ‘B’, чтобы активировать инструмент Кисть (Brush Tool). Установите следующие настройки кисти: 245 px; Жёсткость (Hardness): 20%.

Adjusting the brushAdjusting the brushAdjusting the brush

Шаг 7

После этого, удерживая клавишу ‘Alt’, щёлкните левой кнопкой мыши по миниатюре маски, а затем прокрасьте кистью на маске, как показано на скриншоте ниже.

Creating MaskCreating MaskCreating Mask

Шаг 8

Теперь нам необходимо добавить эффект размытия к маске. Ещё раз перейдите на маску слоя, а затем идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 80 px.

Adding blurAdding blurAdding blur

Шаг 9

Далее, нам необходимо добавить те же самые эффекты ко второй фигуре с сеткой. Поменяйте режим наложения для данного слоя на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) слоя до 75%.

Creating the second grid effectsCreating the second grid effectsCreating the second grid effects

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

How the grid should looks likeHow the grid should looks likeHow the grid should looks like

Шаг 10

Перейдите на следующий слой со смарт-объектом, а затем поменяйте режим наложения для данного слоя на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) слоя до 25%.

Changing the blendin mode and overlayChanging the blendin mode and overlayChanging the blendin mode and overlay

Шаг 11

Идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на: 250 px.

Adding gaussian blur to the smart objectAdding gaussian blur to the smart objectAdding gaussian blur to the smart object

Шаг 12

Перейдите на следующий слой со смарт-объектом, а затем уменьшите Непрозрачность (Opacity) слоя до 75%.

Changing the opacity of the smart objectChanging the opacity of the smart objectChanging the opacity of the smart object

Шаг 13

Идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на: 165 px.

Adding the blurAdding the blurAdding the blur

Шаг 14

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

  • Режим наложения (Blend Mode): Замена светлым (Lighten)
  • Непрозрачность (Opacity): 15%
  • Угол (Angle): 125°
  • Стиль (Style): Линейный (Linear)
  • Масштаб (Scale): 59%
Creating the gradient overlayCreating the gradient overlayCreating the gradient overlay

Шаг 15

После этого, нам необходимо установить новый градиент в окне настроек стиля слоя Наложение градиента (Gradient Overlay). Дважды щёлкните по шкале градиента, чтобы установить следующие цвета градиента: #db9176 и #1c1527.

Creating the gradientCreating the gradientCreating the gradient

Шаг 16

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

Opening the smart objectOpening the smart objectOpening the smart object

Шаг 17

В появившемся открытом окне, нажмите клавиши (Ctrl+Alt+C), чтобы поменять размеры холста на 1220 x 20 px.

Changing the canvas sizeChanging the canvas sizeChanging the canvas size

Шаг 18

Дважды щёлкните по фигуре смарт-объекта, чтобы применить стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки:

  • Режим наложения (Blend Mode): Осветление (Screen)
  • Непрозрачность (Opacity): 100%
  • Стягивание (Choke): 0%
  • Размер (Size): 0%
  • Диапазон (Range): 50%
  • Цвет: #ffffff
Adding the Inner GlowAdding the Inner GlowAdding the Inner Glow

Шаг 19

После этого, применить стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки:

  • Режим наложения (Blend Mode): Замена светлым (Lighten)
  • Непрозрачность (Opacity): 100%
  • Размах (Spread): 11%
  • Размер (Size): 9 px
  • Диапазон (Range): 45%
  • Цвет: #ffc47d
Adding the outerAdding the outerAdding the outer

Шаг 20

Уменьшите значение Заливки (Fill) для данного слоя до 0%, а затем закройте и сохраните смарт-объект.

Changing the fill of the layerChanging the fill of the layerChanging the fill of the layer

Шаг 21

Идём Фильтр – Размытие – Размытие в движении (Filter > Blur > Motion Blur). Установите следующие настройки: Угол (Angle): 0°; Смещение (Distance): 440 px.

Adding the blur effectAdding the blur effectAdding the blur effect

Шаг 22

Поменяйте Режим наложения (Blend Mode) на Жёсткий свет (Hard Light).

Changing the blending modeChanging the blending modeChanging the blending mode

Шаг 23

Удерживая клавишу ‘Shift’, выделите все слои с фигурами заднего фона, а затем нажмите значок Создать новую группу (Create a New Group).

Creating the group of layersCreating the group of layersCreating the group of layers

4. Создаём Текстовые Эффекты в Стиле 80х

Шаг 1

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

Creating duplicates of the layerCreating duplicates of the layerCreating duplicates of the layer

Шаг 2

Отключите видимость верхних слоёв (дубликаты слоёв, которые мы только что создали), а затем создайте ещё одну группу для первого слоя со смарт-объектом.

Crteating the group of the layersCrteating the group of the layersCrteating the group of the layers

Шаг 3

Дважды щёлкните по слою со смарт-объектом, чтобы добавить стиль слоя Наложение градиента (Gradient Overlay). Установите следующие значения:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): 90%
  • Поставьте галочку в окошке Инверсия (Reverse)
  • Масштаб (Scale): 100%
Creating gradient overlay layer styleCreating gradient overlay layer styleCreating gradient overlay layer style

Шаг 4

После этого, нам необходимо установить новый градиент в окне настроек стиля слоя Наложение градиента (Gradient Overlay). Дважды щёлкните по шкале градиента, чтобы установить следующие настройки градиента:

  • Цвет: #5a91ae, Позиция: 0%
  • Цвет: #aee2f1, Позиция: 22%
  • Цвет: #d3f3f9, Позиция: 51%
  • Цвет: #3d3a3a, Позиция: 51%
  • Цвет: #513c4f, Позиция: 60%
  • Цвет: #8c5f92, Позиция: 75%
  • Цвет: #cc9ada, Позиция: 90%
  • Цвет: #d8b7e2, Позиция: 100%

Как только вы создали градиент, нажмите кнопку ‘OK’.

Creating the gradientCreating the gradientCreating the gradient

Шаг 5

Нажмите кнопку Использовать по умолчанию (Make Default).

Making gradient overlay as default styleMaking gradient overlay as default styleMaking gradient overlay as default style

Шаг 6

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

Creating andCreating a copy of the layer and moving it belowCreating andCreating a copy of the layer and moving it belowCreating andCreating a copy of the layer and moving it below

Шаг 7

Сдвиньте данный дубликат слоя на 1 px влево и на 1 px вверх, при этом, удерживая клавишу ‘Shift’.

Moving the layersMoving the layersMoving the layers

Шаг 8

Чтобы создать фейковый эффект 3D, нам необходимо создать ещё 23 дубликатов смарт-объекта и последовательно расположить их 1 px вверх и 1 px вправо один от другого, как мы уже проделывали со смарт-объектом в предыдущем шаге.

Creating fake 3d effectCreating fake 3d effectCreating fake 3d effect

Шаг 9

После этого, мы переходим к следующему смарт-объекту, который расположен выше слоя с группой с фейковым 3D эффектом. Дважды щёлкните по данному слою, чтобы применить стиль слоя Тиснение (Bevel & Emboss). Установите следующие значения:

  • Стиль (Style): Внешний скос (Outer Bevel)
  • Метод (Technique): Плавное (Smooth)
  • Глубина (Depth): 1000%
  • Размер (Size): 2 px
  • Смягчение (Soften): 0 px
  • Затенение угол (Shading): 90°
  • Высота (Altitude): 30°
  • Режим подсветки (Highlight Mode): Осветление (Screen)
  • Цвет: #ffffff
  • Непрозрачность (Opacity): 100%
  • Режим тени (Shadow Mode): Умножение (Multiply)
  • Цвет: #000000
  • Непрозрачность (Opacity): 100%
Adding bevelembossAdding bevelembossAdding bevelemboss

Шаг 10

Далее, добавьте стиль слоя Обводка (Stroke). Установите следующие значения:

  • Размер (Size): 4px
  • Положение (Position): Внутри (Inside)
  • Непрозрачность (Opacity): 75%
  • Цвет: #ffffff
Creating stroke effectCreating stroke effectCreating stroke effect

Шаг 11

Далее, добавьте стиль слоя Наложение градиента (Gradient Overlay), а затем нажмите кнопку Восстановить значения по умолчанию (Reset to Default).

Creating gradient overlayCreating gradient overlayCreating gradient overlay

Шаг 12

Теперь перейдите на слой с последним смарт-объектом, а затем идём в панель Стилей слоя (Layer Style). Добавьте стиль слоя Наложение цвета (Color Overlay). Установите следующие значения: Режим наложения (Blend Mode): Нормальный (Normal); Непрозрачность (Opacity): 100%.

Adding the color overlayAdding the color overlayAdding the color overlay

Шаг 13

Идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 15 px.

Adding gaussian blurAdding gaussian blurAdding gaussian blur

Шаг 14

Уменьшите Непрозрачность (Opacity) слоя до 35%.

Changing the opacity of the layerChanging the opacity of the layerChanging the opacity of the layer

Шаг 15

Перейдите на слой со вторым текстом, а идём в панель Стилей слоя (Layer Style). Добавьте стиль слоя Внутренняя тень (Inner Shadow). Установите следующие значения:

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Цвет: #ffffff
  • Смещение (Distance): 5 px
  • Стягивание (Choke): 0%
  • Размер (Size): 1 px
Adding the inner shadowAdding the inner shadowAdding the inner shadow

Шаг 16

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

  • Режим наложения (Blend Mode): Перекрытие (Overlay)
  • Непрозрачность (Opacity): 100%
  • Цвет: #ffffff
  • Метод (Technique): Мягкий (Softer)
  • Источник (Source): На краях (Edge)
  • Стягивание (Choke): 0%
  • Размер (Size): 2 px
Adding the inner glowAdding the inner glowAdding the inner glow

Шаг 17

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Поставьте галочку в окошке Инверсия (Reverse)
  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): 90°
  • Масштаб (Scale): 139%
Adding the gradient overlayAdding the gradient overlayAdding the gradient overlay

Шаг 18

После этого, щёлкните по шакале градиента, чтобы установить новый градиент. Установите следующие настройки для градиента: 

  • Цвет: #2b3039 Позиция: 0%
  • Цвет: #4f7ba0 Позиция: 28%
  • Цвет: #eafdfe, Позиция: 51%
  • Цвет: #282021, Позиция: 51%
  • Цвет: #2c323c, Позиция: 60%
  • Цвет: #8c5f92, Позиция: 75%
  • Цвет: #416286, Позиция: 90%
  • Цвет: #6cadd8, Позиция: 93%
  • Цвет: #fffffd, Позиция: 100%

Как только вы создали градиент, нажмите кнопку ‘OK’.

Creating the gradientCreating the gradientCreating the gradient

Шаг 19

В заключение, добавьте стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки:

  • Режим наложения (Blend Mode): Замена светлым (Lighten)
  • Непрозрачность (Opacity): 75%
  • Цвет: #ffc47d
  • Размах (Spread): 0%
  • Размер (Size): 4 px
Creating the outer glowCreating the outer glowCreating the outer glow

Шаг 20

Удерживая клавишу ‘Shift’, выделите все смарт-объекты с текстом включая группу с фейковым 3D эффектом), а затем нажмите кнопку Создать новую группу (Create a New Group) в нижней части панели слоёв.

Creating the new group of layersCreating the new group of layersCreating the new group of layers

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

Result of manipulationsResult of manipulationsResult of manipulations

5. Создаём Световые Эффекты

Шаг 1

Чтобы создать более органичный вид, нам необходимо добить световые эффекты. Идём Слой- Новый слой-заливка – Градиент (Layer > New Fill Layer > Gradient).

Creating gradient fill layerCreating gradient fill layerCreating gradient fill layer

Шаг 2

Дважды щёлкните по слою с заливкой Градиента (Gradient Fill). Установите следующие настройки:

  • Стиль (Style): Линейный (Linear)
  • Угол (Angle): -55,3°
  • Цвет: #ffdbb6
  • Позиция: 0
  • Непрозрачность (Opacity): 100%
  • Цвет: #ffdbb6
  • Позиция: 100
  • Непрозрачность (Opacity): 0%
Creating gradient fillCreating gradient fillCreating gradient fill

Шаг 3

Далее, продублируйте слой с заливкой Градиента (Gradient Fill), для этого, щёлкните по слою с заливкой градиента правой кнопкой мыши и в появившемся меню, выберите опцию Создать дубликат слоя (Duplicate).

Duplicating the layerDuplicating the layerDuplicating the layer

Шаг 4

Расположите каждый слой с заливкой градиента поверх каждого слоя с текстом и после этого, щёлкая по очереди по каждому слою с заливкой градиента правой кнопкой мыши и в появившемся меню, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Creating Clipping maskCreating Clipping maskCreating Clipping mask

Шаг 5

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

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Шаг 6

Поменяйте режим наложения для второго слоя с заливкой градиента на Перекрытие (Overlay).

Changing the blending modeChanging the blending modeChanging the blending mode

Шаг 7

Как вы можете увидеть, второй слой с заливкой градиента не воздействует на второй текстовый слой. Чтобы решить эту проблему, вам необходимо преобразовать данный текстовый слой в смарт-объект, для этого, щёлкните по данному текстовому слою правой кнопкой мыши и в появившемся меню, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Converting text layer to smart objectConverting text layer to smart objectConverting text layer to smart object

Шаг 8

Создайте ещё один дубликат последнего слоя с заливкой градиента, далее, щёлкните по созданному дубликату слоя правой кнопкой мыши и в появившемся меню, выберите опцию Отменить обтравочную маску (Release Clipping Mask).

Creating duplicate and releasing the clipping maskCreating duplicate and releasing the clipping maskCreating duplicate and releasing the clipping mask

Шаг 9

Идём Слой- Новый слой-заливка – Градиент (Layer > New Fill Layer > Gradient).

Creating gradient fillCreating gradient fillCreating gradient fill

Шаг 10

Дважды щёлкните по слою с заливкой Градиента (Gradient Fill). Установите следующие настройки:

  • Стиль (Style): Радиальный (Radial)
  • Угол (Angle): -90°
  • Масштаб (Scale): 250%
  • Поставьте галочку в окошке Инверсия (Reverse)
  • Цвет: #000000
  • Позиция: 0
  • Непрозрачность (Opacity): 100%
  • Цвет: #000000
  • Позиция: 100 
  • Непрозрачность (Opacity): 0%
Creating gradient fillCreating gradient fillCreating gradient fill

Шаг 11

Удерживая клавишу ‘Shift’, выделите два последних слоя с заливкой градиента, а затем нажмите кнопку Создать новую группу (Create a New Group) в нижней части панели слоёв.

Creating a group of layersCreating a group of layersCreating a group of layers

Шаг 12

Уменьшите значение Непрозрачности (Opacity) слоя с группой до 75%.

Changing the opacity of the group of layersChanging the opacity of the group of layersChanging the opacity of the group of layers

Отличная Работа, Мы Завершили Урок!

Таким образом, мы можем создать текст в стиле 80х в Adobe Photoshop с помощью смарт-объектов, заливки градиента и стилей слоя.

Final resultFinal resultFinal result

Надеюсь, что вам понравился этот урок, не стесняйтесь обращаться ко мне за помощью. Вы можете также увидеть мой проект Modern 80s Text Effects в моём портфолио на GraphicRiver.

httpsgraphicrivernetitemmodern-80s-text-effects22111013httpsgraphicrivernetitemmodern-80s-text-effects22111013httpsgraphicrivernetitemmodern-80s-text-effects22111013
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads