Создаём Голографический Текст в Adobe Photoshop

В этом уроке я покажу вам, как использовать стили слоя Photoshop и фильтры, чтобы создать простой голографический текст. Давайте приступим!

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.

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

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

• Шрифт Premier Script

1. Создаём Текстурную Основу

Шаг 1

Создайте новый документ 900 x 600 px с белым задним фоном. Далее, щёлкните правой кнопкой мыши по слою Задним фоном (Background) и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to a Smart Object), переименуйте этот слой в Текстуру (Texture).

Шаг 2

Установите цвет переднего плана и заднего плана на чёрный и белый цвет, а затем идём Фильтр - Рендеринг - Облака (Filter > Render > Clouds).

2. Создаём Голографическую Текстуру

Шаг 1

Идём Фильтр - Галерея фильтров - Текстура - Зерно (Filter > Filter Gallery > Texture > Grain). Установите следующие настройки, которые указаны ниже:

• Интенсивность (Intensity): 100
• Контрастность (Contrast): 0
• Тип зерна (Grain Type): Комки (Clumped)

Чтобы добавить другие фильтры, перечисленные ниже, нажмите на значок Новый слой эффектов (New effect layer) в нижнем правом углу панели Галерея фильтров (Filter Gallery), а затем выберите фильтр.

Шаг 2

Идём Стилизация- Свечение краёв (Stylize > Glowing Edges). Установите следующие настройки, которые указаны ниже:

• Ширина краёв (Edge Width): 2
• Яркость краёв (Edge Brightness): 6
• Смягчение (Smoothness): 7

Шаг 3

Идём Имитация - Акварель (Artistic > Watercolor). Установите следующие настройки, которые указаны ниже:

• Детализация (Brush Detail): 3
• Глубина теней (Shadow Intensity): 0
• Текстура (Texture): 1

Шаг 4

Идём Имитация - Зернистость плёнки (Artistic > Film Grain). Установите следующие настройки, которые указаны ниже:

• Зерно (Grain): 3
• Область светов (Highlight Area): 0
• Интенсивность (Intensity): 10

Шаг 5

Идём Штрихи - Тёмные штрихи (Brush Strokes > Dark Strokes). Установите следующие настройки, которые указаны ниже:

• Баланс (Balance): 0
• Содержание чёрного (Black Intensity): 0
• Содержание белого (White Intensity): 2

Нажмите кнопку 'OK', чтобы закрыть окно Галереи фильтров (Filter Gallery).

Шаг 6

Идём Фильтр- Искажение - Волна (Filter > Distort > Wave). Установите настройки, которые указаны ниже. Вы также можете использовать другие настройки, если хотите.

Шаг 7

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

В данном случае, идём Изображение- Размер изображения (Image > Image Size), установите Ширину (Width) на 1200 px, а Высоту (Height) на 750 px.

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

3. Создаём Нежный Эффект Виньетки

Шаг 1

Создайте новый документ 900 x 600 px. В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Цвет (Solid Color).

Установите следующий цвет заливки #201c20.

Шаг 2

Добавьте слой-заливку Градиент (Gradient). Установите следующие цвета градиента: #909090 слева и #000000 справа. 

Установите Стиль (Style) градиента на Радиальный (Radial), Масштаб (Scale) на 250. Далее, поменяйте режим наложения для слоя с заливкой градиента на Мягкий свет (Soft Light).

4. Создаём Текст и Используем Глифы

Шаг 1

Создайте текст, используя шрифт Premier Script, установите размер шрифта на 200 pt.

Шаг 2

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

Шаг 3

Другой способ получить доступ к этим глифам, для этого идём Текст- Панели- Панель Глифов (Type > Panels > Glyphs Panel).

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

Шаг 4

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

Шаг 5

Продублируйте слой с текстом.

5. Стилизуем Стеклянную Обводку

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

Шаг 1

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

• Стиль (Style): Внешний скос (Outer Bevel) 
• Размер (Size): 6
• Контур глянца (Gloss Contour): Ring - Double
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Режим тени (Shadow Mode): Линейный затемнитель (Linear Burn)
  • Цвет: #222222
  • Непрозрачность (Opacity): 15%

Шаг 2

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

• Контур (Contour): Log
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

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

• Режим наложения (Blend Mode): Затемнение основы (Color Burn)
• Непрозрачность (Opacity): 35%
• Смещение (Distance): 1
• Размер (Size): 1

Шаг 4

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

• Режим наложения (Blend Mode): Нормальный (Normal)
• Непрозрачность (Opacity): 50%
• Цвет: #dbd6dd
• Размах (Spread): 10
• Размер (Size): 7

Итак, мы создали обводку похожую на стекло.

6. Стилизуем Глянцевый Текст

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

Шаг 1

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

• Размер (Size): 10
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 84
• Высота (Altitude): 42
• Контур глянца (Gloss Contour): Ring - Double
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Режим тени (Shadow Mode)
  • Непрозрачность (Opacity): 10%

Шаг 2

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

• Контур (Contour): Rolling Slope - Descending
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

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

• Режим наложения (Blend Mode): Яркий свет (Vivid Light)
• Непрозрачность (Opacity): 35%
• Цвет: #697b99
• Источник (Source): Из центра (Center)
• Размер (Size): 5
• Контур (Contour): Cone - Inverted

Итак, мы стилизовали основной текст. 

7. Применяем Текстуру к Тексту

Шаг 1

Идём в документ с голографической текстурой, нажмите клавиши (Ctrl+A), чтобы выделить всё изображение, а затем нажмите клавиши (Ctrl+C), чтобы скопировать выделение.

Шаг 2

Возвращаемся на наш документ с текстом, далее нажмите клавиши (Ctrl+V), чтобы вклеить скопированную текстуру. Переименуйте слой с текстурой в Текстуру (Texture), а затем поменяйте режим наложения на Осветление (Screen).

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

Шаг 3

Перейдите на дубликат слоя с текстом, поменяйте цвет текста на любой цветовой оттенок, который вам нравится. В этом уроке использовался цвет #72757a.

8. Усиливаем Текстуру с помощью Корректирующих Слоёв

Шаг 1

Добавьте корректирующий слой Вибрация (Vibrance) в качестве обтравочной маски к слою Текстура (Texture). Поменяйте значение Вибрации (Vibrance) на 50.

Шаг 2

Добавьте корректирующий слой Кривые (Curves) в качестве обтравочной маски. Поменяйте режим наложения для данного корректирующего слоя на Яркость (Luminosity), так что, это не повлияет на цвета, а также уменьшите значение Непрозрачности (Opacity) слоя до 80%.

Настройте RGB, включая Каналы (Channel) кривых, чтобы получить тот результат, который вам нравится.

Шаг 3

Ниже представлены откорректированные Каналы (Channel) кривых. Вы можете полностью пропустить настройку каналов, если не видите необходимости вносить какие-либо изменения, а также вы можете использовать другое значение Непрозрачности (Opacity) слоя.

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

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

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

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