Как сделать эффект металла в фотошопе

Обновлено: 04.07.2024

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

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

1. Получение металлической текстуры для фона с помощью Photoshop:

Простая и часто используемая техника создания металлической текстуры с помощью Photoshop. Она состоит из 6 простых шагов, с которыми справится даже начинающий художник. Этот метод отлично работает для любой версии Photoshop, начиная с CS3 и выше.

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

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

Шаг 2. Градиент фона:

Затем залейте фон по горизонтали. (ИЗОБРАЖЕНИЕ Б)

Наконец, чтобы объединить текстуру в одну, перейдите в меню «Фильтр-Размытие-Размытие в движении» и установите угол на 0 и расстояние на 40 пикселей (изображение E). Нажмите OK и подтвердите применение фильтра.

С. Заливка фона и добавление шума:

Д. Настройка шума:

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

Ф. Добавьте маску слоя:

Как создать металлическую текстуру с помощью Photoshop — добавление слоя маска

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

Шаг 5. Используйте шум:

Шаг 6. Кривые:

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

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

Получение металлической текстуры в типографике с помощью Photoshop:

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

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

Шаг 1. Начните с нового документа:

Обязательно начинать с документа большего размера, чем вам потребуется в случае текста, поэтому для начала создайте новый документ Photoshop (Ctrl+N для Windows и Command+N для Mac) шириной 1200 пикселей. и 600 пикселей в высоту, и соотношение 72 пикселей на дюйм по умолчанию. Установите для параметра «Содержимое фона» белый цвет. Хотя мы изменим его на следующем шаге. Нажмите OK, когда закончите, и появится новая страница.

Шаг 2. Используйте черную заливку для фона:

Необходимо сбросить цвета переднего плана и фона в Photoshop. Сделайте это, нажав D на клавиатуре, и передний план станет черным по умолчанию. Нажмите клавишу Alt со спиной, чтобы заполнить холст текущим цветом переднего плана (черным).

Шаг 3. Вставьте новый пустой слой:

Выберите параметр нового слоя на панели слоев. Это добавит новый слой с именем Слой 1.

Шаг 4. Используйте серый цвет для заливки слоя:

Используйте меню «Правка» и выберите «Заполнить». Когда откроется раскрывающееся меню «Заливка», щелкните вкладку «Цвет» в разделе «Использовать». Когда вы выберете вкладку «Цвет», Photoshop откроет палитру цветов, чтобы вы могли выбрать цвет для заливки нового слоя. Выберите более светлый оттенок серого. В этом уроке используется следующий оттенок: 195 для R, G, B. Photoshop заполнит слой серым цветом, временно скрывая черный слой под ним.

Шаг 5. Добавьте шум

Выберите Фильтр>Шум>Добавить шум. Установите значение 150 % и обязательно выберите параметры Гаусса и Монохроматика в диалоговом окне ниже.

Нажмите OK, как только вы получите результат, как показано ниже.

Шаг 6. Используйте размытие в движении:

Выберите «Файл» > «Размытие» > «Размытие в движении». Мы будем использовать размытие в движении, чтобы размыть весь шум, который был создан в предыдущем кадре. Установите угол на -10 градусов и увеличьте расстояние примерно до 200 пикселей. Нажмите OK, когда закончите.

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

Шаг 7. Обрежьте края:

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

Шаг 8. Вставьте свой текст:

Добавьте текст в документ с помощью инструмента «Текст» на панели «Инструменты» окна Photoshop. Выберите шрифт, а также размер и гарнитуру в диалоговом окне выше.

При выделении текста его размер также можно изменить двумя способами. Вы можете изменить размер шрифта или использовать инструмент свободного преобразования. Инструмент «Свободное преобразование» можно активировать в разделе «Редактировать» в строке главного меню. Вы можете использовать сочетания клавиш Cntrl+T (Win). Вы можете легко перетащить угловые точки до нужного размера.

Чтобы избежать каких-либо искажений при расширении или уменьшении, вы можете просто сопровождать элементы управления клавишей Shift. Это расширит/уменьшит ваш текст или форму одинаково со всех сторон.

Нажмите на текстовый слой и перетащите слой между слоем с серой текстурой и фоновым слоем. Вы заметите полосу выделения между двумя слоями, отпустите кнопку мыши, и Photoshop переключит текстовый слой на место:

Шаг 10. Создайте обтравочную маску:

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

Теперь вы можете легко увидеть серую металлическую текстуру через типографику.

Шаг 11. Вставьте стиль слоя Bevel and Emboss:

Нажмите крошечный текстовый значок «fx» на панели «Слои». Это значок стилей слоя. Выберите «Скос и тиснение» в появившемся списке стилей.

Откроется новое диалоговое окно Photoshop Layer Style. Чтобы установить параметры Bevel и Emboss, сначала измените Technique на Chisel Hard, затем увеличьте размер примерно до 7 пикселей. Ползунок глубины необходимо перетащить вправо, чтобы увеличить его примерно до 500%. Ниже, в разделе затенения, нажмите на раздел Gloss Contour:

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

Нажмите «ОК», чтобы выйти из редактора контуров глянца и вернуться к основному диалоговому окну редактора стилей слоя. Здесь установите флажок Anti-Aliased рядом с параметром Gloss Contour. НЕ ЗАКРЫВАЙТЕ диалоговое окно, и нам осталось сделать еще один шаг.

Шаг 12. Вставьте стиль слоя Gradient Overlay:

Нажмите непосредственно на «Наложение градиента» в диалоговом окне стилей слоя. Убедитесь, что вы не только установили флажок рядом с ним, но и нажали на слова, чтобы появились редактируемые параметры.

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

Нажмите на первый вариант слева, т. е. "Переключиться с переднего плана на фон".

Теперь закройте это диалоговое окно и вернитесь к основному диалоговому окну Layer Style. Здесь выберите режим наложения Overlay и установите непрозрачность на 70%. Это придает металлу мерцающий эффект.

Это результат этого руководства. Это самая базовая версия металлической типографики, но к этому набору слоев можно применять все больше и больше наложений для точной настройки эффекта блестящего металла. Самое приятное в этом методе то, что текст остается редактируемым — в некотором смысле; вы можете изменить шрифты, слова, а также размер слов и поиграть с размерами, не мешая металлической текстуре.

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

Вам также может понравиться:

Подготовлено отделом кадров

HR — опытный графический дизайнер, консультант по цифровому маркетингу, веб-разработчик и создатель контента. Имея более чем 10-летний опыт создания контента, Харш посвящает себя публикации привлекательных и подробных статей о графическом и веб-дизайне для Line25.

Вы хотите что-то сказать?

Самые популярные сообщения


сообщить об этом объявлении

О линии 25

Line25 был создан в марте 2009 г. как площадка для обмена идеями и вдохновением в области веб-дизайна с помощью статей, учебных пособий и примеров потрясающего дизайна сайтов. Будьте первым, кто увидит новые сообщения, подписавшись на RSS, получайте новый контент по электронной почте или присоединяйтесь к Line25 в Twitter.

Эффект металлик Фотошоп

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

Давайте перейдем к шагам по применению эффекта металлик к вашему тексту очень интересным способом:

3D-анимация, моделирование, симуляция, разработка игр и другое

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

Мы обсудим это всего за несколько шагов. Эти шаги заключаются в следующем:

Шаг 1. Прежде всего, выберите «Новый документ» в этой программе. Чтобы создать новый документ, перейдите в строку меню и щелкните меню «Файл» этого программного обеспечения. Откроется выпадающий список. Нажмите «Новый» в этом раскрывающемся списке.

 Металлический эффект Photoshop — 1 дюйм width=

Шаг 2. Откроется диалоговое окно настройки документа. Выберите «Черный» цвет в качестве цвета фона этого документа и нажмите на вкладку «Создать» в этом диалоговом окне, чтобы применить настройку.

 Металлический эффект Photoshop - 2

Шаг 3. Теперь выберите Text Tool на панели инструментов этого программного обеспечения в левой части рабочей области.

Обучение Photoshop (9 курсов, более 12 проектов) 9 онлайн-курсов | 12 практических проектов | 78+ часов | Поддающийся проверке сертификат об окончании | Пожизненный доступ
4,9 (10 096 оценок)

 Металлический эффект Photoshop - 3

Шаг 4. Теперь выберите «Белый» цвет в качестве цвета текста на панели свойств текста, которая находится в верхней части рабочей области.

 Металлический эффект Photoshop - 4

Шаг 5: Введите текст, который вам нравится. Вы также можете выбрать стиль шрифта по своему усмотрению. Я наберу «металлик» в качестве текста после установки параметров текста, таких как стиль шрифта, размер шрифта и цвет текста.

 Металлический эффект Photoshop — 5 дюймов, ширина = «1053» высота = «438» /><br /></p>
<p>Шаг 6. Теперь перейдите в раздел слоев этого программного обеспечения, который находится в правой части рабочей области, и создайте дубликаты слоев этого текстового слоя. Для дублирования этого слоя выберите этот текстовый слой и нажмите кнопку Ctrl + J на ​​клавиатуре. Будет создан дубликат слоя с именем Metallic Copy. Вы можете переименовать его по своему выбору.</p>
<p><img class=

Шаг 7. Выберите слой текста «Копировать», щелкнув его. Мы добавим Стиль к этому слою; для добавления стиля щелкните этот значок в конце раздела слоя.

 Photoshop с металлическим эффектом — 7 дюймов, ширина = «222», высота = «265» /><br /></p>
<p>Шаг 8. Откроется раскрывающийся список. Выберите здесь стиль «Наложение градиента».</p>
<p><img class=

Шаг 9. Откроется новое диалоговое окно стиля слоя. Щелкните параметр «Градиент» в этом диалоговом окне.

 Металлический эффект Photoshop - 9 дюймов, ширина =

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

 Металлический эффект Photoshop — 10 дюймов, ширина = «1125» высота = «442» /><br /></p>
<p>Шаг 11. Теперь нажмите на поле цвета, чтобы выбрать цвет.</p>
<p><img class=

 Металлический эффект Photoshop — 20 дюймов, ширина = «1101» высота = «469» /><br /></p>
<p>Шаг 21. Я возьму 10 пикселей в качестве размера этого эффекта.</p>
<p><img class=

Шаг 22. Установите непрозрачность режимов подсветки и режима теней до 70%.

 Photoshop с металлическим эффектом — 22 дюйма, ширина = «1117» высота = «421» /><br /></p>
<p>Шаг 23. Выберите параметр «Двойное кольцо» в параметре «Сглаживание», чтобы улучшить плавность золотого эффекта.</p>
<p><img class=

Шаг 28. Теперь нажмите вкладку "ОК" в этом диалоговом окне, чтобы применить эти настройки.

 Металлический эффект Photoshop — 28 дюймов, ширина = «1094» высота = «424» /><br /></p>
<p>Шаг 29. Теперь снова выберите стиль слоя. Откроется выпадающий список. Выберите вариант «Обводка» из этого списка.</p>
<p><img class=

Шаг 30. Откроется диалоговое окно для параметра «Обводка». Выберите «Градиент» в параметре «Тип заливки» обводки.

 Тип заполнения

Шаг 31. Выберите параметр «Градиент». Окно редактора градиента будет открыто.

 Металлический эффект Photoshop - 31

Шаг 32. Выберите «Золотой» градиент из набора настроек градиента, которые он сохранил в начале статьи.

 Выберите «Золотой градиент» width=

Шаг 33. Теперь выберите вариант «Отражение» в градиентном стиле.

 Отраженный параметр

Шаг 34. Убедитесь, что положение обводки «снаружи» для лучшего результата обводки.

 Металлический эффект Photoshop - 34

Шаг 35. Я возьму размер обводки равным 5 пикселям.

 Photoshop с металлическим эффектом - 35 дюймов, ширина =

Шаг 36. Теперь применим эффект «Скос и тиснение» к обводке этого текста. Нажмите на параметр «Скос и тиснение».

 Скос и тиснение

Шаг 37. Выберите Stroke Emboss в стиле этого эффекта, потому что мы используем этот эффект для обводки.

 Выберите «Тиснение обводки» width=

Шаг 38. Техники должны быть жесткими, чтобы разделить эффект обводки.

 Долото твердое

Шаг 39. Нажмите «Сглаживание» и выберите здесь параметр «Двойное кольцо».

 Кольцо-двойной вариант

Шаг 40. Теперь выберите параметр «Внешнее свечение».

 Внешнее свечение

Шаг 41. Уменьшите непрозрачность до 60 % от этого эффекта.

 непрозрачность 60 %

Шаг 42. Нажмите на поле цвета этого эффекта и введите код «E8801F» для цвета обводки.

 Введите код 'E8801F'

Шаг 43. Это наш окончательный текст с металлическим эффектом.

окончательный текст

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

Рекомендуемые статьи

Это руководство по использованию Metallic Effect в Photoshop. Здесь мы очень интересным образом обсуждаем основную концепцию создания металлического эффекта в вашем тексте. Вы также можете ознакомиться с другими нашими статьями по теме, чтобы узнать больше –

Что вы будете создавать

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

Этот текстовый эффект, который вы сегодня изучите, является частью 8 стилей Photoshop 2 из 4.

Следите за нами на нашем канале Envato Tuts+ YouTube с этим видеоруководством, созданным Моникой Загробельной:


Обучающие ресурсы

При создании этого руководства использовались следующие ресурсы.

Загрузите файл MetalKid_assets.zip и извлеките из него оба файла. Установите файл Pattern с именем Dark_Pattern.pat и пакет файлов Contour с именем CustomContoursMK.shc. Для установки необходимо дважды щелкнуть по значку. Это так просто.

Загрузите и установите шрифт Strasua.

Начнем!

1. Как создать фон

Шаг 1

Создайте новый документ (Файл > Создать).

Шаг 2

Дублируйте фон (выберите «Слой» > «Дублировать слой» > «ОК») и переименуйте новый слой в «Фоновый узор».

Дублировать фон
Дублировать фон
< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/832/posts/31797/image/03.jpg" alt ="Дублировать фон" width="380px" height="45px" />

Шаг 3

Теперь мы добавим текстуру к фоновому слою.

Дважды щелкните «Слой фонового узора», чтобы открыть окно стилей слоя. Перейдите к Pattern Overlay, а затем щелкните поле Pattern и выберите новый добавленный Dark Pattern. Нажмите ОК.

Добавить текстуру к фоновому слою
Добавить текстуру к фоновому слою
Добавить текстуру к фоновому слою

Шаг 4

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

2. Как создать текст и выровнять его

Шаг 1

Введите слово "Metalkid", используя шрифт Strasua.

Шаг 2

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

3. Как создать текстовый эффект

Шаг 1

Добавьте стиль слоя к тексту — вам нужно щелкнуть правой кнопкой мыши слой в меню «Слои» и выбрать «Параметры наложения». Убедитесь, что вы используете следующие значения, и нажмите OK.

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

Шаг 2

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

Шаг 3

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

Нажмите на панель градиента и создайте градиент со следующими настройками:

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

Шаг 4

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

Внутреннее свечение
Inner Glow
 Внутреннее свечение

Шаг 5

Чтобы приступить к созданию 3D-вида, выберите Стиль слоя > Скос и тиснение и используйте следующие значения.

Теперь мы собираемся добавить ранее установленный "пользовательский контур". Щелкните раскрывающийся значок Gloss Contour, а затем выберите контур с именем «CustomContourMK01»

пользовательский контур
пользовательский контур
 пользовательский контур» width=

Теперь мы можем продолжить:

Шаг 6

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

Мы собираемся добавить второй "пользовательский контур", который мы установили. Щелкните значок раскрывающегося списка Gloss Contour, затем выберите контур с именем «CustomContourMK02» и нажмите OK.

пользовательский контур
пользовательский контур
 пользовательский контур

Шаг 7

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

Нажмите на панель градиента и создайте градиент со следующими настройками:

Окончательное изображение

Окончательное изображение в фотошопе с металлическим эффектом
Окончательное изображение в фотошопе с металлическим эффектом< br /> Окончательное изображение в фотошопе с металлическим эффектом

Отличная работа, готово!

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

Этот текстовый эффект является частью 8 стилей Photoshop 2 из 4.

Вам также может понравиться:

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

Энрике Элисабе
Энрике Элисабе
Энрике Элисабе

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

Энрике Элисабе
Энрике Элисабе
 Энрике Элисабе

В этом уроке я объясню, как создать эффект блестящего летнего текста с помощью стилей слоя в Photoshop. Начнем!

Энрике Элисабе
Энрике Элисабе
 Энрике Элисабе

Узнайте, как создать эффект металлического медного текста с помощью стилей слоя в Adobe Photoshop. Начнем!

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

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

 Эффект металлического текста в Photoshop. Изображение © 2010 Photoshop Essentials.com.

Начнем!

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

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

Вам нужно создать документ немного большего размера, чем вам нужно, по причинам, которые мы увидим чуть позже. Я сделаю свой документ шириной 1200 пикселей и высотой 600 пикселей и оставлю разрешение по умолчанию 72 пикселя на дюйм. Вы можете использовать эти же настройки, чтобы следовать инструкциям, или ввести свои собственные значения. На данный момент установите для параметра «Содержимое фона» значение «Белый», хотя мы изменим его на следующем шаге. Нажмите OK, когда закончите. Ваш новый документ появится на экране:

Шаг 2. Залейте фон черным цветом

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

Шаг 3. Добавьте новый пустой слой

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

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

Шаг 4. Залейте новый слой светло-серым цветом

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

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

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

Цвет Средство выбора в Photoshop. Изображение © 2010 Photoshop Essentials.com». ширина=

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

Шаг 5. Добавьте шум

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

Когда появится диалоговое окно "Добавить шум", добавьте к изображению много шума, установив для параметра "Количество" значение около 150 %. Убедитесь, что в нижней части диалогового окна выбраны параметры Гаусса и Монохроматика:

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

Фотошоп документ заполнен шумом. Изображение © 2010 Photoshop Essentials.com.

Шаг 6. Примените фильтр размытия в движении

Мы собираемся использовать весь этот шум для создания первой части нашей металлической текстуры. Вернитесь в меню «Фильтр», выберите «Размытие», а затем выберите «Размытие в движении»:

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

Photoshop Motion Фильтр размытия. Изображение © 2010 Photoshop Essentials.com.

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

Шум теперь размыто. Изображение © 2010 Photoshop Essentials.com». ширина=

Шаг 7. Обрежьте края

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

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

Перетаскивание выделение кадра с помощью инструмента «Кадрирование». Изображение © 2010 Photoshop Essentials.com». ширина=

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

Обрезанное изображение. Изображение © 2010 Photoshop Essentials.com». ширина=

Шаг 8. Добавьте текст

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

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

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

Добавление текста в Документ Photoshop. Изображение © 2010 Photoshop Essentials.com». ширина =

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

Шаг 9. Измените размер текста с помощью свободного преобразования

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

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

Перемещение и изменение размера текста с помощью Free Transform. Изображение © 2010 Photoshop Essentials.com». ширина =

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

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

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

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

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

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

Шаг 12. Добавьте стиль слоя Bevel And Emboss

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

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

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

В разделе параметров «Затенение» нажмите миниатюру «Контур глянца»:

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

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

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

Металл текст с применением Bevel и Emboss. Изображение © 2010 Photoshop Essentials.com.

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

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

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

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

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

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

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

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

Шаг 14. Добавьте новый набор слоев в режим наложения Overlay

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

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

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

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

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

Эффект металлического текста после применения фильтра «Облака». Изображение © 2010 Photoshop Essentials.com». ширина=

Шаг 16. Примените фильтр размытия по Гауссу

Облака нужно немного сгладить, чтобы они больше походили на блики и тени. Мы сделаем это, размыв их. Перейдите в меню «Фильтр», выберите «Размытие», а затем выберите «Размытие по Гауссу»:

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

Гауссовский Диалоговое окно «Размытие» в Photoshop. Изображение © 2010 Photoshop Essentials.com». ширина=

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

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

Шаг 17. Добавьте новый слой в режим наложения «Умножение»

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

Шаг 18. Добавьте шум

Давайте добавим эффект металла, добавив к нему грязь и царапины. Перейдите в меню «Фильтр», выберите «Шум», затем выберите «Добавить шум». Появится диалоговое окно «Добавить шум» с теми же настройками, которые мы использовали ранее. Их не нужно менять, поэтому просто нажмите OK, чтобы выйти из диалогового окна. Теперь текст заполнен шумом, а поскольку режим наложения слоя установлен на «Умножение», видны только темные пятна шума:

Новый слой заполнен шумом. Изображение © 2010 Photoshop Essentials.com.

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

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

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

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

Шаг 20. Уменьшите непрозрачность слоя

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

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

 Эффект металлического текста в Photoshop. Изображение © 2010 Photoshop Essentials.com.

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

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

 Эффект металлического текста с использованием Trajan Pro Bold. Изображение © 2010 Photoshop Essentials.com». ширина=

 Текстовый эффект стали в Photoshop. Изображение © 2010 Photoshop Essentials.com.

Что делать дальше.

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

Читайте также: