Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

180 215 чел. 377 471 работа 3 992 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Создаём текст из расплавленного металла в Фотошоп

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

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

Итоговый результат:

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

Примечание: В архиве присутствует набор градиентов. Загружайте в фотошоп файл CSP True Sky Gradients.grd.

1. Создаём задний фон и применяем Градиент

Шаг 1

Создайте новый документ 980 x 980 px. Продублируйте слой с задним фоном (Background).

Шаг 2

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

  • Стиль (Style): Радиальный (Radial)
  • Поставьте галочку в окошке Дизеринг (Dither)
  • Щёлкните по цветной шкале градиента, чтобы выставить цвета. Установите цветовой оттенок #3b1a0b слева, а цветовой оттенок #170b03 справа.

Таким образом, мы применили градиент к заднему фону.

2. Создаём текстовые слои

Шаг 1

Напечатайте текст заглавными буквами, используя шрифт Chivo Black. Цвет шрифта #cb2141, размер шрифта 200 pt, значение Трекинга (Tracking) 25.

Шаг 2

Продублируйте слой с текстом, уменьшите значение Заливки (Fill) для дубликата слоя до 0.

3. Применяем Стилизацию к оригинальному слою с текстом

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

Шаг 1

Примените стиль слоя Тиснение (Bevel and Emboss) со следующими настройками:

  • Метод (Technique): Плавный (Smooth)
  • Размер (Size): 13
  • Уберите галочку в окошке Глобальное освещение (Global Light)
  • Контур глянца (Gloss Contour): Cove-Deep
  • Угол (Angle): 162
  • Высота (Altitude): 42
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light) – Непрозрачность (Opacity) 75%, цвет #c0bcac
  • Режим тени (Shadow Mode) – Умножение (Multiply) - Непрозрачность (Opacity) 75%. Цвет #474747

Шаг 2

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

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

Шаг 3

Далее, применить следующий стиль слоя Текстура (Texture) со следующими настройками:

  • Узор (Pattern): выберите Тёмный узор.

Шаг 4

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

  • Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
  • Цвет (Color): #745a32
  • Непрозрачность (Opacity): 75%
  • Смещение (Distance): 0
  • Размер (Size): 10

Шаг 5

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

  • Режим наложения (Blend Mode): Нормальный (Normal)
  • Непрозрачность (Opacity): 100%
  • Цвет (Color): Установите градиент, который указан на скриншоте ниже
  • Метод (Technique): Точный (Precise)
  • Источник (Source): Из центра (Center)
  • Размер (Size): 250

Шаг 6

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

  • Режим наложения (Blend Mode): Яркий свет (Vivid Light)
  • Цвет (Color): #fffdf7
  • Непрозрачность (Opacity): 75%
  • Угол (Angle): 7
  • Смещение (Distance): 29
  • Размер (Size): 35
  • Контур глянца (Contour): Cone
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 7

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

  • Цвет (Color): #b73f1b
  • Размер (Size): 7

Шаг 8

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Цвет (Color): #292525
  • Непрозрачность (Opacity): 100%
  • Смещение (Distance): 7
  • Размер (Size): 10

Итак, мы применили стилизацию к оригинальному слою с текстом.

4. Применяем Стилизацию к дубликату слоя с текстом

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

Шаг 1

Примените стиль слоя Тиснение (Bevel and Emboss) со следующими настройками:

  • Метод (Technique): Плавный (Smooth)
  • Размер (Size): 20
  • Уберите галочку в окошке Глобальное освещение (Global Light)
  • Контур глянца (Gloss Contour): Cone - Inverted
  • Угол (Angle): 150
  • Высота (Altitude): 35
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Линейный осветлитель (Добавить) Linear Dodge (Add)– Непрозрачность (Opacity) 60%, цвет #c0bcac
  • Режим тени (Shadow Mode) – Линейный свет (Linear Light) - Непрозрачность (Opacity) 75%. Цвет #b09b86

Шаг 2

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

  • Контур (Contour): Cone
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range) 100%

Шаг 3

Далее, примените следующий стиль слоя Текстура (Texture) со следующими настройками:

  • Узор (Pattern): выберите Алюминиевую текстуру с царапинами

Итак, мы применили стилизацию к дубликату слоя с текстом.

5. Добавляем Текстуру Боке на задний фон

Шаг 1

Откройте текстуру Боке в программе Photoshop. Переместите данную текстуру на наш рабочий документ. Расположите текстуру Боке ниже слоёв с текстом, примените масштабирование при необходимости. Поменяйте режим наложения для слоя с текстурой Боке на Осветление основы (Color Dodge).

Шаг 2

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

Итак, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстурой Боке, чтобы загрузить выделение, а затем перейдите Редактирование – Скопировать совмещённые данные (Edit > Copy Merged).

После этого идём Файл – Новый (File > New), чтобы создать новый документ размерами скопированного слоя, и далее идём Редактирование – Вклеить (Edit > Paste), чтобы получить итоговый результат.

Примечание переводчика: вы можете просто продублировать текстуру Боке. Расположите дубликат текстуру Боке так, чтобы заполнить пустые участки на изображении.

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

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

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

Итоговый результат:

Автор: Rose

Комментарии 66

jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте,
jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

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

Делала давно с источника.

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

Создаём текст из расплавленного металла в Фотошоп. Спасибо.

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

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

спасибо за урок:)

Вау, получилось так потрясающе!Спасибо за урок.

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

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

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

Старался, но что то пошло не так. Спасибо за урок!

Спасибо за интересный урок.

Какой отличный шрифт,где такой можно взять?

Еще 22
Добавить комментарий / работу
Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Пожаловаться Удалить

Оставить комментарий

(до 5 шт jpg, png, gif)
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Добавить комментарий / работу
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.