Расскажи друзьям об этом:

Создаем футуристичный текстовый эффект в Фотошоп

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

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

Скачать архив с материалами к уроку

1. Создаем простой градиентный узор

Шаг 1

Создаем новый документ (Ctrl+N) размером 500 х 104 пикселя и дважды кликаем по фоновому слою, чтобы разблокировать его.

Шаг 2

После этого кликаем правой кнопкой по слою и выбираем Blending Options(Параметры наложения). В открывшемся окне выбираем стиль слоя Gradient Overlay(Наложение градиента) и настраиваем его:

  • Ставим галочку напротив Dither (Дизеринг).
  • Используем градиент faucet 150.

Шаг 3

Берем инструмент Single Column Marquee Tool ​ (Область (вертикальная строка)) и кликаем в любом месте документа, чтобы создать вертикальное выделение.

Затем переходим Edit – Define Pattern (Редактирование – Определить узор). В появившемся окне вводим название узора «Линии» и жмем ОК.

2. Создаем фон

Шаг 1

Создаем новый документ размером 850 х 588 пикселей с разрешением 300 dpi. Выше фонового слоя вставляем текстуру стены из дополнительных материалов и при необходимости корректируем ее размер (Ctrl+T).

Шаг 2

Переходим Image – Adjustments – Levels (Изображение – Коррекция – Уровни) и устанавливаем средний ползунок Gamma (Гамма) на 1,10.

Шаг 3

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

  • Цвет: #3b7aab
  • Blend Mode (Режим наложения): Overlay (Перекрытие)

Получаем синюю тонировку на текстуре.

3. Создаем и стилизуем текст

Шаг 1

Пишем любой текст, используя шрифт Kenney Future. Размер устанавливаем на 50 пт.

Дублируем (Ctrl+J) текстовый слой и на панели слоев уменьшаем Fill (Заливка) копии до 0%.

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

Шаг 2

Добавляем Bevel & Emboss (Фаска и тиснение) со следующими настройками:

  • Style (Стиль): Stroke Emboss (Обводящее тиснение)
  • Technique (Метод): Chisel Hard (Жесткая огранка)
  • Depth (Глубина): 550%
  • Size (Размер): 6
  • Отключаем Use Global Light (Глобальное освещение)
  • Angle (Угол): -169
  • Altitude (Высота): 37
  • Gloss Contour (Контур глянца): Ring (Кольцо)
  • Включаем Anti-aliased (Сглаживание)
  • Highlight Mode (Режим подсветки): Color Dodge (Осветление основы)
  • Opacity (Непрозрачность): 75%
  • Shadow Mode (Режим тени): Linear Burn (Линейный затемнитель)
  • Opacity (Непрозрачность): 40%

Шаг 3

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

  • Contour (Контур): Cone – Inverted (Перевернутый конус)
  • Включаем Anti-aliased (Сглаживание)
  • Range (Диапазон): 100%

Шаг 4

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

  • Size (Размер): 3
  • Position (Положение): Outside (Снаружи)
  • Fill Type (Тип обводки): Gradient (Градиент)
  • Angle (Угол): 90

Кликаем по градиентной полосе, чтобы настроить градиент.

Добавляем 11 цветовых ползунков, чередуя цвета #1b5ad3 и #6db7fd.

Шаг 5

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

  • Blend Mode (Режим наложения): Color Burn (Затемнение основы)
  • Цвет: #0886f1
  • Opacity (Непрозрачность): 60%
  • Отключаем Use Global Light (Глобальное освещение)
  • Angle (Угол): 90
  • Distance (Смещение): 0
  • Choke (Стягивание): 25
  • Size (Размер): 9

Шаг 6

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

  • Blend Mode (Режим наложения): Vivid Light (Яркий свет)
  • Opacity (Непрозрачность): 70%
  • Цвет: #7ffffd
  • Choke (Стягивание): 30
  • Size (Размер): 16
  • Включаем Anti-aliased (Сглаживание)
  • Range (Диапазон): 100

Шаг 7

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

  • Включаем Dither (Дизеринг)
  • Blend Mode (Режим наложения): Linear Burn (Линейный затемнитель)
  • Opacity (Непрозрачность): 75%
  • Scale (Масштаб): 109%

Настраиваем градиент, используя цвета #145190 (слева) и #9517ff (справа).

Шаг 8

Добавляем стиль слоя Pattern Overlay (Наложение узора):

  • Pattern (Узор): Линии
  • Scale (Масштаб): 7%

Шаг 9

Добавляем стиль слоя Outer Glow (Внешнее свечение):

  • Blend Mode (Режим наложения): Overlay (Перекрытие)
  • Opacity (Непрозрачность): 75%
  • Цвет: #dd69ff
  • Spread (Размах): 10
  • Size (Размер): 30
  • Включаем Anti-aliased (Сглаживание)

Шаг 10

Добавляем стиль слоя Drop Shadow (Тень):

  • Opacity (Непрозрачность): 100%
  • Отключаем Use Global Light (Глобальное освещение)
  • Angle (Угол): 90
  • Distance (Смещение): 10
  • Spread (Размах): 30
  • Size (Размер): 15

Шаг 11

Добавляем копию стиля слоя Drop Shadow (Тень) (для этого нажимаем на кнопку +):

  • Opacity (Непрозрачность): 70%
  • Отключаем Use Global Light (Глобальное освещение)
  • Angle (Угол): 90
  • Distance (Смещение): 20
  • Size (Размер): 35

Получаем вот такой эффект:

4. Добавляем больше эффектов

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

Шаг 1

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

  • Size (Размер): 49
  • Отключаем Use Global Light (Глобальное освещение)
  • Angle (Угол): 58
  • Altitude (Высота): 21
  • Gloss Contour (Контур глянца): Cone – Inverted (Перевернутый конус)
  • Включаем Anti-aliased (Сглаживание)
  • Highlight Mode (Режим подсветки): Vivid Light (Яркий свет)
  • Opacity (Непрозрачность): 77%
  • Shadow Mode (Режим тени) – Opacity (Непрозрачность): 0%

Шаг 2

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

  • Contour (Контур): Rolling Slope – Descending (Волнистый уклон)
  • Включаем Anti-aliased (Сглаживание)
  • Range (Диапазон): 100%

Шаг 3

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

  • Blend Mode (Режим наложения): Soft Light (Мягкий свет)
  • Цвет: #ab2eec
  • Opacity (Непрозрачность): 100%
  • Отключаем Use Global Light (Глобальное освещение)
  • Angle (Угол): 90
  • Distance (Смещение): 0
  • Size (Размер): 21

Шаг 4

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

  • Blend Mode (Режим наложения): Vivid Light (Яркий свет)
  • Opacity (Непрозрачность): 25%
  • Gradient (Градиент): используем цвета #3b5e7e (слева), #588b8a (в центре) и #c5c396 (справа)
  • Source (Источник): Center (Из центра)
  • Size (Размер): 51
  • Включаем Anti-aliased (Сглаживание)
  • Range (Диапазон): 100%

Шаг 5

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

  • Включаем Dither (Дизеринг)
  • Blend Mode (Режим наложения): Linear Light (Линейный свет)
  • Opacity (Непрозрачность): 50%
  • Scale (Масштаб): 109%

Настраиваем градиент, используя цвета #98addc (слева) и #9e727f (справа).

Шаг 6

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

  • Blend Mode (Режим наложения): Multiply (Умножение)
  • Pattern (Узор): Текстура бумаги

Шаг 7

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

  • Blend Mode (Режим наложения): Color Dodge (Осветление основы)
  • Opacity (Непрозрачность): 75%
  • Цвет: #88621f
  • Spread (Размах): 10
  • Size (Размер): 20

Получаем вот такой результат.

5. Финальные штрихи

Шаг 1

Если вы хотите добавить больше строк текста, просто скопируйте текстовые слои со стилями и измените надписи с помощью инструмента Type Tool (T) (Текст).

Шаг 2

В нижней части панели слоев нажимаем на кнопку Create new fill or adjustment layer(Создать новую заливку или корректирующий слой) и выбираем Color Lookup (Поиск цвета).

В настройках 3DLUT File (Файл 3DLUT) выбираем Fuji REALA 500D Kodak 2392 (by Adobe).cube. Затем уменьшаем непрозрачность корректирующего слоя до 35%.

Поздравляю, мы закончили!

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

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

Автор: Rose


Расскажи друзьям об этом:



Шаблоны для Photoshop - виньетки, фотооткрытки, костюмы.
Подписаться письмом