Эффект металлического текста в фотошопе

В этом уроке по текстовым эффектам в Photoshop мы узнаем, как легко создавать металлический текст , популярный эффект, широко используемый в видеоиграх и постерах фильмов! Может показаться, что нужно выполнить много шагов, но как только вы это сделаете несколько раз, создание эффекта не займет у вас больше нескольких минут от начала до конца. Чтобы создать саму металлическую текстуру и применить ее к тексту, мы будем использовать несколько стилей слоя, несколько фильтров, режимы наложения слоев и обтравочную маску! Я буду использовать Photoshop CS5 для этого урока, но любая последняя версия Photoshop будет работать.

Вот окончательный результат, который мы будем создавать:

Фотошоп металлический текстовый эффект.  Image © 2010 Photoshop Essentials.com.

Финальный эффект «металлический текст».

Давайте начнем!

Шаг 1: Создайте новый документ

Создайте новый документ Photoshop, зайдя в меню « Файл» в строке меню в верхней части экрана и выбрав « Новый» , или нажмите сочетание клавиш Ctrl + N (Победа) / Command + N (Mac) на клавиатуре для более быстрого вызова:

Перейдите в Файл> Создать.  Image © 2010 Photoshop Essentials.com.» class=»lazyloaded» data-was-processed=»true»> </p>
<div>Перейдите в Файл> Создать.</div>
<p>Вы захотите создать документ, который немного больше, чем вам нужно, по причинам, которые мы увидим через минуту. Я сделаю свой документ шириной 1200 пикселей и высотой 600 пикселей, и оставлю разрешение по умолчанию на уровне 72 пикселей / дюйм. Вы можете использовать те же настройки, чтобы следовать или ввести свои собственные значения. Установите для параметра «Содержание фона» значение «Белый», хотя мы изменим его на следующем шаге. Нажмите ОК, когда вы закончите. Ваш новый документ появится на экране:</p>
<p> <img src=

Диалоговое окно «Новый документ».

Шаг 2: залейте фон черным

Нажмите букву D на клавиатуре, чтобы быстро сбросить значения цветов переднего плана и фона Photoshop на их значения по умолчанию, при этом цвет переднего плана станет черным . Затем нажмите Alt + Backspace (Win) / Option + Delete (Mac), чтобы быстро заполнить документ текущим цветом переднего плана (черный):

Новый документ Photoshop теперь заполнен черным.  Image © 2010 Photoshop Essentials.com.

Документ теперь заполнен черным.

Шаг 3: добавь новый пустой слой

Нажмите на значок « Новый слой» в нижней части панели «Слои»:

Значок «Новый слой» на панели «Слои» в Photoshop.  Image © 2010 Photoshop Essentials.com.

Нажмите на иконку «Новый слой» (вторая иконка справа).

Photoshop добавляет новый пустой слой с именем «Слой 1» над фоновым слоем:

Значок «Новый слой» на панели «Слои».  Image © 2010 Photoshop Essentials.com.

Новый слой появится над фоновым слоем.

Шаг 4: залейте новый слой светло-серым

Перейдите в меню « Правка» в верхней части экрана и выберите « Заполнить» :

Выбор команды Fill в Photoshop.  Image © 2010 Photoshop Essentials.com.

Перейдите в Edit> Fill.

Когда появится диалоговое окно «Заливка», щелкните раскрывающийся список справа от слова « Использовать» и выберите « Цвет» из списка параметров:

Диалоговое окно «Заполнить команду» в Photoshop.  Image © 2010 Photoshop Essentials.com.

Выберите «Цвет» для параметра «Использовать» в верхней части диалогового окна «Заливка».

Как только вы выберете Цвет, Photoshop откроет палитру цветов, чтобы вы могли выбрать цвет, которым хотите залить слой. Выберите светло-серый. Если вы хотите использовать точный оттенок серого, который я использую, введите 195 для параметров R , G и B :

Палитра цветов в фотошопе.  Image © 2010 Photoshop Essentials.com.

Выберите светло-серый из палитры цветов.

Нажмите OK, когда вы закончите, чтобы выйти из палитры цветов, затем нажмите OK, чтобы выйти из диалогового окна Fill. Photoshop заполняет слой серым, временно скрывая заполненный черным фоновый слой из вида:

Слой теперь заполнен серым.  Image © 2010 Photoshop Essentials.com.

Документ теперь кажется заполненным серым.

Шаг 5: добавь шум

Перейдите в меню « Фильтр» в верхней части экрана, выберите « Шум» , а затем выберите « Добавить шум» :

Выбор команды «Добавить шум» в Photoshop.  Image © 2010 Photoshop Essentials.com.

Перейдите в Filter> Noise> Add Noise.

Когда появится диалоговое окно Add Noise, добавьте много шума к изображению, установив значение Amount около 150% . Убедитесь, что параметры Gaussian и Monochromatic выбраны в нижней части диалогового окна:

Параметры фильтра «Добавить шум» в Photoshop.  Image © 2010 Photoshop Essentials.com.

Параметры фильтра «Добавить шум».

Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна. Документ теперь должен быть заполнен шумом:

Документ Photoshop заполнен шумом.  Image © 2010 Photoshop Essentials.com.

Документ после применения фильтра «Добавить шум».

Шаг 6: примени фильтр Motion Blur

Мы собираемся использовать весь этот шум для создания первой части нашей металлической текстуры. Вернитесь в меню Filter , выберите Blur , а затем выберите Motion Blur :

Выбор фильтра Motion Blur в Photoshop.  Image © 2010 Photoshop Essentials.com.

Перейдите в Filter> Blur> Motion Blur.

Когда появится диалоговое окно Motion Blur, установите угол размытия примерно на -10 ° , затем увеличьте расстояние до примерно 200 пикселей :

Фотошоп Фильтр Motion Blur.  Image © 2010 Photoshop Essentials.com.

Установите угол на -10 ° и увеличьте расстояние до 200 пикселей.

Нажмите OK, когда вы закончите, чтобы закрыть из диалогового окна. Размытие шума создало эффект матового металла:

Шум теперь размыт.  Image © 2010 Photoshop Essentials.com.

Изображение после наложения Motion Blur на шум.

Шаг 7: обрезать края

Вернувшись к шагу 1, я упомянул, что вы должны сделать свой документ немного больше, чем нужно. Причина в том, что у фильтра Motion Blur возникают проблемы с размытием пикселей по краям документа, что мы теперь ясно видим в нашем собственном документе. Давайте обрезать эти нежелательные области. Выберите инструмент « Обрезка» в Photoshop на панели «Инструменты» или нажмите букву C, чтобы выбрать его с помощью сочетания клавиш:

Photoshop's Crop Tool.  Image © 2010 Photoshop Essentials.com.

Выберите инструмент Crop.

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

Перетаскивание выделенного фрагмента с помощью инструмента «Кадрирование».  Image © 2010 Photoshop Essentials.com.

Перетащите выделенную область вокруг области, которую хотите сохранить.

Нажмите Enter (Win) / Return (Mac), чтобы Photoshop обрезал ненужные края. Теперь остается только хорошая текстура:

Обрезанное изображение.  Image © 2010 Photoshop Essentials.com.

Изображение после обрезки по краям.

Шаг 8: добавь свой текст

Выберите инструмент «Текст» на панели «Инструменты» или нажмите букву T, чтобы выбрать его с помощью сочетания клавиш:

Тип инструмента Photoshop.  Image © 2010 Photoshop Essentials.com.

Выберите инструмент «Текст».

Выберите инструмент «Текст» и выберите свой шрифт на панели параметров в верхней части экрана. Для достижения наилучших результатов с этим эффектом используйте шрифт с толстыми буквами. Я собираюсь использовать Arial Black:

Параметры типа на панели параметров.  Image © 2010 Photoshop Essentials.com.

Параметры шрифта на панели параметров.

Выбрав шрифт, щелкните внутри документа и добавьте свой текст. Я наберу слово «МЕТАЛЛ»:

Добавление текста в документ Photoshop.  Image © 2010 Photoshop Essentials.com.

Добавьте свой текст.

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

Нажмите на галочку, чтобы принять текст.  Image © 2010 Photoshop Essentials.com.

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

Шаг 9: измени размер текста со свободным преобразованием

Ваш текст, скорее всего, будет слишком маленьким в данный момент (как у меня), поэтому зайдите в меню « Правка» и выберите « Свободное преобразование» или нажмите Ctrl + T (Win) / Command + T (Mac), чтобы выбрать «Свободное преобразование» с Сочетание клавиш:

Выбор Free Transform из меню «Правка» в Photoshop.  Image © 2010 Photoshop Essentials.com.

Перейдите в Edit> Free Transform.

Это помещает поле Free Transform и обрабатывает текст. Чтобы изменить размер текста, удерживайте клавишу Shift и вытяните любую из четырех угловых ручек (маленькие квадраты). Удерживание клавиши Shift при перетаскивании ограничивает соотношение сторон текста, поэтому вы не искажаете его общую форму. Чтобы переместить текст, щелкните в любом месте внутри ограничительной рамки и просто перетащите его мышью. Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять изменения и выйти из Free Transform:

Перемещение и изменение размера текста с помощью Free Transform.  Image © 2010 Photoshop Essentials.com.

Переместите и измените размер текста по мере необходимости.

Шаг 10: переместите текстовый слой ниже текстурного слоя

Нажмите на текстовый слой на панели «Слои» и, удерживая нажатой кнопку мыши, перетащите слой между слоем серой текстуры (Слой 1) и фоновым слоем. Когда вы увидите полосу выделения между этими двумя слоями, отпустите кнопку мыши, и Photoshop зафиксирует текстовый слой на месте:

Перетащите текстовый слой ниже текстурного слоя.  Image © 2010 Photoshop Essentials.com.

Перетащите текстовый слой между фоновым слоем и слоем 1.

Шаг 11: создай обтравочную маску

Нажмите на слой 1 на панели слоев, чтобы выбрать его. Затем перейдите в меню Layer и выберите Create Clipping Mask :

Команда «Создать обтравочную маску» в Photoshop.  Image © 2010 Photoshop Essentials.com.

Перейдите в Слой> Создать обтравочную маску.

Слой 1 станет отступом вправо на панели «Слои», указывая, что теперь он «обрезан» до текстового слоя под ним:

Слой 1 теперь обрезается до текстового слоя.  Image © 2010 Photoshop Essentials.com.

Панель «Слои» теперь показывает слой 1, обрезанный до текстового слоя.

Если мы посмотрим в окно документа, то увидим, что серая текстура теперь появляется только внутри текста:

Металлическая текстура теперь появляется только внутри текста.  Image © 2010 Photoshop Essentials.com.

Черный цвет от фонового слоя теперь виден вокруг текста.

Шаг 12: добавь скос и выбей стиль слоя

Нажмите на текстовый слой на панели «Слои», чтобы выбрать его. Затем щелкните значок « Стили слоев» в нижней части панели «Слои».

Значок «Стили слоев» на панели «Слои» в Photoshop.  Image © 2010 Photoshop Essentials.com.

Щелкните значок «Стили слоя».

Выберите Bevel and Emboss из появившегося списка стилей слоя:

Стиль слоя Bevel and Emboss.  Image © 2010 Photoshop Essentials.com.

Выберите Bevel and Emboss.

При этом откроется диалоговое окно «Стиль слоя» в Photoshop с параметрами «Скос» и «Тиснение» в средней колонке. Сначала измените Технику на Chisel Hard , затем увеличьте Размер примерно до 7 пикселей . Перетащите ползунок глубины вправо, чтобы увеличить его примерно до 500% :

Параметры «Скос» и «Тиснение» в диалоговом окне «Стиль слоя».  Image © 2010 Photoshop Essentials.com.

Варианты Bevel и Emboss.

В разделе параметров «Затенение» щелкните миниатюру « Глянцевый контур» :

Глянцевая контурная миниатюра.  Image © 2010 Photoshop Essentials.com.

Нажмите на миниатюру глянцевого контура.

Откроется редактор контуров . Нажмите на выпадающий список « Preset» в верхней части диалогового окна и выберите « Ring» из списка:

Контурный редактор.  Image © 2010 Photoshop Essentials.com.

Выберите пресет звонка.

Нажмите кнопку ОК, чтобы выйти из редактора контуров. Затем вернитесь в главное диалоговое окно «Стиль слоя» и выберите параметр « Сглаживание» справа от миниатюры «Блеск контура»

Сглаженный вариант.  Image © 2010 Photoshop Essentials.com.

Выберите параметр «Сглаживание».

Еще не закрывайте диалоговое окно Стиль слоя. Нам еще нужно добавить еще один, но ваш текст должен выглядеть примерно так:

Металлический текст с нанесенными Bevel и Emboss.  Image © 2010 Photoshop Essentials.com.

Текст после применения стиля слоя Bevel and Emboss.

Шаг 13: добавь стиль наложения градиента

Нажмите непосредственно на слова Gradient Overlay в левом столбце диалогового окна Layer Style. Вам нужно нажать непосредственно на сами слова, а не только на флажок, чтобы отобразились параметры наложения градиента:

Выбор стиля слоя Gradient Overlay.  Image © 2010 Photoshop Essentials.com.

Нажмите на слова Gradient Overlay.

Средний столбец диалогового окна «Стиль слоя» изменится и отобразит параметры для наложения градиента. По умолчанию Photoshop выбирает градиент на основе текущих цветов переднего плана и фона (черный и белый), но если выбран какой-либо другой градиент, щелкните панель предварительного просмотра градиента :

Панель предварительного просмотра градиента.  Image © 2010 Photoshop Essentials.com.

Нажмите на панель предварительного просмотра градиента, только если выбрано что-то отличное от черно-белого градиента.

Затем щелкните миниатюру градиента переднего плана к фону (вверху слева) в редакторе градиентов, чтобы выбрать его:

Фотошоп Градиентный редактор.  Image © 2010 Photoshop Essentials.com.

Выберите градиент переднего плана к фону.

Нажмите кнопку ОК, чтобы закрыть редактор градиентов. Вернувшись в главное диалоговое окно «Стиль слоя», измените режим наложения на « Наложение» , затем уменьшите непрозрачность примерно до 70% . Это добавит первоначальный эффект освещения к металлу:

Параметры стиля слоя Gradient Overlay.  Image © 2010 Photoshop Essentials.com.

Варианты наложения градиента.

Нажмите OK, чтобы выйти из диалогового окна Layer Style. Вот эффект с добавленными стилями слоя:

Эффект металлического текста после применения стилей слоя.  Image © 2010 Photoshop Essentials.com.

Эффект после применения стилей слоя.

Шаг 14: добавь новый набор слоев в режим наложения

Нажмите на слой 1 на панели слоев, чтобы выбрать его. Удерживая нажатой клавишу «Alt» (победа) / « Option» (Mac), щелкните значок « Новый слой» в нижней части панели «Слои»:

Нажав на иконку Новый слой.  Image © 2010 Photoshop Essentials.com.

Удерживая нажатой клавишу «Alt» (Победа) / «Option» (Mac), щелкните значок «Новый слой».

Это говорит Photoshop, что нужно открыть диалоговое окно New Layer, где мы можем установить некоторые параметры перед добавлением нового слоя. Установите флажок слева от того места, где написано « Использовать предыдущий слой для создания обтравочной маски», чтобы выбрать этот параметр, затем измените режим (сокращение от «Режим наложения» ) на « Наложение» . Нажмите OK, когда вы закончите, чтобы закрыть из диалогового окна. Новый пустой слой с именем «Слой 2», установленный в режим наложения «Наложение», появится над слоем 1 на панели «Слои». Как и слой 1, он будет обрезан до текстового слоя под ним:

Диалоговое окно «Новый слой» в Photoshop.  Image © 2010 Photoshop Essentials.com.

Диалоговое окно Новый слой.

Шаг 15: примени фильтр облаков

Давайте добавим несколько случайных бликов и теней к металлическому эффекту. Для этого мы будем использовать фильтр Photoshop Clouds вместе с режимом наложения Overlay, для которого мы уже установили слой. Перейдите в меню Filter в верхней части экрана, выберите Render , а затем выберите Clouds :

Выбор фильтра Clouds в Photoshop.  Image © 2010 Photoshop Essentials.com.

Перейдите в Filter> Render> Clouds.

«Облака» создают много светлых и темных областей:

Эффект металлического текста после применения фильтра Облака.  Image © 2010 Photoshop Essentials.com.

Изображение после применения фильтра Облака.

Шаг 16: примени фильтр Gaussian Blur

Облака нужно немного сгладить, чтобы они больше походили на блики и тени. Мы сделаем это, размывая их. Перейдите в меню Filter , выберите Blur , а затем выберите Gaussian Blur :

Выбор фильтра Photoshop's Gaussian Blur.  Image © 2010 Photoshop Essentials.com.

Перейдите в Filter> Blur> Gaussian Blur.

Когда появится диалоговое окно Gaussian Blur, перетащите ползунок внизу вправо, чтобы увеличить значение радиуса примерно до 10 пикселей :

Диалоговое окно Размытие по Гауссу в Photoshop.  Image © 2010 Photoshop Essentials.com.

Установите радиус около 10 пикселей.

Вот изображение после размытия облаков:

Изображение после размытия облаков.  Image © 2010 Photoshop Essentials.com.

Эффект облаков теперь больше похож на тонкий эффект освещения.

Шаг 17: добавь новый набор слоев в режим смешивания

Еще раз удерживайте Alt (Победа) / Option (Mac) и щелкните значок « Новый слой» в нижней части панели «Слои», чтобы открыть диалоговое окно «Новый слой». Установите флажок « Использовать предыдущий слой для создания обтравочной маски» , установив флажок внутри его, затем измените режим на « Умножение» . Наконец, выберите опцию Fill with Multiply-нейтральный цвет (белый) в нижней части диалогового окна. Нажмите OK, когда вы закончите, чтобы закрыть его и добавить новый слой:

Добавление нового слоя.  Image © 2010 Photoshop Essentials.com.

Добавьте еще один новый слой, на этот раз установлен Multiply.

Шаг 18: добавь шум

Давайте добавим к нашему металлическому эффекту немного грязи и царапин. Перейдите в меню Filter , выберите Noise , затем выберите Add Noise . Появится диалоговое окно Add Noise с теми же настройками, которые мы использовали ранее. Не нужно их менять, поэтому просто нажмите кнопку ОК, чтобы выйти из диалогового окна. Текст теперь заполнен шумом, и поскольку режим наложения слоя установлен на Умножение, видны только темные пятна шума:

Новый слой заполнен шумом.  Image © 2010 Photoshop Essentials.com.

Режим наложения Multiply скрывает участки белого цвета, поэтому видны только темные пятна шума.

Шаг 19: примени медианный фильтр

Чтобы превратить шум в нечто похожее на грязь или царапины, вернитесь в меню « Фильтр» , снова выберите « Шум» , а затем выберите « Медиана» :

Выбор медианного фильтра в фотошопе.  Image © 2010 Photoshop Essentials.com.

Перейдите в Filter> Noise> Median.

Медианный фильтр предназначен для удаления шума с изображения. Щелкните внутри поля ввода « Радиус» и используйте стрелку «Вверх» на клавиатуре, чтобы медленно увеличивать его значение, следя за изображением в окне документа. Когда вы увеличиваете значение радиуса, шум начинает исчезать, оставляя его «комки», чтобы создать эффект грязи и царапин. Значение около 9 пикселей должно работать. Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна:

Диалоговое окно медианного фильтра.  Image © 2010 Photoshop Essentials.com.

Увеличьте значение радиуса, чтобы уменьшить шум.

Шаг 20: понизь непрозрачность слоя

Если эффект грязи и царапин выглядит слишком темным, уменьшите непрозрачность слоя. Вы найдете опцию непрозрачности в правом верхнем углу панели слоев. Я собираюсь понизить мой примерно до 70%:

Непрозрачность слоя Photoshop.  Image © 2010 Photoshop Essentials.com.

Опция непрозрачности слоя.

И с этим мы закончили! Вот заключительный эффект «металлического текста»:

Фотошоп металл-текст-эффект.  Image © 2010 Photoshop Essentials.com.

Окончательный «металлический текст» результат.

Текст остается редактируемым

Одна из приятных особенностей создания этого металлического эффекта, который у нас есть, заключается в том, что текст остается полностью редактируемым, и мы можем даже изменить используемый шрифт, если нам не нравится тот, с которого мы начали! Чтобы изменить шрифт, просто выберите инструмент «Текст» на панели «Инструменты», щелкните текстовый слой на панели «Слои», чтобы выбрать его, затем выберите другой шрифт на панели параметров (вам может потребоваться снова изменить размер текста с помощью «Свободное преобразование» — см. шаг 9). Например, здесь я сделал только изменение шрифта на Trajan Pro Bold:

Металлический текстовый эффект с использованием Trajan Pro Bold.  Image © 2010 Photoshop Essentials.com.

Тот же эффект, другой шрифт.

Здесь я отредактировал текст, изменив слово с «METAL» на «STEEL». Если вы сохраните документ в виде файла PSD в Photoshop , вы сможете открыть его снова в любое время и отредактировать текст без необходимости воссоздания текстуры металла:

Photoshop стальной текстовый эффект.  Image © 2010 Photoshop Essentials.com.

Тот же эффект, другой текст.

[Объявления-boottom-флоат-влево]

Куда пойти дальше …

И там у нас это есть! Посетите наши разделы « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по эффектам Photoshop!


Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.