Дополнения

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

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

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

208 185 чел. 399 631 работа 4 092 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

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

Металлический текстовый эффект в Фотошоп

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

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

Финальное изображение:

Ресурсы урока:

Архив

Шаг 1

Создайте новый документ (Файл – Новый) (File > New) (Ctr + N) размером 600х300 пикселей с разрешением 72 pixels/inch.

Инструментом Текст (Horizontal Type Tool) (T) и напишите текст «Design Instruct». В моем случае, был использован шрифт Franklin Gothic Heavy, но Вы можете выбрать другой. Главное, чтобы начертание шрифта было жирное.

Шаг 2

Прежде, чем продолжить, нужно создать новый экшен, который будет записывать все наши действия в этом уроке. Откройте палитру Операции (Window > Actions) (Alt + F9), кликните оп иконке папки в нижней части палитры (Create new set) и назовите эту группу «Metal Text». Теперь кликните по иконке создания нового экшена ( Create new action):

После того, как создан новый экшен, запись должна начаться автоматически (Вы увидите красный кружок в нижней части палитры Операции, который говорит о том, что запись началась).

Шаг 3

Перейдите в меню Выделение – Загрузить выделенную область (Select > Load Selection) и затем создайте новый слой (Shift + Ctrl + N). Залейте новый слой белым цветом (#FFFFFF)  и сделайте невидимым оригинальный текстовый слой.

Дублируйте новый текст (Слой – Создать дубликат слоя) (Layer > Duplicate Layer) и переместите его под верхний текстовый слой.

Нам нужно создать два источника света, и этот слой с текстом будет содержать первый источник света. Добавьте стиль слоя Тень (Слой – Стили слоя – Тень) (Layer > Layer Style > Drop Shadow). Установите настройки, как на скриншоте и выключите флажок Использовать глобальное освещение (Use Global Light). Этот параметр устанавливает тень и тиснение под одним углом, а нам нужно два разных источника.

Примечание: оба источника света должны находиться над оригинальным текстовым слоем.

Шаг 4

К верхнему слою с текстом примените стиль слоя Тень (Слой – Стили слоя – Тень) (Layer > Layer Style > Drop Shadow):

Шаг 5

Теперь добавим тиснение, которое поможет создать металлический эффект Слой – Стили слоя – Тиснение ( Layer > Layer Style > Bevel and Emboss).

Шаг 6

Теперь добавим стиль слоя Глянец (Слой – Стили слоя – Глянец) (Layer > Layer Style > Satin):

Шаг 7

Последний стиль слоя, Наложение градиента, затемнит текст и поможет добавить световое отражение (Слой – Стили слоя – Наложение градиента) (Layer > Layer Style > Gradient Overlay).

Шаг 8

Нам нужно добавить тексту металлическую текстуру. При активном верхнем слое войдите в меню Загрузить выделенную область (Выделение – Загрузить выделенную область) (Select > Load Selection).

Создайте новый слой (Слой – Новый – Слой) (Layer > New Layer) (Shift + Ctrl + N) и залейте выделение белым цветом. Теперь к нему примените фильтр Шум (Фильтр – Шум – Добавить шум) (Filter > Noise > Add Noise).

Шаг 9

Снимите выделение (Выделение – Отменить выделение) (Select > Deselect) (Ctrl + D) и примените фильтр Размытие в движении (Фильтр – размытие – Размытие в движении) (Filter > Blur > Motion Blur).

Выделите первый слой с текстом и загрузите выделение область Выделение – Загрузить выделенную область (Select > Load Selection). Теперь инвертируйте выделение (Выделение – Инверсия) (Select > Inverse) (Shift + Ctrl + I). Удалите выделенную область. Это позволит избавиться от шума, который находился за пределами текста. Измените режим наложения на Умножение (Multiply).

Экшен готов. Нажмите кнопку stop  в нижней части палитры Операции.

Шаг 10

Откройте текстуру стены, перенесите ее в изображение и поместите ниже всех слоев.

Шаг 11

На текст добавим текстуру. Откройте изображение старой фотопленки и перенесите ее в наш документ. Поместите текстуру старой фотопленки над всеми слоями и уменьшите до 30% (Редактирование – Свободное трансформирование) (Edit > Free Transform) (Ctrl + T), чтобы подогнать под размер документа. Измените режим наложения текстуры фотопленки на Перекрытие (Overlay).

Шаг 12

Теперь добавим теплый цветовой оттенок изображению. Сделаем это через корректирующий слой Карта градиента (Слой – Новый корректирующий слой – Карта градиента) (Layer > New Adjustment Layer > Gradient Map). Создайте градиент от желтого к пурпурному и включите флажок Инверсия (reverse). Измените режим наложения этого корректирующего слоя на Перекрытие (Overlay) и уменьшите непрозрачность до 30%.

Шаг 13

Теперь затемним края изображения. Инструментом Прямоугольная область выделения (Rectangular Marquee Tool) (M)  нарисуйте выделение и растушуйте его на 50 пикселей (Shift + F6). Создайте новый слой (Слой – Новый слой) (Layer > New Layer) (Shift + Ctrl + N). Инвертируйте выделение (Выделение – Инверсия) (Select > Inverse) (Shift + Ctrl + I) и залейте выделение на новом слое черным цветом. Измените режим наложения этого слоя на Затемнение основы (Color Burn).

Шаг 14

При помощи инструмента Кисть (Brush Tool) (B) добавим тексту свечение. Установите размер кисти 20 пикселей и жесткость 0%. Создайте новый слой (Shift + Ctr + N) и поместите его под слой с текстурой фотопленки. Выберите белый цвет (#FFFFFF) и поставьте световые точки на краях букв. Измените режим наложения этого слоя на Мягкий свет (Soft Light).

Шаг 15

Объедините изображение (Слой – выполнить сведение) (Layer > Flatten Image). Дублируйте полученный слой (Слой – Создать дубликат) (Layer > Duplicate Layer). К дубликату примените фильтр Цветовой контраст, чтобы немного усилить резкость (Фильтр – Другие – Цветовой контраст) (Filter > Other > High Pass). Установите радиус в 10 пикселей. Измените режим наложения этого слоя на Затемнение основы (Color Burn) и уменьшите непрозрачность до 30%. Теперь объедините оба существующих слоя в один.

Шаг 16

Выберите инструмент b (Quick Mask Mode) (Q) :

Инструментом Градиент (Gradient Tool) (G) радиального типа нарисуйте круг в центре документа.

Выйдите из режима Быстрой маски (Q) и инвертируйте выделение (Выделение – Инверсия) (Select > Inverse) (Shift + Ctrl + I).

Шаг 17

В финале, добавим фильтр Размытие при малой глубине резкости (Фильтр – Размытие – Размытие при малой глубине резкости) (Filter > Blur > Lens Blur):

Финальное изображение:

Автор: Tyler Denis

 

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

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

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

Спасибо.Немного нудновато,по попробовать интересно.

Металлический текстовый эффект) получилось так

Не поняла смысла 16 шага...

В этом шаге создаётся выделение, которое будет размыто в шаге 17.

Спасибо за отличный перевод и полезный, и интересный урок. Сделать экшен это интересно.

Спасибо большое за урок.

спасибо, красивый эффект.

Спасибо за урок. Буду учиться с Вами и дальше ;)

Моё
а 16-ый вообще не поняла, тк не встречалась раньше с быстрой маской:(

спасибо за урок) Все было понятно)

Хороший Урок!
PS: не пытайтесь понять это слово, так как оно родилось в кругу моих друзей :D оригинал слова: О, братан!

Мой металлический текст=)

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

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

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

Оставить комментарий {{work.childs.length || 0}}

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

Жалоба

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

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

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules