Текстовый эффект: металл. Создание Photoshop Actions

Что делать, Вы хотите создать красивый металлический эффект для текста, но не только создать этот эффект на одном изображении, но и применить его в дальнейшем для других текстов?

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

В этом уроке мы собираемся добавить металлический эффект к тексту и одновременно записать наши шаги по созданию в Actions.
Когда мы закончим, вы можете воссоздать металлический эффект, просто нажав кнопка «Play» в панели операций (Actions).

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

Вот что получится у нас в итоге:

Содержание

Шаг 1: Пишем текст

Открываем Photoshop, нажимаем комбинацию клавиш Ctrl+N для создания нового документа, в открывшемся диалоговом окне устанавливаем ширину 600 пикселей, высоту 300 пикселей, и разрешение 72 пикселей/дюйм, цвет — белый.

Выбираем инструмент «Горизонтальный текст» (Horizontal Type Tool) и набираем какую-нибудь фразу, я написал слова «Design Instruct», используя шрифт «Franklin Gothic Bold», но можно, конечно, использовать любой жирный шрифт по своему вкусу. Вот что получилось у меня:

Шаг 2: Создание новой операции (Photoshop Actions) и начало записи действий

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

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

После создания нового Actions запись действий начнётся автоматически (вы увидите красный значок записи в форме круга в нижней части панели действий).

Шаг 3: Добавление стилей слоя

Пройдите по вкладке главного меню Выделение —> Загрузить выделенную область (Select —> Load Selection), после чего загрузится выделенная область текста, затем создайте новый слой (Ctrl+Shift+N) и залейте его белым цветом, затем отключите видимость оригинального текстового слоя. Выделение также можно отключить, нажав Ctrl+D.

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

Продублируйте новый текстовый слой, нажав комбинацию Ctrl+J. В результате панель слоёв у нас выглядит так:

Перейдите на нижний слой с изображнием текста (у меня это «слой 1») и добавим к нему стиль слоя Тень (Drop Shadow). Поставьте параметры, как показаны на рисунке, и не забудьте снять галку у опции «Глобальное освещение»(Use Global Light):

Переходим к верхнему слою с изображением текста. Добавьте к нему четыре стиля слоя (Тиснение, Глянец, Наложение градиента, Тень) со следующими параметрами:

Если даже Вы ошибётесь при вводе параметров, Вы всегда можете посмотреть значения стилей слоёв в готовом файле PSD.

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

Шаг 4: Создание текстуры металла

Мы собираемся придать нашему тексту некоторую текстуру металла, поэтому убедитесь, что у вас выбран верхний слой текста и пройдите по вкладке главного меню Выделение —> Загрузить выделенную область (Select —> Load Selection).

Создайте новый слой (Shift+Ctrl+N) и залейте его белым.

Теперь идем в Фильтр —> Шум —> Добавить шум (Filter —> Noise —> Add Noise)? в открывшемся диалоговом окне задаём следующие значения:

Шаг 5: Завершение металлической текстуры

Отмените выделение, нажав Ctrl+D и перейдите в Фильтр —> Размытие —> Размытие а движении (Filter —> Blur —> Motion Blur), в диалоговом окне задайте следующие значения:

Измените режим наложения на «Умножение» (Multiply).

Теперь наш текст должен выглядеть так:

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

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

По ссылкам ниже Вы можете скачать архив, содержащий с готовый файл PSD, выполненный по материалам этого урока, и две текстуры, необходимые в процессе выполнения эффекта металлического текста:

Скачать с Depositfiles. com

Как создать металлический эффект текста в Photoshop

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

Шаг 1

Перед открытием Photoshop, нам нужно будет установить отлично подходящий для нас шрифт Rothenburg Decorative и красивый набор кистей Subtle Grunge Brushes.

Откройте Photoshop и создайте новый документ с размерами 1800 x 1300 px в режиме RGB, 72 DPI и, затем залейте фон темно-серым цветом #1f1f1f.

Шаг 2

Создайте новый слой, назовите его “texture” и с помощью кистей Grunge Brushes нажмите пару раз в центре документа используя белый цвет. Используйте разные кисти из данного набора, старайтесь охватить центр документа, меняйте вид кисти.

Шаг 3

Дважды щелкните по значку слоя texture, чтобы открыть панель Layer Style. В “Blending Options” уменьшите ‘Fill’ до 0, а затем примените эффекты слоя “Drop Shadow” и “Inner Shadow”, используя эти параметры. Это придаст текстуре реалистичное тиснение.

Шаг 4

Щелкните по значку Add Layer Mask (Добавить слой-маску), а затем нажмите Command / Ctrl + (I) для инверсии.

Возьмите большую мягкую кисть с жесткостью (hardness): 0% – размером: 950px и кликните в центре документа. Таким образом, слой texture будет больше показан только в центре, исчезая к краям документа.

Шаг 5

Используйте Type Tool (T) и параметры как на скриншоте, введите слово Labdes или то, что вы хотите. Если вы не видете вкладку  ’Character Window’ то перейти в меню Window -> Character.

Шаг 6

Откройте ‘Layer Style’ текстового слоя ‘Labdes’ и примените следующие настройки. Для каждого параметра  вы можете увидеть предварительный просмотр эффекта, который только что добавили.

Шаг 7

После того как вы изменили стиль, нажмите кнопку ОК. Теперь выделете слово «Labdes», с помощью Type Tool (T). Выделите все, что рядом с первой заглавной буквой (кроме нее самой), и уменьшите кернинг (kerning ) до -5, как на изображении ниже. Напомню что вы можете отобразить Character Window через меню Window -> Character.

Шаг 8

Дублируйте этот слой с Command/Ctrl + (J), щелкните правой кнопкой мыши по значку слоя и выберите Clear Layer Style (Очистить стиль слоя). Таким образом, приведенный ниже текст будет точно соответствует приведенному выше, и теперь мы можем добавить дополнительные эффекты. Отличный способ работать с 2 стилями слоя, это создание надежной основы, как мы сделали в первом текстовом слое, а теперь добавим освещение и отражение на второй, новый слой выше. Таким образом, нам намного проще смешать свет и цвет с текстурой слоя который ниже.

Шаг 9

Пойдем дальше, добавим Layer Style к нашему второму слою текста «Labdes». Дважды щелкните на его миниатюру, чтобы открыть панель Layer Style. Установите непрозрачность до 0 в Blending Options.

Шаг 10

Эффектов мы сделали довольно много, но нам нужно, чтобы он выглядел еще более четким и реалистичным, в этом последнем шаге. Обратите внимание на прием с обводкой (Stroke): снизив его непрозрачность в ’0′ он будет работать почти так же как маска слоя, скрывая слой по краям. Обводка ‘Stroke’ с параметром “Inside” в 3px, например, будет скрывать текст до 3 точек вдоль краев, отображая то, что ниже в этом 3px диапазоне. Как только вы закончите с этими настройками, нажмите кнопку ОК, чтобы применить эффект.

Заключение

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

Металлический текстовый эффект в Photoshop (3 простых стиля)

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

Вот как создать эффект металлического текста за пять шагов.

Как создать металлический текст в Photoshop

Шаг 1. Добавьте текст с помощью инструмента «Текст» (T)

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

Чтобы заполнить слой сплошным цветом, щелкните образец переднего плана/фона в нижней части панели инструментов и выберите любой цвет из палитры цветов . В моем случае я выбрал темно-серый (#3b3b3b).

Затем выберите Paint Bucket Tool (G) на панели инструментов .

Затем нажмите на холст, чтобы заполнить фоновый слой выбранным цветом.

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

После изменения цвета слоя возьмите Type Tool (T) на панели инструментов .

Перед созданием текста измените цвет шрифта на белый в образце переднего плана.

Наконец, введите текст на холсте.

Шаг 2. Добавление градиентного наложения к тексту

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

Меню «Стили слоев» находится на панели «Слои» и представлено значком «fx» . Вы должны получить доступ к такому меню несколько раз при создании металлического текста.

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

Эффект Gradient Overlay является основой эффекта металлического текста. Это делает внутреннюю часть вашего текста похожей на металл.

После выбора параметра «Наложение градиента» открывается диалоговое окно «Стили слоя». Параметры отображаются в середине панели с настройками по умолчанию.

Вот параметры, которые необходимо настроить.

Сначала дважды щелкните полосу градиента, чтобы открыть Редактор градиентов . Затем найдите полосу градиента на панели.

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

Я скажу вам, какие цвета использовать, но не стесняйтесь создавать свои собственные цветовые комбинации, если вы будете следовать формуле, упомянутой выше.

Чтобы изменить цвет градиента, щелкните цветовую точку, соответствующую цвету, который вы хотите изменить.

 Затем нажмите Цвет образец под полосой градиента.

Затем выберите цвет из палитры цветов , которая появляется.

Вы можете нажать на цветной дисплей, чтобы выбрать цвет.

Или вы можете ввести шестнадцатеричный код в поле кода.

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

Когда появится новая цветовая точка, измените ее цвет, как вы узнали выше. Вы можете управлять положением цветовой остановки в Ящик местоположения . Вы можете ввести значения от 0% до 100% для расположения цвета.

0% соответствует цвету нижнего левого края полосы градиента. 100% соответствует цвету на правом краю той же полосы.

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

• Цвет 1: #434344, Расположение: 0%
• Цвет 2: # adacb2, Расположение: 40%
• Цвет 3: #f7f7f7, Местоположение: 53%
• Цвет 4: #adacb2, Местоположение: 75%
• Цвет 5: # 626263, Местоположение: 100%

После изменения цветов градиента ваша полоса градиента должна выглядеть так.

 Нажмите OK , когда закончите выбирать цвета градиента.

Вернитесь в меню Gradient Overlay, измените градиент Scale на 70% , благодаря чему переход между цветами градиента выглядит более плавным.

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

Шаг 3. Добавление к тексту эффекта скоса и тиснения

Эффект Скос и тиснение делает текст скошенным, что характерно для металлических объектов, поскольку они получают скос при разрезании.

Чтобы получить доступ к Bevel And Emboss, щелкните значок « fx » и выберите Bevel & Emboss .

Откроются параметры Bevel & Emboss.

Вот настройки, которые необходимо изменить.

Набор Стиль — Внешний скос.

Set Technique to Chisel Hard для более заметного эффекта.

Установите Глубина на 126%.

Набор Размер от до 7.

Набор Угол до 80 градусов.

Выберите кольцо — двойное из контура стекла выпадающее меню .

Установите Highlight Mode на Color Dodge. Вы также можете поэкспериментировать с другими режимами наложения из группы Lighten, такими как Lighten или Screen .

Также установите Shadow Mode на Color Dodge .

Остальные настройки оставьте без изменений.

Шаг 4. Добавление эффекта атласа к тексту

Добавление к тексту тонкого эффекта атласа может создать впечатление, что он отражает свет в нескольких местах. Satin включен в меню Layer Style.

После того, как вы выберете Satin, его параметры появятся в диалоговом окне Layer Styles.

Здесь вы должны установить Blend Mode на Linear Dodge .

Измените цвет режима наложения на белый . Для этого щелкните образец цвета рядом с параметром «Режим наложения» и введите #ffffff на панели «Палитра цветов».

Установить Непрозрачность от до 18% .

 Установить Угол на 19 градусов .

Установить Расстояние от до 50% и Размер от до 79% .

Выберите Half Round из раскрывающегося меню Contour .

 Отметьте флажки Сглаживание и Инвертировать .

Шаг 5. Добавьте тень к тексту

Эффект «Тень» отделяет текст от фона. Это создает впечатление, что текст размещен на естественной поверхности.

Эффект «Тень» можно найти в меню «Стили слоя».

При выборе эффекта откроются параметры Drop Shadow.

Измените следующие настройки тени. Установите Blend Mode на Multiply .

Установить Расстояние от до 20 пикселей и Размер от до 16 пикселей .

Другие настройки изменять не нужно. Нажмите OK в диалоговом окне «Стили слоя», когда закончите редактирование. Ваш текст теперь имеет металлический эффект.

BeforeAfter

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

Как добавить текстуру металлическому тексту

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

После создания металлического текста оставьте его слой активным.

Затем перейдите к Файл > Разместить встроенный.

Затем найдите файл текстуры на своем компьютере и перенесите его в Photoshop. Текстура покроет ваш текст.

Теперь перейдите на панель Layers и уменьшите Opacity слоя текстуры , пока не увидите текст. Что-то около 70% достаточно.

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

 Или внутрь, чтобы уменьшить его.

Когда пропорции вас устраивают, нажмите Введите на клавиатуре или щелкните галочкой на панели параметров для подтверждения действий.

 Далее щелкните правой кнопкой мыши слой текстуры и выберите Растеризовать слой , чтобы сделать его редактируемым.

Затем, удерживая Control (Win) или Command (Mac), щелкните текстовый слой. Это создает выделение вокруг текста.

Теперь нажмите Control + Shift + I (Win) или Command + Shift + I (Mac), чтобы инвертировать выделение.

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

 Когда это произойдет, нажмите Удалить на клавиатуре. Текстура теперь появляется только внутри текста.

Теперь нажмите Control + D (Win) или Command + D (Mac), чтобы отменить выделение текста. После этого оставьте слой с текстурой выделенным и измените Режим наложения От до Наложение.

Текстура и текст плавно перетекают друг в друга.

Если вы считаете, что эффект слишком резкий, уменьшите Непрозрачность текстуры , отрегулировав ползунок Непрозрачность на панели Слои .

BeforeAfter

Как добавить эффект бликов к металлическому тексту

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

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

Затем выберите Paint Bucket Tool (G) на панели инструментов .

Затем убедитесь, что цвет переднего плана установлен на черный на панели инструментов.

Теперь щелкните по холсту, чтобы заполнить новый слой черным цветом.

После этого перейдите к Filter > Render > Блик.

Выберите эффект бликов линзы, который вам больше всего нравится, в Lens Type в диалоговом окне Lens Flare . В моем случае это был вариант 105 мм Prime .

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

Нажмите OK , когда закончите.

 На черном слое появляется блик.

Чтобы снова сделать текст видимым и смешать с ним блик, перейдите на Layers panel и измените Blend Mode на Screen.

BeforeAfter

Краткое руководство: эффект металлик в Photoshop

Сделайте ваши проекты блестящими с помощью Adobe Photoshop. В несколько быстрых щелчков вы можете вдохнуть жизнь в любой дизайн с потрясающим металлическим эффектом в Photoshop . Идеально подходит для обоев или придает дополнительное преимущество графическим фонам.

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

Ознакомьтесь с этим руководством прямо сейчас и придайте своим работам дополнительный блеск.

Подробности руководства

Сложность: Начинающий
Приложения: Adobe Photoshop
Расчетное время выполнения: 5–10 минут ument

Сначала запустите Photoshop и создайте новый документ. Для этого урока размер моего документа составляет 800x480px.

Шаг 2 > Градиентный фон

Выберите инструмент «Градиент» ( G ) в наборе инструментов и создайте 5-точечный градиент. Используйте следующие цвета: #a4a2a3 для темного цвета и #d2d2d2 для бликов. Далее заливаем фон по горизонтали.

Цвета градиента

Заливка фона

Шаг 3 > Металлическая текстура

Создайте новый слой ( 900 13 Shift+Ctrl+N ) и залейте его цветом #d2d2d2 с помощью Инструмент «Заливка» ( Г ). Затем перейдите к Filter> Noise> Add Noise и увеличьте значение до 400%, установите для параметра Distribution значение Uniform и установите флажок Monochromatic.

Наконец, перейдите к Filter > Blur > Motion Blur и установите угол на 0 и расстояние на 40 пикселей (изображение 3c). Нажмите OK, чтобы подтвердить фильтр.

Заполнить фон и добавить шум

Настройки шума

Настройки размытия в движении

Шаг 4 > Уточните текстуру

При активном слое текстуры перейдите к Слой > Маска слоя > Показать все , чтобы добавить маску слоя. Измените цвет переднего плана на черный ( #000000 ) и выберите большую мягкую кисть с помощью инструмента Кисть (B) в наборе инструментов. Уменьшите непрозрачность кисти до 65-70% и прорисуйте маску в левом и правом углах.

Затем установите режим наложения слоя на Overlay и непрозрачность на 60% .

Добавить маску слоя

Обвести левый и правый углы мягкой кистью с видимостью 70%

Результат 9000 3

Шаг 5> Добавить шум

Создайте еще один слой и залейте его снова цветом #d2d2d2 с помощью инструмента Paint Bucket Tool ( B ). Перейдите к Filter> Noise> Add Noise , чтобы добавить шум с 10% Amount, Gaussian Distribution и Monochromatic эффектом. Затем измените режим наложения слоя на 9.0013 Linear Burn и непрозрачность до 10% .

Добавить шум

Шаг 6> Кривые

Чтобы сделать изображение более насыщенным и привлекательным, перейдите в Слой > Новый корректирующий слой > Кривые . Переместите указатель теней вправо, а указатель светов — влево.

Если вкладка «Кривые» не видна или ее можно найти, просто дважды щелкнув значок слоя «Кривые» на панели «Слои».

Настройки кривых

Final Work

Простой, быстрый и классный металлический эффект. Измените направление градиента фона для получения другого эффекта.

Скачать бесплатную металлическую текстуру 20 x 1080px

Автор: Dreamstale

Скачать

Акция всегда признателен, но, пожалуйста, отправьте людей на эту страницу.