Как создать матовый металлический фон с помощью фильтров в Фотошопе

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

Пример HTML-страницы

Шаг 1.

Создаем новый документ

Создайте новый документ 1280 x 720 пикселей. Залейте (Alt + Delete) фон темно-серым цветом (#666666).
Далее перейдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise) и установите значения:

Эффект (Amount) 100%

Распределение (Distribution): по Гауссу (Gaussian)

поставьте галочку в окошке Монохромный (Monochromatic)

Шаг 2.

Добавляем фильтр

Теперь примените Фильтр > Размытие > Радиальное размытие (Filter > Blur > Radial Blur)
Установите Эффект (Amount) 50

Метод размытия (Blur Method): Спин (Spin)

Качество (Quality): Высшее (Best)

Шаг 3.

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

Дважды кликните левой кнопкой мыши по фоновому слою на панели Слои (Layers), чтобы разблокировать его. Снова дважды кликните по нему левой кнопкой мыши, чтобы открыть диалоговое окно Стиль слоя (Layer Style) и примените следующие стили слоя:

1. Стиль Наложение градиента (Gradient Overlay) со следующими настройками:

— режим наложения Перекрытие (Overlay)

— поставьте галочку Размыть (Dither)

— Непрозрачность (Opacity): 75%

выберите такой градиент, как показано на рисунке

— снимите галочку Обратить (Reverse) и поставьте галочку Сглаживание (Anti-aliased)

— Стиль (Style): Угол (Angle)

— поставьте галочку Выровнять со слоем (Align with Layer)

— Угол (Angle): 90

— Масштаб (Scale): 100%

Шаг 4.

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

Стиль Внутреннее свечение (Inner Glow)

— режим наложения: Линейный затемнитель (Linear Burn)

— Непрозрачность (Opacity): 20%

— Шум (Noise): 0%

— цвет (Color): черный

— Метод (Тechnique): Мягче (Softer)

— Источник (Source): Края (Edge)

— Стягивание (Choke): 0 %

— Размер (Size): 150 пикселей

— Контур (Contour): Линейный (Linear)

— поставьте галочку в окошке Сглаживание (Anti-aliased)

— Диапазон (Range): 75%

— Колебание (Jitter) : 0%

Шаг 5.

Добавляем заливку

Теперь перейдите в меню Слой > Новый слой заливка > Цвет (Layer > New Fill Layer > Solid Color) и используйте цвет #CBDAE3. Измените режим наложения только что созданного слоя на Цветность (Color).

Шаг 6.

Добавляем новый корректирующий слой

Теперь добавьте

Слой > Новый корректирующий слой > Кривые (Layer > New Adjustment Layer > Curves) и отредактируйте кривую, как показано на рисунке.

Шаг 7.

Корректируем уровни

Затем выберите в меню Слой > Новый корректирующий слой > Уровни (Layer > New Adjustment Layer > Levels) и перетяните черный ползунок немного вправо, а белый немного влево, чтобы увеличить контраст.

Шаг 8.

Смягчаем центр

Перейдите на ваш основной слой. Возьмите мягкую круглую Кисть – Brush Tool (B) размером примерно 100 пикселей.
Установите цвет кисти #999 и Непрозрачность (Opacity) 50%. Теперь один раз кликните левой кнопкой мыши в центре вашего изображения, чтобы смягчить центральную точку радиального размытия.

Шаг 9.

Добавляем новый корректирующий слой

Создайте новый Слой > Новый корректирующий слой > Кривые (Layer > New Adjustment Layer > Curves) и перетяните кривую вниз, чтобы затемнить изображение. Теперь в маске этого корректирующего слоя черной мягкой Кистью – Brush Tool (B) покрасьте центр изображения, чтобы эффект корректирующего слоя применился только к внешним краям.

Шаг 10.

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

Так как всё было сделано с помощью корректирующих слоев, вы всегда можете отредактировать цвет и интенсивность общего эффекта.

Как создать фон в фотошопе. Как сделать фон. Как сделать фон в фотошопе. Как сделать металлический фон в фотошопе. Сделать металл в фотошопе. Как сделать эффект металла в фотошопе. Как сделать метал в фотошопе. Текстура метал в фотошопе. Текстура металла для фотошопа.

Ссылка на источник

Пример HTML-страницы

Создание эффекта простого металлического 3D-текста

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

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

Программное обеспечение: Adobe Photoshop CS6

• Текстура с трещинами;
• Текстура металла.

Запустите Photoshop и с помощью клавиш (Ctrl + N) создайте новый документ или перейдите в меню Файл> Новый:

Установите ширину холста 1440 пикселей, высоту 900 пикселей, разрешение 72 пикселядюйм и назовите документ «Metal effect». Нажмите «OK»:

Выберите в панели инструментов инструмент «Горизонтальный текст» или нажмите «T» и установите шрифт — Poplar Std, Размер — 200 pt, выберите «Выровнять по центру», установите цвет — #a5a5a5. Теперь откройте палитру «Символы» (Окно> Символ) и установите для горизонтального отступа значение 30.

Теперь введите Metal или любое другое слово, которое вам нравится, в нижней части холста. Enter пока не нажимайте:

Теперь давайте создадим 3D-экструзию.

Чтобы сделать это, нажмите на кнопку «3D» в панели параметров. Также вы можете сделать это, нажав правой кнопкой мыши на текстовом слое в панели слоев и выбрав из списка пункт «Новая 3D-экструзия из выделенного слоя». Это автоматически включит режим «3D» и рядом со слоями появится панель «3D»:

Используйте элементы управления осями для перемещения объекта в центре сцены:

С этого момента следите за панелью «3D» и панелью «Свойства». Последняя будет изменяться, отображая свойства и параметры каждого слоя объекта или материала, который вы выберете в панели «3D». При активном объекте METAL, выбранном в панели «3D», перейдите к панели «Свойства» и измените значение «Глубины экструзии» на 50.

Затем нажмите на иконку «Капитель» и изменение значения для «Ширины» на 15%, «Угла» на 45 градусов, «Контура» — «Глубокая выемка»:

Теперь при всех выбранных слоях материалов измените на панели «Свойства» цвета. Установите «Рассеивание» на #7f7d73, «Цвет блика» на #515151, «Свечения» на #080808 и «Освещения» на #000000:

Давайте добавим тексту текстуру.

Выберите в панели «3D» «Материал передней выпуклости» объекта METAL. Перейдите в панель «Свойства» и нажмите на иконку папки рядом с «Рассеивание», выберите пункт «Новая текстура».

Установите ширину 600 пикселей и высоту 900 пикселей. Нажмите «OK»:

Иконка папки изменится на иконку текстуры. Нажмите кнопку еще раз и выберите «Редактировать текстуру».

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

Нам нужна только верхняя часть изображения, так что обрежьте его:

Растрируйте этот слой (клик правой кнопкой мыши> Растрировать слой). Затем перейдите в Изображение> Коррекция> Обесцветить:

Теперь перейдите в Изображение> Коррекция> Уровни или нажмите Ctrl + L, чтобы открыть окно уровней. Установите значения для «Входа»: 0; 0,82; 248:

Это текстура, которую мы будем использовать для остальных слоев, так что сохраните ее. Как? Перейдите Файл> Сохранить как, введите имя, которое вам нужно. Photoshop по умолчанию устанавливает имя слоя материала в качестве имени файла. Выберите формат (* .psb). Я сохранил его на рабочем столе для легкого доступа в последующем. Закройте окно и вернитесь к основному проекту:

При выбранном слое «Материала переднего скоса» объекта METAL перейдите в панель «Свойства» и кликните на иконке папки рядом с «Рассеивание», выберите пункт «Загрузить текстуру». Перейдите в папку, куда вы сохранили PSB-файл и откройте его. Повторите этот шаг для материала экструзии. Если вы изменили угол объекта, примените текстуру для остальных слоев соответственно:

Выберите все слои материала, кроме первого (материал передней выпуклости). Перейдите в панель «Свойства» и измените следующие параметры: «Блеск» — 40%, «Отражение» — 8%, «Плавность» — 0%, «Рельеф» — 10%, «Непрозрачность» — 100% и «Коэффициент преломления» — 1,128:

Выберите слой материала передней выпуклости и нажмите на иконку папки рядом с «Рельефом», выберите пункт «Загрузить текстуру». Откройте ту же текстуру, которую вы сохранили ранее:

Измените для этого материала следующие параметры. «Блеск» — 25%, «Отражение» — 8%, «Плавность» — 0%, «Рельеф» — 20%, «Непрозрачность» — 100% и «Коэффициент преломления» — 1,128:

Давайте создадим фон.

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

Кликните правой кнопкой мыши на этом слое и выберите пункт «Открытка». Будет создан новый слой 3D, отделенный от 3D-текста. Убедитесь, что этот новый слой расположен над текстовым слоем. Затем выберите оба слоя и перейдите 3D> Объединить 3D-слои:

Все слои собраны в один 3D-объект. Вернитесь к панели «3D» и проверьте, чтобы она выглядела следующим образом:

Выберите слой материала открытки и измените значение «Цвета диффузии» на #7f7f7f. Теперь нажмите на иконку рядом с «Диффузией» и выберите пункт «Редактировать текстуру». Откроется новое окно с нашей текстурой, в котором можно вносить изменения:

Растеризуйте изображение (клик правой кнопкой мыши> Растеризировать слой). Затем перейдите в Изображение > Коррекция > Обесцветить или просто нажмите Shift + Ctrl + U. Теперь перейдите в Изображение > Коррекция > Уровни (Ctrl + L) и введите следующие значения для «Входных уровней»: 6; 0,87; 242:

Создайте новый слой выше предыдущих (Ctrl + Shift + N) и вставьте на него текстуру с трещинами. Установите режим смешивания слоя «Умножение», «Непрозрачность» — 75% и «Заливка» — 80%. Трансформируйте слой, пока не получите результат приведенный на рисунке ниже. Сохраните и закройте окно. Основной проект будет обновляться автоматически каждый раз, когда вы сохраняете изменения:

Вернитесь к основному проекту, сейчас нам нужно выровнять слои. Кликните правой кнопкой мыши в поле осей координат в нижнем левом углу и выберите пункт «Левый». Выберите два слоя и при выбранном инструменте «Перемещение» (V) и нажмите в панели параметров на пункт «Выровнять левые края»:

Снова кликните правой кнопкой мыши на панели осей координат в нижнем левом углу и выберите пункт «По умолчанию». Вы должны получить следующий результат:

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

Установить ширину 1440 пикселей, высоту 900 пикселей. Нажмите «OK»:

Нажмите еще раз на ту же иконку и на этот раз выберите пункт «Редактировать текстуру». В новом документе вставьте текстуру с трещинами и разместите ее, как вы делали ранее в шаге 20. Не изменяйте режим смешивания, просто установите «Заливку» 85%. Сохраните изменения, закройте окно и вернитесь к основному проекту:

Теперь нажмите иконку рядом с полем значения «Непрозрачности», выберите пункт «Удалить текстуру». Измените значение «Рельеф» на 12%:

Теперь вы должны получить следующий результат:

Выберите материал передней выпуклости. В панели «Параметры» нажмите на значок рядом с полем значения «Рельефа» и выберите пункт «Изменить UV-свойства»:

Введите следующие значения: U-шкала — 80%, V-шкала — 50%, U-смещение — 28,84% и V-смещение — 8,66%:

Теперь визуализируйте сцену. Перейдите в 3D> Рендеринг и подождите, пока не будет завершен рендеринг:

Мы закончили!

РедакцияПеревод статьи «Create a Simple 3D Text Metal Effect in Adobe Photoshop»

Создание реалистичной металлической поверхности · Мир Фотошопа

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

1 Шаг

Для начала создайте новый документ. Так как я хотел бы использовать работу в качестве обоев, я задавал размеры документа равными 1440?900px. Разблокируйте фоновый слой (кликните по замочку напротив иконки со слоем на палитре Layers) и примените к нему стиль Gradient Overlay. Режим наложения используйте Multiply, стиль градиента задайте равным Radial, а цвета: от #F2F2F2 к #C3C3C3.

2 Шаг

Создайте новый слой и назовите его “noise”. Затем переключитесь на Paint Bucket Tool (G) и залейте слой белым цветом, переключив затем его режим наложения в Multiply. Теперь убедитесь в том, что фоновый цвет у вас задан черным и выполните Filter > Noise > Add Noise. Из настроек задайте режимы Monochromatic и Uniform, а процентовку задайте на уровне 8-10%.

3 Шаг

При помощи Ellipse Tool (U) создайте шесть очень маленьких кружочков. Затем выделите их и выровняйте по горизонтали. После этого кликните по кнопке Distribute Vertical Centers в верхней панели меню. Так кружки расположатся равномерно на одинаковом расстоянии друг от друга.

4 Шаг

Убедитесь в том, что у вас включены линейки. Если нет, выполните View > Rulers. Затем вынесите несколько направляющих, как это сделал я (см. иллюстрацию) и передвиньте три из шести кружков, как показано ниже.

5 Шаг

Дублируйте три кружка из первой колонки и передвиньте их так, как показано ниже на рисунке.

6 Шаг

Теперь выделите все кружки и преобразуйте их в Smart Objects.

Затем выполните двойной щелчок по слою для вызова меню стилей. Сначала примените стиль Color Overlay с темным серым цветом, или даже черным. После этого задайте кружкам стиль с внутренней тенью (Inner Shadow).

7 Шаг

Теперь спрячьте слои с фоном и зашумлением. При помощи инструмента Rectangular Marquee Tool (M) выберите четыре кружка, но также захватите и интервал с двух сторон (для этого они и создавались в три ряда). Затем откройте Edit > Define Pattern. Назовите создаваемый шаблон “holes”.

8 Шаг

Теперь при помощи Rectangular Tool (U) создайте прямоугольник по левому краю холста. Давайте зададим ему стиль. Для начала сведите Fill Opacity этого слоя в 0%. Затем примените заливку шаблоном (стиль Pattern Overlay) с тем шаблоном, который вы только что создали из кружков. Затем просто скопируйте прямоугольник и поместите дубль с другой стороны холста.

9 Шаг

Поместите свой логотип или любой другой символ, который вам нравится в центр документа. Вызовите меню стилей для этого слоя и задайте ему стиль Gradient Overlay. Параметр Style задайте равным Reflected, а цвета выберите белый и черный. После этого добавьте еще один стиль — Bevel and Emboss и просто скопируйте настройки с рисунка ниже.

10 Шаг

Затем создайте еще один слой поверх слоя с логотипом и назовите его “noise logo”. Залейте слой белым цветом и смените режим его наложения на Multiply. При помощи Rectangular Marquee Tool создайте выделение как показано ниже. После этого выполните Filter > Pixelate > Mezzotint, а затем Filter > Blur > Radial Blur. И в конце смените Opacity слоя на 50%.

11 Шаг

Загрузите выделение по логотипу (просто кликните по пиктограмме этого слоя на палитре Layers, удерживая при этом Ctrl). Затем убедитесь в том, что у вас выбран слой “noise logo” и выполните Layer > Layer Mask > Reveal Selection.

12 Шаг

При помощи Pen Tool (P) создайте фигуру, как показано на рисунке ниже. Преобразуйте ее в Smart Object и откройте Filter > Blur > Redial Blur. Для параметра Method выберите тип Zoom и кликните Ok. Затем выполните эту же размывку (Filter > Blur > Radial Blur) еще раз, но теперь используйте тип Spin.

13 Шаг

Повторите 11 шаг, но на этот раз примените маску к слою с лучами.

14 Шаг

Создайте новый слой и назовите его “white brush”. Загрузите выделение по логотипу еще раз, как мы уже делали в шагах 11 и 14. Переключитесь на Brush Tool (B) с кистью диаметром в 35px и выберите для нее белый цвет. Затем с ее помощью нанесите несколько бликов на указанные ниже области.

Заключение

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

Я надеюсь, вы остались довольны сегодняшним уроком, удачи!

Тайловая металлическая текстура в Photoshop

Teo KiKi покажет, как легко создать тайловую металлическую текстуру в Photoshop.

Teo KiKi учится в институте искусств LASALLE в Сингапуре и специализируется по 3D-анимации. Очень любит текстурирование, скалптинг, рисование и скетчинг.

Главное, о чем нужно помнить при создании бесшовных или тайловых текстур – сделать швы незаметными.

Карта цвета: Фон

Начнем с карты цвета. Создадим документ с черным фоном, поскольку мы работаем над текстурой металла.

Начнем с черного фона

Карта цвета: добавим цвета

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

Карта цвета: паттерны

Как только закончите с основными цветами, переходите к работе с паттернами, основываясь на референсах.

Работа с референсами

Карта цвета: контраст

С помощью RGB-канала найдите на изображении наиболее контрастный канал. Сдублируйте канал и настройте кривую для большей контрастности.

Усиление контраста

Карта цвета: выберите паттерн

Теперь кликните с зажатым Ctrl на значке канала, чтобы выбрать паттерн.

Выбор канала

Карта цвета: команда «Select color range»

Также вы можете сдублировать оригинальный слой и воспользоваться командой «Select color range».

Дублирование слоев

Карта цвета: вставить выделение

Скопипастите выделение на основной слой, нарисованный ранее, и настройте режим смешивания, используя Hue и Saturation.

Настройка Hue/Saturation

Карта цвета: использование фотографий

Продолжайте работать с фото референсами, чтобы получить паттерны. Референсы могут быть любыми, от чайных пятен до ржавчины, все, что выглядит, как метал. Работайте с разными слоями. Кроме этого можете также поиграть с прозрачностью и режимом наложения слоев: Overlay, Soft Light, Multiply и пр., чтобы настроить их смешивание. Для усиления эффекта используйте Curves и Hue/Saturation.

Используйте фото референсы и режимы наложения слоев

Карта цвета: исправление текстуры

После того, как вы скопипастили паттерны, пофиксите неестественные пропуски на текстуре с помощью Layer Mask. Замаскируйте участки с твердыми ребрами и швы.

Фиксим паттерны

Карта цвета: царапины

Создайте новый слой, нарисуйте царапины кастомной кистью и настройте Opacity. Рисунок ниже был нарисован с использованием твердой стандартной кисти размером 1 px со включенным нажатием. Если вы довольны полученным результатом, двигаемся дальше. Сохраним PSD в TIFF для следующего шага.

Рисуем поверх царапин

Делаем текстуру тайловой

Кликните на Filter > Other > Offset и поставьте галочку Wrap Around. Например, если размер текстуры 2048, для Offset используйте значение 1024 по горизонтали и вертикали. Так вы получаете тайловую текстуру, но со страшными швами посередине.

Делаем текстуру тайловой

Избавляемся от швов

Используйте инструмент Clone, чтобы пофиксить швы.

Фиксим швы на текстуре

Кисти

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

Для создания бесшовных текстур кисть Healing подходит больше, чем инструмент Clone, поскольку он делает изображение «грязным». Также неплохо использовать Lasso, с помощью которого удобно делать выделения, для которых затем выполняется команда Feather. Такое выделение удобно копипастить поверх необходимых участков.

Кисти, используемые для работы с текстурой

Карта specular: использование карты цвета

Создайте карту specular на основании карты цвета. Карта specular должна быть в оттенках серого, белый цвет означает блик, а черный его отсутствие.

Сгруппируйте слои в PSD-файле карты цвета и назовите группу «Color». Сдублируйте группу «Color» и переименуйте ее в «Spec».

Переименование групп

Карта specular: Hue/Saturation

Добавьте корректирующий слой поверх существующих слоев группы «Spec». Для Saturation установите значение -100.

Настройка Saturation для группы «Spec»

Карта specular: финальная версия

Бликующие или не бликующие участки зависят от типа материала. Настройте слои в группе spec с помощью Hue/Saturation и Curves, исходя из того, должны ли участки быть светлее или темнее. Например, слои ржавчины должны быть темнее, а царапины светлее. Именно вы определяете, что сделать на карте темным, а что светлым. Помните, что карта specular должна быть контрастной.

Финальная specular-карта

Карта bump: введение

Bump-карта основана на карте цвета и оттенках серого. От уровня бампа зависит глубина 3D-текстуры. Белый цвет определяется как 1% бампа, черный – 1,5%, а серый используется для поверхностей без бампа.

Поэтому сдублируйте группу Color и переименуйте ее в Bump.

Еще одна группа

Карта bump: проработка

С помощью Curves и Hue/Saturation настройте слои по отдельности. Например, слой ржавчины явно нужно сделать светлее, а царапины нужно наоборот сделать более темными. Для примера на изображение наложен квадратик с заливкой в 50% серого. Не делайте bump слишком шумным.

Bump показывает глубину текстуры

Журналист: Алена

Как создать металлический эффект текста в 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 диапазоне. Как только вы закончите с этими настройками, нажмите кнопку ОК, чтобы применить эффект.

Заключение

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

Стиль металла в фотошопе. Металлический текст в фотошопе

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

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

На создание этого урока меня вдохновил логотип Jurassic World.

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

Ресурсы:

• Шрифт — http://www.dafont.com/it/battleground.font
• Кисти трещины — http://raven-mackay.deviantart.com/art/crack-brush-set-195214050
• Кисти трещины 2 — http://okfiles.net/0mB8I

Шаг 1

Создайте новый документ с размером 1384 х 840 пикселей и разрешением 200 .

Шаг 2

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

Вы можете переименовать группу, дважды щелкнув по ней. Переименуйте её на «Background»

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

Шаг 3

Измените цвет переднего плана на # C0C0C0 . Теперь с помощью инструмента Заливка (Bucket Tool) заполните фоновый слой этим цветом.

Шаг 4

Создайте новую группу и назовите её «Текст».

Шаг 5

Выберите инструмент Текст (Text Tool) (расположенный на панели инструментов рядом с инструментом Перо (Pen Tool ) и напишите слово «Battleground. Поместите текстовый слой в центре холста. Используйте следующие параметры для текста:

Текст должен выглядеть следующим образом:

Шаг 6

Время применить металлический эффект. Активируйте слой с текстом, нажмите на Иконку Стилей слоя (Layer Style Icon) (значок, с надписью Fx расположенный между значком с цепочкой и значком маски слоя в нижней части панели слоев ) и введите следующие настройки:

Тень (Drop Shadow):

Внутренняя тень (Inner Shadow) :

Т иснение (Bevel and Emboss):

Наложение градиента (Gradient Overlay) :

Чтобы создать новый градиент, находясь в параметре стиля слоя Наложение градиента (Gradient Overlay) нажмите на градиент, чтобы открыть окно Редактор градиентов . Используя два цвета, указанные выше, сделайте шесть новых цветовых маркеров, отрегулировав их положение следующим образом:

Вот как должно выглядеть изображение на данном этапе:

Шаг 7

Теперь добавим обводку. Создайте выделение текстового слоя (перейдите в Выделение-Загрузить выделение-ок (Select-Load Selec-tOk или удерживая нажатой клавишу Ctrl , нажмите на иконку T рядом с текстовым слоем, как показано ниже).

Появится маленькое окошко, отрегулируйте параметры в нем следующим образом: Увеличить: 20 точек

Результат на данный момент:

Шаг 8

Создайте новый слой и поместите его под слой с текстом. Переименуйте его в «Outline»

Шаг 9

Измените цвет переднего плана на # 0F0F10 . Теперь с помощью Инструмента Заливка (Paint Bucket Tool) заполните этим цветом выделение, созданное в предыдущем шаге. Снимите выделение, нажав наинструмент прямоугольное выделение (Marquee Tool) на панели инструментов или же просто щелкните по свободной области на холсте, также можно снять выделение сочетанием клавиш Ctrl + D .

Шаг 10

Теперь нам нужно добавить некоторые эффекты к слою с обводкой. Нажмите на Иконку стилей слоя (Layer Style Icon) и введите следующие настройки:

Тень (Drop Shadow):

Внутренняя тень (Inner Shadow) :

Внешнее свечение (Outer Glow ):

Т иснение (Bevel and Emboss) :

Наложение градиента (Gradient Overlay ):

(Используйте тот же градиент, что и в предыдущих шагах)

На данном этапе результат должен быть таким.

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

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

Шаг 1. Создадим текст
Первым делом, создадим новый документ, размер которого будет 900×600 пикселей. Зальём слой «Background» цветом #332222, а в качестве «Foreground Color» (передний план) выберем белый. Используйте инструмент «Type Tool». В параметрах текста установите шрифт « » (Bold), размер на своё усмотрение.

Шаг 2. Металлический вид
Создадим новый слой «Metal» и зальём его 90% серым цветом. Затем воспользуемся фильтрами: идём в Filter > Render > Lens Flare и выставляем Brightness – 125, Lens Type – 50-300mm Zoom. Жмём OK. Теперь в палитре слоёв кликаем с зажатой клавишей ALT между слоями «PSDeluxe» (текст) и «Metal», чтобы создать маску слоя.

Шаг 3. Добавление стиля
Откройте настройки текстового слоя и примените Drop Shadow: Blend Mode — Multiply, Opacity — 75%, Angle — 90, Distance — 2px, Size — 8px; Bevel and Emboss: Style — Inner Bevel, Depth — 100%, Direction — Up, Size — 0, Angle — 90, Altitude — 65.

Шаг 4. Свет для фона
Выберите в палитре слой «Background». Затем Filter > Render > Lens Flare. Измените «Brightness» на 100% и примените. Дальше Filter > Blur > Gaussian Blur, радиус 45 пикселей. Теперь отправляемся в Image > Adjustments > Hue/Saturation и выставляем «Lightness» -20.

Шаг 5. Займёмся тенью
Кликаем с зажатым CTRL по текстовому слою, чтобы создать выделение. Создаём над «Background» новый слой. Назовём его «Shadow» и зальём чёрным. Если вы отключите слой с текстом, то увидите нашу надпись в чёрном цвете.

Шаг 6. Создадим пространство для тени
Для нашей тени нам понадобится место. Для этого увеличим размер нашего холста. Идём в Image > Canvas Size и устанавливаем значения, как на картинке ниже. Далее, переключаемся на слой «Background» и тянем от линейки слева вертикальную направляющую (Vertical Guide) к центру нашего слоя. Нажмите CTRL+R, если у Вас отключены линейки.

Шаг 7. Action (Действие)
Сейчас мы создадим экшн, чтобы «отбросить» тень надлежащим образом. Идём в Window > Actions, чтобы активировать панель действий. Открываем меню на панели действий и выбираем New Set…, называем «Shadow» и жмём OK. Теперь снова в меню, только на этот раз, выбираем New Action, которому присваиваем название «Drop» и жмём Record.

Шаг 8. Action 2
Для начала, продублируем слой «Shadow» нажатием CTRL+J. После чего, нажатием CTRL+T, активируем режим Free Transform и переместим центр трансформации в самый верх холста, как показано на рисунке ниже. Поменяем горизонтальный и вертикальный размеры на 100,2% и подтвердим трансформацию двойным нажатием клавиши Enter. В завершение, нажмите на Stop в панели действий. Таким образом, запись закончена! Теперь будем только воспроизводить.

Шаг 9. Делаем тень – больше экшена!
Убедитесь, что у Вас выбран слой «Shadow». Теперь на панели действий выбираем пункт «Drop», и нажимаем кнопку Play 12 раз. После чего, выбираем в палитре слоёв все Shadow слои и жмём CTRL+E, чтобы их объединить.

Шаг 10. Добавим размытия
Идём в Filter > Blur > Radial Blur, передвигаем центр размытия наверх. Параметры: Amount — 3, Blur Method — Zoom, Quality — Best.

Шаг 11. Финал
Снова активируем режим свободной трансформации (CTRL+T), и тянем центр наверх. Теперь, чтобы слегка увеличить тень, зажимаем клавиши ALT+SHIFT и за угол тянем рамку трансформации. Главное не переборщить! Идём в Filter > Blur > Gaussian Blur и применяем размытие с радиусом 2 пикселя. Выбираем инструмент Crop Tool (C) и отсекаем ненужную белую часть холста.

Итог.
Теперь можно насладиться результатом. Стильный металлический текст с красивой тенью готов! Надеюсь, у Вас всё получилось, и вы узнали, что-то новое. Однако, если какие-то моменты Вам остались не ясны, не стесняйтесь задавать вопросы в комментариях.

В этом текстовом Photoshop уроке, мы будем учиться легко создавать металлический текст — популярный эффект, широко используемый в видеоиграх и кинопостерах! Может показаться, что здесь представлено много шагов, но когда вы проделаете эту работу несколько раз, создание данного эффекта не будет занимать у вас больше считаных минут от начала до конца. Для создания металлической текстуры и применения ее к тексту, мы будем использовать пару Стилей слоя (Layer styles), несколько фильтров, режимы смешивания слоев и Обтравочную маску ( Clipping mask)! Для этого урока я буду использовать Photoshop CS5, но для более ранних версий этот урок также подходит.

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

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

Шаг 1: Создание нового документа
Создайте новый Photoshop документ, перейдя в меню Файл — Создать (File — New) или нажмите сочетание клавиш Ctrl+N (Win)/ Command+N (Mac) на клавиатуре.

Перейдите к Файл — Создать (File — New).

Необходимо создать документ, который будет размером немного больше, чем вам нужно, по причинам, о которых я скажу в свое время. Я буду создавать свой документ размером 1200 пикс. по Ширине (Wide) и 600 пикс. по Высоте (High), Разрешение (Resolution) я оставлю по умолчанию 72 пикс. /дюйм. Вы можете использовать эти же настройки, чтобы следовать за мной дальше по уроку, или ввести свои значения. Установите параметр Содержимое фона (Background Contents) на Белый (White), даже несмотря на то, что мы будем его менять в следующем шаге. Нажмите Ок, когда закончите. Ваш новый документ появится на экране:

Диалоговое окно Новый документ (New Document).

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

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

Шаг 3: Добавление нового пустого слоя
Кликните по иконке создания Нового слоя (New layer) в нижней части панели слоев:

Клик по иконке создания Нового слоя (New Layer) (вторая иконка справа).

Photoshop добавит новый пустой слой, названный «Слой 1» (Layer 1) над Фоновым (Background) слоем:

Новый слой появляется над Фоновым (Background) слоем.

Шаг 4: Заливка нового слоя ярко-серым цветом
Перейдите к меню Редактирование (Edit) в верхней части экрана и выберите Заливка (Fill):

Перейдите к Редактирование — Заливка (Edit — Fill).

Заливка (Fill), кликните по выпадающему меню справа от слова Использовать (Use) и выберите Цвет (Color) из списка параметров:

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

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

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

Теперь документ залит серым.

Шаг 5: Добавление шума
Перейдите к меню Фильтр (Filter) в верхней части экрана, выберите Шум (Noise), затем выберите Добавить шум (Add Noise):

Перейдите к Фильтр — Шум — Добавить шум (Filter- Noise — Add noise).

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

Параметры фильтра Добавить шум (Add Noise).

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

Документ после применения фильтра Добавить шум (Add Noise).

Шаг 6: Применение фильтра Размытие в движении (Motion Blur)
Мы будем использовать весь этот шум для создания первой части нашей металлической текстуры. Вернитесь обратно к меню Фильтр (Filter), выберите Размытие (Blur), а затем выберите Размытие в движении (Motion Blur):

Перейдите к Фильтр — Размытие — Размытие в движении (Filter — Blur — Motion Blur).

Когда появится диалоговое окно Размытие в движении (Motion Blur), установите Угол (Angle) размытия около -10 градусов, затем уменьшите значение параметра Смещение (Distance) до 200 пикс.:

Установите Угол (Angle) на -10 и уменьшите Смещение (Distance) до 200 пикс..

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

Изображение после применения Размытия в движении (Motion blur) к шуму.

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

Выберите инструмент Кадрирование/Рамка (Crop).

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

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

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

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

Шаг 8: Добавьте свой текст
Выберите инструмент Текст (Type/Text) из панели инструментов, или нажмите горячую клавишу T на клавиатуре:

Выберите инструмент Текст (Type).

При активном инструменте Текст (Type/Text), выберите шрифт из панели параметров в верхней части экрана. Для лучшего результата с этим эффектом, выберите шрифт с жирными буквами. Я буду использовать Arial Black:

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

Как только вы выбрали шрифт, кликните внутри документа и добавьте свой текст. Я напишу слово «Metal» (Металл):

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

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

Кликните по Применить текущую правку (Checkmark), чтобы выйти из режима редактирования текста.

Шаг 9: Изменение размеров текста с помощью Свободной трансформации (Free Transform)
Ваш текст, скорее всего, будет слишком маленьким на данном этапе (как в моем случае), поэтому перейдите к меню Редактирование (Edit) и выберите Свободную трансформацию (Free Transform) или нажмите Ctrl+T (Win)/ Command+T (Mac) для вызова Свободной трансформации (Free Transform) с помощью горячих клавиш:

Перейдите к Редактирование — Свободная трансформация (Edit — Free transform).

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

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

Шаг 10: Перемещение слоя с текстом под слой с текстурой
Кликните по текстовому слою в панели слоев и, удерживая зажатой кнопку мыши, поместите этот слой между серым текстурным слоем (Слой 1 (Layer 1)) и Фоновым (Background) слоем. Когда вы увидите, что между этими двумя слоями появилась выделенная полоска, отпустите кнопку мыши и Photoshop переместит на это место текстовый слой:

Поместите текстовый слой между Фоновым (Background) слоем и Слоем 1 (Layer 1).

Шаг 11: Создание Обтравочной маски (Clipping Mask)
Кликните по Слою 1 (Layer 1) в панели слоев, чтобы выделить его. Затем перейдите к меню Слой (Layer) и выберите Создать обтравочную маску (Create Clipping Mask):

Перейдите к Слой — Создать обтравочную маску (Layer — Create clipping Mask).

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

Панель слоев теперь показывает, что Слой 1 (Layer 1) теперь обтравлен текстовым слоем.

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

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

Шаг 12: Добавление Стиля слоя (Layer Style) Тиснение (Bevel and Emboss)
Кликните по текстовому слою в панели слоев, чтобы выделить его. Затем кликните по иконке Стили слоя (Layer Styles) в нижней части панели слоев:

Кликните по иконке Стили слоя (Layer Styles).

Выберите Тиснение (Bevel and Emboss) из списка стилей слоя, который появился:

Выберите Тиснение (Bevel and Emboss).

Это действие откроет диалоговое окно Стили слоя (layer Syles), установленное на параметр Тиснение (Bevel and Emboss) в средней колонке. Сначала измените Метод (Technique) на Жесткую огранку (Chisel Hard), затем увеличьте Размер (Size) до 7 пикс. Перетащите ползунок параметра Глубина (Depth) по направлению вправо до значения 500%:

Параметры Тиснения (Bevel and Emboss).

В разделе параметров Затенение (Shading), кликните по миниатюре Контур глянца (Gloss Contour):

Кликните по миниатюре Контур глянца (Gloss Contour).

Это действие откроет Редактор контуров (Contour Editor). Кликните по выпадающему меню Установки (Preset) в верхней части диалогового окна и выберите из списка Кольцо (Ring):

Выберите установку Кольцо (Ring).

Нажмите Ок, чтобы выйти из Редактора Контуров (Contour Editor). Затем, вернитесь к основному диалоговому окну Стили слоя ( Layer Styles), отметьте параметр Сглаживание (Anti-aliased) справа от миниатюры Контур глянца (Gloss Contour):

Отметьте параметр Сглаживание (Anti-aliased).

Пока не закрывайте диалоговое окно Стили слоя (Layer Styles). У нас есть еще кое-что, что нужно добавить, но ваш текст на данный момент должен быть похож на этот:

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

Шаг 13: Добавление Стиля слоя (Layer Style) Наложение градиента (Gradient Overlay)
Кликните прямо по названию Наложение градиента (Gradient Overlay) в левой колонке диалогового окна Стили слоя (Layer Styles). Вам нужно кликнуть прямо по названию, не по полю отметки, для того, чтобы появился параметр Наложение градиента (Gradient Overlay):

Кликните по названию Наложение градиента (Gradient Overlay).

В средней колонке диалогового окна Стили слоя (Layer Styles) были изменены отмеченные параметры для Наложения градиента (Gradient Overlay). По умолчанию, Photoshop выбирает градиент, основанный на текущих цветах От основного к фоновому цветам (Foreground and Background colors) (черный и белый), но если выбран другой градиент, кликните по полоске предпросмотра градиента:

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

Затем кликните по миниатюре От основного к фоновому (Foreground to Background) (вверху слева) в Редакторе градиентов (Gradient Editor) для его выбора:

Выберите градиент От основного к фоновому (Foreground to Background).

Нажмите Ок, чтобы закрыть Редактор градиентов (Gradient Editor). Вернитесь к основному диалоговому окну Стили слоя (Layer Styles), измените Режим смешивания (Blend Mode) на Перекрытие (Overlay), затем уменьшите Непрозрачность (Opacity) до 70%. Это добавит световой эффект к металлу:

Параметры Наложения градиента (Gradient Overlay).

Нажмите Ок, чтобы выйти из диалогового окна Стили слоя (Layer Styles). Перед вами эффект с добавленными стилями слоя:

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

Шаг 14: Добавление нового слоя, установленного в режиме Перекрытие (Overlay)
Кликните по Слою 1 (Layer 1) в панели слоев, чтобы выделить его. Удерживая клавишу Alt (Win)/ Option (Mac), кликните по иконке создания Нового слоя (New Layer) в нижней части панели слоев:

Удерживая клавишу Alt (Win)/ Option (Mac), кликните по иконке создания Нового слоя (New Layer).

Это действие говорит Photoshop открыть диалоговое окно Нового слоя (New layer), где мы можем установить некоторые параметры прежде, чем новый слой будет добавлен. Отметьте параметр слева, который говорит Использовать предыдущий слой для создания Обтравочной маски (Use Previous Layer to Create Clipping mask), затем измените Режим (Mode) (коротко от Режим смешивания (blend Mode) на Перекрытие (Overlay). Нажмите Ок, когда вы будете готовы, чтобы закрыть диалоговое окно. Новый пустой слой, названный Слой 2 (layer 2), установленный в режиме Перекрытие (Overlay), появится над Слоем 1 (layer 1) в панели слоев. Как и Слой 1 (layer 1), он обтравлен текстовым слоем под ним:

Диалоговое окно Новый слой (new Layer).

Шаг 15: Применение фильтра Облака (Clouds)
Добавим случайные блики и тени к металлическому эффекту. Для этого мы будем использовать фильтр Photoshop Облака (Clouds) наряду с Режимом смешивания (Blend Mode) Перекрытие (Overlay), который мы уже установили для слоя. Перейдите к меню Фильтр (filter) в верхней части экрана, выберите Рендеринг (Render), а затем выберите Облака (Clouds):

Перейдите к меню Фильтр — Рендеринг — Облака (Filter — Render — Clouds).

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

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

Перейдите к меню Фильтр — Размытие — Размытие по Гауссу (Filter — Blur — Gaussian Blur).

Когда появится диалоговое окно Размытие по Гауссу (Gaussian Blur), потяните слайдер вправо, чтобы увеличить значение Радиуса (Radius) до 10 пикс.

Установите Радиус (Radius) на 10 пикс.

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

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

Шаг 17: Добавление нового слоя, установленного в режиме Умножение (Multiply)
Снова удерживая клавишу Alt (Win)/ Option (Mac), кликните по иконке создания Нового слоя (New Layer) в нижней части панели слоев для вызова диалогового окна Новый слой (new Layer). Отметьте параметр Использовать предыдущий слой для создания Обтравочной маски (Use Previous Layer to Create Clipping Mask), затем измените Режим (mode) на Умножение (Multiply). В завершение отметьте параметр Выполнить заливку нейтральным цветом режима «Умножение» (белым) (Fill with Multiply-neutral color (white)) в нижней части диалогового окна. Нажмите Ок, когда будете готовы закрыть окно и добавить новый слой:

Добавьте еще один новый слой, на этот раз в режиме Умножение (Multiply).

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

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

Шаг 19: Применение фильтра Медиана (Median )
Чтобы превратить шум во что-то, похожее на грязь или царапины, вернитесь к меню Фильтр (Filter), выберите снова Шум (Noise), а затем выберите Медиана (Median):

Перейдите к меню Фильтр — Шум — Медиана (Filter — Noise — Median).

Фильтр Медиана (Median) создан, чтобы удалять шум с изображения. Кликните в окне Радиус (Radius) и используйте клавишу со стрелкой вверх на клавиатуре, чтобы постепенно увеличивать значение, глядя на изображение в окне документа. При увеличении значения радиуса, шум будет исчезать, оставляя вместо него «сгустки», создающие эффект грязи и царапин. Значение около 9 пикс. должно подойти. Нажмите Ок, когда будете готовы выйти из диалогового окна:

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

Шаг 20: Понижение Непрозрачности (Opacity) слоя
Если эффект пятен и царапин выглядит слишком темным, уменьшите Непрозрачность (Opacity) слоя. Вы найдете параметр Непрозрачность (Opacity) в верхнем углу панели слоев. Я уменьшу свой до 70%:

Параметр Непрозрачности (Opacity) слоя.

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

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

Редактируемые настройки текста
Один из приятных моментов создания этого металлического эффекта заключается в том, что наш текст остается абсолютно редактируемым, и мы можем даже изменить шрифт, который используем, если нам не понравился тот, с которого мы начали! Чтобы изменить шрифт, просто выберите инструмент Текст (type/ Text) в панели инструментов, кликните по текстовому слою в панели слоев, чтобы выделить его, затем выберите любой шрифт из панели настроек (возможно, вам потребуется изменить размер текста с помощью Свободной трансформации (Free Transform) — смотрите Шаг 9). Для примера, я не стал ничего изменять, кроме шрифта на Trajan Pro Bold:

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

Здесь я редактировал текст, изменив слово с «Metal» (Металл) на «Steel» (Сталь). Если вы сохраните свой документ как Photoshop. PSD файл, вы можете открывать его снова в любой момент, когда захотите, и редактировать свой текст без воссоздания металлической текстуры:

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

Вот и все!

Красивый металлический текст в фотошопе сделать достаточно просто. Всего несколько простых манипуляций со слоями, назначение правильных стилей и готово. Справится даже новичок. Я предлагаю вам текстово-картиночный урок и (чуть позже) видеоурок на эту тему. Кстати – эта методика, конечно, подойдет не только для текста, но и для любых силуэтов.

1. Создаем новый документ размером 1000 x 700 pix. с разрешением 72 Dpi. Берем металлическую текстуру , копируем и вставляем в созданный документ. Нажимаем Ctrl+T и трансформируем в соответствии с границами документа.

2. Берем другую металлическую текстуру , открываем в фотошопе, заходим в меню изображение → размер изображения и выставляем настройки как на скриншоте. Далее заходим в меню редактирование → определить узор, вписываем имя, например “сталь” и жмем ок.

3. Создадим в этом же документе новый слой с белой заливкой. Сделаем основной цвет черным, выберем круглую кисть, назначим размер 1 пиксель и жесткость 100%. Нарисуем на белом слое хаотичные царапины. Снова заходим в меню редактирование → определить , вписываем имя “царапины 1″ и жмем ок.

4. Создадим еще один новый слой и повторим шаг 3, с той лишь разницей, что сделаем царапины чаще и добавим немного более жирных (увеличив соответственно кисть). Определим узор под именем “царапины2″.

5. Создадим нужный нам текст, сделав его (каким именно особого значения не имеет). Цвет текста белый. Затем 2 раза кликнем на слой с текстом и в выпавшем окне настроим стили слоя в соответствии со скриншотами ниже.

Должен получиться примерно такой результ:

6. Создаем дубликат слоя с текстом (Ctrl+J) и удаляем у дубликата эффекты – просто перетащив их в корзину панели слоев. Задаем для этого слоя значение заливки 0%. Устанавливаем для этого слоя стили как на скриншоте.

После этих манипуляций вы увидите на буквах царапины:

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

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

Оставляйте пожалуйста комментарии и вопросы! Жмите пожалуйста на кнопки социальных сетей!

Не в тему

Привет! Чем занимаешься?
-Привет. Собираюсь, досмотреть свой сериал и сдохнуть.
-Пошли гулять!?
-Ну, ладно, пошли. Досмотрю в следующий раз.

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

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

1. Создаём задний фон

Шаг 1

Загрузите текстуру black_background. pat, дважды щёлкнув по исходному файлу.

Шаг 2

Создайте новый документ, идём Файл — Новый (File > New). Установите значение Ширины (Width) на 600 px, а значение Высоты (Height) на 500 px. Разрешение (Resolution) должно быть 72 точек на дюйм (ppi).

Шаг 3

Находясь на слое с задним фоном, продублируйте его, для этого идем Слой — Создать дубликат слоя (Layer > Duplicate Layer) и нажимаем OK. Назовите дубликат слоя Узор Заднего фона (Background Pattern).

Шаг 4

Перейдите (Layer > Layer Style > Pattern Overlay), выберите текстуру ‘black_background.pat’ из выпадающего меню, установите Масштаб (Scale) 50%, и нажмите кнопку OK.

Шаг 5

Чтобы добавить эффекты освещения сверху, выберите стиль слоя Тиснение (Bevel & Emboss). Примените настройки для данного стиля слоя, которые указаны на скриншоте ниже:

2.

Создаём текст

Шаг 1

Напишите слово ‘Round’ или любое слово на свой выбор, используя шрифт ‘Stonecross’. Установите Размер Шрифта (Font Size) 132 pt, а также задайте Трэкинг (Tracking) 20 pt. Для улучшения качества, поменяйте метод Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите данный слой с текстом ‘A01’.

Примечание переводчика: метод сглаживания можно поменять в нижнем правом углу, в настройках шрифта.

Шаг 2

Далее, выберите инструмент Перемещение (Move Tool), выделите слой с текстом и слой с задним фоном, а затем в настройках данного инструмента, выберите следующие опции: Выравнивание центров по горизонтали (Align Horizontal Center) и Выравнивание центров по вертикали (Align Vertical Center), чтобы выровнять текст.

Шаг 3

Продублируйте слой с текстом, назовите дубликат слоя ‘A02’. Расположите слои, как показано на скриншоте ниже. Временно скройте слой ‘A02’, чтобы вам было удобно работать, т. к. мы не будем использовать данный слой до 4 части этого урока.

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

Шаг 1

Загрузите текстуру ‘scratched_metal.pat’.

Шаг 2

Мы будем работать со слоем ‘A01’. Перейдите Слой — Стиль слоя – Перекрытие узора (Layer >Layer Style > Pattern Overlay), щёлкните по окошку Узор (Pattern), чтобы выбрать текстуру ‘scratched_metal.pat’ из выпадающего меню. Мы используем данную текстуру в качестве основы для создания металлического эффекта.

Шаг 3

Чтобы получить реалистичный бронзовый цвет, идём Слой – Стиль слоя – Наложение цвета (Layer >Layer Style > Color Overlay). Поменяйте режим наложения на Умножение (Multiply), а также установите следующие значения:

Шаг 4

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

Шаг 5

Выберите контур ‘Cove – Deep’ из набора контуров.

Шаг 6

Теперь мы улучшим эффект блеска металла, добавив свечение. Идём Слой — Стиль слоя – Внутреннее свечение (Layer > Layer Style > Inner Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 7

Далее, нам нужно добавить тени, чтобы отделить текст от заднего фона. Идём Слой — Стиль слоя – Внешнее свечение (Layer > Layer Style >

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

Шаг 1

Теперь мы будем работать со слоем ‘A02’, не забудьте включить видимость данного слоя! Далее, идём Слой – Стиль слоя – Внешнее свечение (Layer >Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 2

Чтобы улучшить 3D вид, мы подчеркнем светотени на краях. Идём Слой — Стиль слоя — Тиснение (Layer >Layer Style > Bevel & Emboss). Установите значения, которые указаны на скриншоте ниже. Создайте свой контур, используя значения, которые указаны в правой колонке.

Шаг 3

Это очень важный шаг. Мы создадим перспективу с помощью центральной точки схода в перспективе.

Идём в закладку Символ (Character) и меняем Масштаб по горизонтали (Horizontally Scale) на 98%, как показано на скриншоте ниже.

Шаг 4

Чтобы цвета обоих слоёв с текстом соответствовали друг другу, идём Слой — стиль слоя – Наложение цвета (Layer > Layer Style > Color Overlay). Установите значения, которые указаны на скриншоте ниже.

Шаг 5

Подсказка: чтобы добавить контрольную точку градиента, вам нужно щёлкнуть ниже шкалы градиента. Щёлкнув по контрольной точке градиента, вы сможете провести редактирование Позиции (Location) и Цвета (Color) контрольной точки.

Шаг 6

В этом заключительном шаге мы добавим немного глубины, чтобы сделать текст более выразительным. Примените стиль слоя Тень (Drop Shadow), используя следующие настройки.

Отличная работа, мы завершили урок!

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

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

Создание яркого металлического текста в Фотошопе | Soohar

В этом коротком уроке по Фотошопу Gianluca Giacoppo расскажет вам как создать яркий металлический текст,  используя всего лишь пару стилей. Давайте начнем!
 

Финальный результат:

 

Материалы для урока:

Шаг 1

После запуска Фотошопа скачайте и установите декоративные шрифты и гранжевые кисти (как установить кисти читайте здесь). После этого создайте новый документ размером 1800 x 1300 пикселей в режиме RGB, 72 DPI и  залейте фон с темно-серым цветом # 1f1f1f:

 

 

Шаг 2

Создайте новый слой и назовите его «Текстура».  Используя белый цвет и скачанные гранжевые текстуры создайте похожий узор как на рисунке ниже:
 

 

Шаг 3

Дважды щелкните по иконке слоя «Текстура», чтобы открыть панель Layer Style (Стиль Слоя). Перейдите в раздел «Blending Options» (Параметры наложения).

Уменьшить «Fill»  (Непрозрачность Заливки)до 0, а затем включите стили «Drop Shadow» (Тень) и «Inner Shadow»(Внешняя Тень). Настройте параметры стилей, как показано ниже. Это добавит текстуре реалистичный тисненый вид.

 

 

Шаг 4

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

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

 

 

Шаг 5

Используя «Type» (T) (Текст) напишите слово «Othello» или любое другое.  Если окно с настройками текста не отображается,  выберите  Window> Character. (Окно — Символ)
 

 

Шаг 6

После этого примените для слова стили, как показано ниже. Под каждым стилем вы можете посмотреть предварительный просмотр эффекта:
 

 

Шаг 7

После того как вы примените и настроите стили, нажмите на кнопку ОК. Теперь активируйте инструмент «Type (T)» (Текст) и выберите все буквы кроме заглавной и уменьшите «трекинг»до -5, как показано на изображении ниже. Вы можете найти этот параметр в окне «Character» (Символ) Window> Character (Окно — Символ).

 

 

Шаг 8

Продублируйте слой с текстом нажав сочетание клавиш «Ctrl + J». Кликните правой кнопкой мыши по иконке слоя и выберите «Clear Layer Style» (Очистить стиль слоя), чтобы очистить стили. Теперь у нас два слоя с одинаковым текстом — один со стилями, а другой без стилей.  Благодаря этому мы сможем усилить эффет, применив новые стили к продублированному тексту.  Мой любимый способ работать с двумя стилями слоя, это позволяет сделать базовые настройки для первого, а для второго усилить эффект, добавив освещение и отражения.

 

 

Шаг 9

Давайте идти дальше, Примените следующие стили для второго слоя с текстом:

 

 

Шаг 10

Эффект металла почти готов, осталось лишь придать больше реалистичности. Просто настройте следующие стили, как показано ниже:

 

Заключение

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

 

 

Создание гладкой металлической текстуры в Photoshop — Medialoot

Создайте текстуру матового металла с нуля

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

Сегодня вы узнаете, как создать металлическую текстуру в Photoshop с нуля, используя только стандартные инструменты Photoshop, корректирующие слои, стили слоев и несколько фильтров.

Шаг 1

Откройте Photoshop и перейдите в меню «Файл»> «Создать», чтобы создать новый документ размером 1200 x 700 пикселей.

Шаг 2

Нажмите «D» на клавиатуре, чтобы сбросить цвета переднего плана и фона, и выберите «Фильтр»> «Шум»> «Добавить шум». В окне «Добавить шум» установите значение 100%, распределение по Гауссу, убедитесь, что установлен флажок «Монохроматический», и нажмите «ОК».

Шаг 3

Перейдите в Фильтр> Размытие> Радиальное размытие. Установите Amount на 55, Blur Method на Spin, Quality на Best и нажмите OK.

Шаг 4

Нажмите Control + F на клавиатуре, чтобы снова применить радиальное размытие, если вы хотите добиться более чистого вида. В противном случае вы можете оставить все как есть.

Шаг 5

Перейдите в Layer> New> Layer from Background. Задайте имя «Base» и нажмите «ОК».

Шаг 6

Перейдите в Слой> Стиль слоя> Наложение градиента. Установите Режим наложения на Перекрытие, Непрозрачность на 80% и Стиль на Угол. Пока не нажимайте ОК.

Шаг 7

Щелкните миниатюру градиента, чтобы открыть редактор градиента.

Шаг 8

Дважды щелкните по черному ограничителю цвета и в окне «Палитра цветов» установите цвет на # 111111 и нажмите «ОК».

Шаг 9

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

Шаг 10

Щелкните на первой отметке черного цвета и установите для параметра Location значение 2.

Шаг 11

Теперь установите положение для каждого из оставшихся ограничителей черного цвета на 33, 66 и 98.

Шаг 12

Дважды щелкните белый ограничитель цвета и в окне «Палитра цветов» установите цвет на # c1c1c1 и нажмите OK.

Шаг 13

Установите для этого цвета значение 16.

Шаг 14

Добавьте еще 2 экземпляра этого цвета на 49% и 81% и нажмите OK.

Шаг 15

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

Шаг 16

Перейдите в Layer> New Adjustment Layer> Brightness / Contrast.Установите имя этого слоя на «Яркость / Контрастность» и нажмите «ОК».

Шаг 17

На панели «Свойства яркости / контрастности» установите для параметра «Яркость» значение -60, а для параметра «Контрастность» — 85.

Шаг 18

Перейдите в Слой> Новый слой заливки> Сплошной цвет. Задайте для этого слоя имя «Цвет» и нажмите «ОК».

Шаг 19

В окне «Палитра цветов» установите цвет # dae7ef и нажмите «ОК».

Шаг 20

На панели слоев установите режим наложения слоя «Color» на Color.

Шаг 21

Чтобы добавить немного больше темноты к текстуре, перейдите в Слой> Новый корректирующий слой> Уровни. Назовите этот слой «Уровни» и нажмите «ОК».

Шаг 22

На панели «Свойства уровней» установите уровень ввода тени на 35, уровень ввода полутонов на 0,90, уровень ввода светлых тонов на 240, а в выходных уровнях установите для тени 5 и подсветки на 250.

Шаг 23

Наконец, если вам не нужен полированный металл, выберите слой «Base» и перейдите в Layer> New Layer.Назовите этот слой «Облака» и нажмите «ОК».

Шаг 24

Перейдите в меню «Правка»> «Заливка». В разделе «Содержание» выберите «Белый» и нажмите «ОК».

Шаг 25

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

Шаг 26

Установите режим наложения слоя «Облака» на более темный цвет и уменьшите непрозрачность до 10%.

Некоторые заключительные примечания

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

Как создать металлическую текстуру в фотошопе?

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

Шаг № 1. Откройте новый документ
На первом этапе запустите Adobe Photoshop и создайте пустой документ.Выберите его размер «800 x 600» пикселей и нажмите кнопку «ОК», чтобы создать его.

Шаг № 2 — Выберите металлический серый цвет
Щелкните панель цветов и выберите цвет переднего плана «Серый металл». Для справки вы можете использовать цветовой код «808080».

Шаг № 3 — Нанесите цвет на страницу
Выберите в меню инструмент «Ведро с краской» и щелкните пустую страницу, чтобы применить к ней выбранный цвет.

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

Шаг 5 — Выберите настройки шума
На панели настроек «Шум» выберите параметр «Равномерное» и включите эффект «Монохроматический». Теперь измените уровень суммы на «100%» и нажмите кнопку «ОК», чтобы применить фильтр.

Шаг 6 — Применение размытия в движении
Теперь перейдите в меню «Фильтр» и выберите из списка опцию «Размытие». Щелкните фильтр «Размытие в движении», чтобы применить его к изображению.

Шаг № 7 — Выберите настройки размытия
В настройках «Размытие в движении» установите «Угол» на «0 °». После этого измените параметр «Расстояние» на «100» пикселей. Теперь нажмите кнопку «ОК», чтобы применить эти настройки.

Шаг № 8 — Выберите центр страницы
Выберите в меню инструмент «Прямоугольная область» и выберите среднюю часть текстуры, исключая края.

Шаг № 9 — Растяните центр к краям
Теперь используйте инструмент «Выбрать» в меню и выберите опцию «Показать элементы управления преобразованием», расположенную в верхней части окна.Выделив его, растяните выбранную среднюю часть по направлению к краям. Это сделает изображение однородным и уберет неровности по краям.

Шаг № 10 — Применение фильтра световых эффектов
Теперь перейдите в меню «Фильтр» и выберите из списка опцию «Рендеринг». Нажмите на фильтр «Эффекты освещения» в меню, чтобы применить его. Это сделает изображение более реалистичным и металлическим.

Шаг № 11 — Настройте параметры
В окне настроек «Эффекты освещения» выберите «Стиль» на «По умолчанию» и «Тип освещения» на «Прожектор».Теперь выберите опцию «ВКЛ» и измените «Интенсивность» на «35» и «Фокус» на «69».
В разделе «Свойства» измените «Глянец» на «0», «Материал» на «69», «Экспозиция» на «0», «Атмосфера» на «8» и «Канал текстуры» на «Нет».
Теперь нажмите кнопку «ОК», чтобы применить эти настройки к изображению.

Матовых металлических эффектов в Photoshop

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

Выбрать

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

Для создания выделения текста в Photoshop 5.5, нажмите и удерживайте значок инструмента Type на палитре инструментов, пока не появится небольшая палитра, затем выберите пунктирный инструмент T (также известный как инструмент Type Mask):

Чтобы создать это выделение в Photoshop 6, выберите параметр Тип на палитре инструментов. Вы увидите, что панель параметров в верхней части экрана изменится в соответствии с параметрами типа. Слева от полосы выберите параметр «Т-образный пунктир» («создать маску или выделение»).

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

Нажмите кнопку OK , и вы увидите, что ваш текст отображается как выделенный в документе:

Добавление эффекта металла

Теперь, когда у нас есть выбор, давайте превратим его в металл! Сначала нам нужен сплошной цветной блок для работы, поэтому, когда ваш новый слой выделен, а выделенный текст все еще активен, выберите параметр Fill из меню Edit и залейте выделение 50% серым:

Затем мы добавим шум к нашему тексту, который будет основой «полос» в эффекте матового металла.Выберите Filter> Noise> Add Noise… и выберите величину около 200. Убедитесь, что вы выбрали распределение по Гауссу , и установите флажок Monochromatic для создания черного и белого шума:

А теперь превратим эти точки в полосы! Выберите Filter> Blur> Motion Blur . Выберите расстояние около 80 пикселей. Вы можете изменить угол от значения по умолчанию 0, чтобы создать полосы в нужном вам направлении:

Теперь у вашего объекта должен быть эффект «растушевки» следующим образом:

Вы, наверное, заметили, что текст стал немного прозрачным — мы видим фон, просвечивающий сквозь него.Это вызвано фильтром «Размытие в движении». Но мы хотим, чтобы наш объект был твердым, а не прозрачным! Давай исправим это.

Снова выберите Edit> Fill , но на этот раз выберите Behind из раскрывающегося списка Mode . Как и прежде, выберите 50% серый :

Это «заполнит» прозрачные области на нашем слое следующим образом:

Пора расколоть!

Наш объект сейчас выглядит довольно металлическим, но чтобы придать ему ощущение трехмерного «куска металла», нам нужны скосы и контуры. Мы можем легко добавить эти эффекты в Photoshop 5.5 с помощью эффектов (в Photoshop 6 и более поздних версиях вы можете добиться тех же результатов, используя стили слоя).

Чтобы применить соответствующие эффекты к нашему объекту, сначала удалите наш выбор (он нам больше не нужен), нажав Control + D . Затем, если вы используете Photoshop 5.5, выберите «Слой »> «Эффекты»> «Скос и тиснение»… . Нам нужен довольно объемный эффект, поэтому увеличьте оба значения Opacity до 100% и выберите Depth из 6 пикселей и Blur из 5 пикселей.

В Photoshop 6 перейдите в Слой > Стили слоя> Фаска и тиснение . Для этих целей вы, вероятно, захотите установить Depth примерно на 100%, Size установить примерно на 5 пикселей и элемент управления Soften установить на ноль. Вы можете оставить все элементы управления затенением в значениях по умолчанию, но поиграйте, если хотите!

Чтобы дать краям нашего объекта немного больше четкости, давайте добавим черный контур. Мы можем сделать это с помощью эффекта Outer Glow.В Photoshop 5.5 выберите Layer> Effects> Outer Glow , выберите черный для цвета свечения (щелкнув поле цвета и введя 000000 в поле # внизу), выберите Normal для Mode и установите Blur на 1 пиксель и Intensity примерно на 50%.

В Photoshop 6 перейдите в Слой > Стили слоя> Внешнее свечение . В разделе «Структура» установите Blend Mode на Normal , Opacity на около 65%, Noise на ноль и цвет на черный (градиент должен быть от черного к прозрачному).В «Элементах» установите Technique на Мягче , Spread примерно на 5% и Size примерно на 3 пикселя. Экспериментируйте сколько душе угодно! Вы можете оставить Качество в покое.

Наконец, добавьте тень к объекту, чтобы придать ему большую глубину. В Photoshop 5.5 выберите Layer> Effects> Drop Shadow… (значения по умолчанию, вероятно, подойдут). В Photoshop 6 используйте Layer> Layer Styles> Drop Shadow и попробуйте следующие настройки: Режим наложения: Normal , Opacity: 75%, Distance: 5 пикселей, Spread at zero and Size: 5 пикселей.Опять же, вы можете оставить Качество в покое. У нас получился красивый металлический объект!

Чтобы добавить больше интереса, попробуйте поэкспериментировать с бликом или двумя ( Filter> Render> Lens Flare… ). В этом примере использовался объектив типа «105 мм с постоянным фокусным расстоянием»:

Вы также можете отрегулировать оттенок с помощью Image> Adjust> Hue / Saturation (установите флажок Colorize ) и используйте Image> Adjust> Curves , чтобы выделить блики и контраст в объекте, как мы это сделали в примере вверху страницы.Развлекайся!

Конец

Создайте текстуру металла и дерева в Photoshop

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

Я говорю о текстурах. И в этом уроке я расскажу, как создать свой собственный!

Как получить текстуры

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

Мы голосуем за последний — вот как вы можете сделать это самостоятельно:

Создание золотой текстуры

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

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

1. База

Выберите цвет переднего плана # eddf87 и цвет фона # 7f6623 . Затем выберите в меню Filter> Render> Clouds . У вас должно получиться что-то вроде изображения выше. Это пока не очень реалистично, но это первый шаг.

2. Фильтр-галерея

Откройте галерею фильтров из меню фильтров. Окно галереи фильтров разделено на три части: слева у вас есть предварительный просмотр, в середине вы можете выбрать фильтр, а справа вы можете настроить выбранный фильтр.

Выберите группу Brush Strokes в средней части, затем фильтр Sprayed Strokes . Вы можете поэкспериментировать с настройками этого фильтра, чтобы настроить текстуру. Я использовал малую длину хода 1 и радиус распыления 25 .

Но не закрывайте галерею фильтров, мы еще не закончили! Был применен первый фильтр, но все равно он выглядит не так, как я себе представлял. Давайте добавим второй фильтр.

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

• Искажение при 18
• Гладкость при 1
• Матовая текстура
• Масштабирование на 117%

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

3. Окончательная корректировка

Хорошо, прежде чем мы внесем окончательные корректировки в нашу золотую текстуру, давайте посмотрим, что у нас есть на данный момент:

Неплохо, но цвет не такой яркий, как я себе представлял.

Выберите слой с золотом и нажмите CTRL + J (CMD + J) , чтобы дублировать его. В Layer Palette измените режим наложения на Soft Light и уменьшите непрозрачность до 70%.Окончательный результат должен выглядеть так, как на моем изображении выше.

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

Создание текстуры дерева

Сохраните последнюю текстуру и приготовьтесь к следующей — дереву.

1. База

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

Выберите Filter> Render> Clouds. Результат, который я получил, показан на изображении выше, ваш результат может немного отличаться.

2. Первый фильтр

В меню выберите Фильтр> Размытие> Размытие в движении . Мы будем использовать угол 90 градусов и максимально возможное значение расстояния, равное 999 пикселям. Вот результат:

3. Все, что вам нужно, это цвет

Сейчас наша текстура совсем не похожа на дерево — большая проблема — это цвет.

Выберите изображение> Коррекция> Цветовой тон / Насыщенность , ( CTRL + U или CMD + U на Mac). В диалоговом окне убедитесь, что вы установили флажок Colorize в активный режим. Нажмите:

• Оттенок на 40
• Насыщенность при 30
• Легкость при -8

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

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

4. Более натуральное дерево

На этом этапе мы придадим текстуре дерева более естественный вид. В меню «Фильтр» откройте Liquify . В этом окне вы найдете три отличных инструмента:

• Инструмент для вращения по часовой стрелке (C)
• Сморщивающий инструмент (S)
• Инструмент для раздувания (B)

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

5. Пусть произойдет волшебство

А вот и волшебство. Откройте фильтр Галерея из меню фильтров. Мы ищем фильтр Grain Filter , найденный в группе Texture .

• Используйте интенсивность около 4
• Контраст на 0
• Тип зерна необходимо изменить на вертикальный

Изображение выше должно дать вам представление о том, что произойдет, когда мы нажмем ОК.

И вот что у нас получилось! Довольно мило, не правда ли?

Заключение

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

У вас есть придуманные вами крутые текстуры? Покажи нам в комментариях.

Создайте эффект поцарапанного металлического текста в Photoshop

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

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

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

Хорошо, приступим!

Шаг 1

Создайте новый документ, размер значения не имеет. Я выбрал 800×400 пикселей, потому что это моя зона комфорта. Залейте фоновый слой черным цветом.

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

Создайте новый слой под названием «Текстура 1», залейте его светло-серым цветом (подробности см. На изображении ниже).

Шаг 2

На слое «Текстура 1» перейдите в Фильтр> Шум> Добавить шум и используйте следующие настройки:

Затем перейдите в Фильтр> Размытие> Размытие в движении и примените следующие настройки:

Затем нажмите Ctrl + M , чтобы применить настройку изображения кривой, используйте следующие настройки:

Ваше изображение должно выглядеть так:

Шаг 3

По-прежнему находясь на слое «Текстура 1», выберите «Фильтр»> «Текстура»> «Мозаичные плитки» и примените следующие настройки:

, затем перейдите в Фильтр> Текстура> Пэчворк и примените следующие настройки:

После применения этих текстурных фильтров используйте инструмент «Осветление и затемнение», чтобы придать слою «Текстура 1» некоторый контраст освещения.

Настройки инструмента Dodge:

Настройки инструмента записи:

Эффект после:

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

Эффект после регулировки уровня:

Шаг 4

Создайте новый слой под названием «Color Overlay», установите для него параметр смешивания «Color Dodge». Затем возьмите большую круглую кисть и нарисуйте немного цвета RGB на слое.

Вот эффект на данный момент:

Дополнительно: вы можете применить размытие по Гауссу к слою «Текстура 1», если хотите, подробные настройки см. Ниже:

Шаг 5

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

Отрегулируйте положение текста в соответствии с изображением ниже:

Измените параметры наложения этого текстового слоя следующим образом:

Внутренняя тень

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

Фаска и тиснение

Наложение градиента

Ваш текст теперь будет выглядеть так:

Шаг 6

Теперь нам нужно еще несколько текстур с множеством царапин и трещин. Я скачал следующее изображение из CG Texture.

Загрузите эту текстуру в Photoshop, затем вернитесь в наш текстовый документ и выберите слой «Текст». Используйте Crtl + левую кнопку мыши, чтобы выделить текст,

, затем перетащите выделение на изображение текстуры (куда хотите). Нажмите Crtl + C, чтобы скопировать выделение, и нажмите Ctrl + V, чтобы вставить его на слой «Текст».

Назовите новый слой «Текстура 2» и измените его параметр наложения на «Перекрытие». Ваше изображение будет выглядеть так:

Шаг 7

Сделайте видимыми слои «Текстура 1» и «Наложение цвета», измените параметр наложения «Текстура 1» на цветной, подробности см. Ниже:

Эффект теперь будет выглядеть так:

Хорошо! Это все для этого урока! Вы можете добавить немного цвета или изменить существующее наложение цвета и добавить еще несколько текстур.Это полностью зависит от вас!

Вот мое окончательное изображение: (я настраиваю цветовой баланс и добавляю еще немного необычных эффектов)

Если у вас есть какие-либо вопросы, просто напишите мне, и я свяжусь с вами, как только смогу.

Ура и хорошего дня!

Stroke in Photoshop — Учебник по эффектам обводки для металлических стилей

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

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

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

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

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

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

Откройте коллекцию металлических градиентов Photoshop: они очень полезны для обводки границ с металлическим эффектом.

Эффект серебряного градиента отлично подходит для обводки границы. Увеличьте ширину штриха, если хотите еще больше выделить границы.

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

Эффект металлического текста в стиле Super Easy Pewter Style в Photoshop

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

Неограниченное количество скачиваний более 2000000 кистей, шрифтов, графики и шаблонов дизайна Объявление

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

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

Дважды щелкните текстовый слой в палитре слоев, чтобы открыть окно «Стиль слоя». Основной металлический эффект создается с помощью функции Bevel & Emboss. Для начала измените технику на «Долбить твердо».

Отрегулируйте ползунки для параметра «Размер» и «Глубина», чтобы добиться максимального эффекта скоса. Фактические требуемые цифры будут зависеть от размера вашего документа, но внесите изменения, пока установлен флажок Предварительный просмотр.Уменьшите светлые участки и тени внизу окна до 60-80% непрозрачности.

Эффект выглядит несколько реалистично только с эффектом Bevel & Emboss, но добавление наложения Satin действительно помогает добавить дополнительный реализм с большим количеством бликов / теней. Измените цвет на темно-серый, затем отрегулируйте угол до 27 градусов. Переместите ползунки Distance и Size на 12px и 24px, затем измените пресет Contour на миниатюру с двумя вершинами. Вернитесь к ползунку «Непрозрачность», чтобы уменьшить эффект до тех пор, пока он не смешается красиво, подойдет 60%!

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

Откройте тонкую гранжевую текстуру с сайта LostandTaken.com и вставьте ее в документ. Нажмите CMD + I, чтобы инвертировать изображение, затем уменьшите непрозрачность до 70%.

На новом слое нанесите светло-голубое пятно с помощью большой мягкой кисти. Измените режим наложения этого слоя на Overlay и установите непрозрачность на 50%.

Повторите процесс, но с более темным синим и белым пятном еще на двух слоях.Измените эти слои на Soft Light на 50% и 100% соответственно.

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

Нажмите CMD + T для преобразования и сожмите черный залитый текст сверху, пока он не отобразится на нижней стороне металлического текста. Щелкните правой кнопкой мыши и выберите «Перспектива», затем потяните за боковой маркер, чтобы расширить форму.

Перейдите в меню «Фильтр»> «Размытие»> «Размытие по Гауссу» и задайте размытие слоя с черным текстом на 10 пикселей, чтобы создать впечатление тени.

Сделайте окончательные выравнивания и корректировки тени, затем уменьшите ее непрозрачность примерно до 50%.

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

Удерживая ALT, нажмите клавишу курсора вверх, чтобы сделать копию, затем CMD + T и поверните на 90 градусов.