Металлический текст в фотошопе: Создаём Металлический Текст в Photoshop

Содержание

Еще один эффект металлического текста в Adobe Photoshop

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

 

 

Результат


Исходники

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

Скачайте набор MetalKid_assets.zip и извлеките файлы. Установите паттрен Dark_Pattern.pat и контур CustomContoursMK.shc. Для этого просто кликните по ним дважды.

1. Создаем фон

Шаг 1

Создайте новый документ (File > New/Файл>Создать). Введите данные как показано ниже.

Шаг 2

Дублиуйте фоновый слой (выберите в меню Layer > Duplicate Layer/Слой>Дублировать слой) и назовите копию «Background Pattern».

Шаг 3

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

«Background Pattern layer» чтобы открыть стили слоя. Выберите Pattern Overlay/Перекрытие паттерна, затем кликните по паттерну и выберите Dark Pattern.

Шаг 4

Добавим стиль слоя inner shadow/Внутренняя тень, чтобы сделать фон еще лучше. Для этого используйте черный цвет и следующие параметры:

2. Создаем текст

Шаг 1

Введите ваш текст шрифтом Strasua. Укажите тексту белый цвет и параметры как показано ниже.

Шаг 2

Возьмите инструмент Move/Перемещение выберите слой с текстом и в верхней панели выровняйте его по центру горизонтально и вертикально.

3. Создаем эффект для текста

Шаг 1

Кликните дважды по слою с текстом, чтобы открыть стили слоя. Начните со вкладки Blending Options/Параметры наложения. Введите параметры как показано ниже.

Шаг 2

Добавляем стиль слоя Drop Shadow/Тень. Используйте черный цвет и параметры как показано ниже.

Шаг 3

Добавляем стиль слоя Gradient Overlay/Перекрытие градиента. Укажите параметры как показано ниже. Кликните по самому градиенту, чтобы открыть возможность его редактирования. Создайте градиент как показано ниже, используя цвета: #0d1117, #a0a0a0, #161a20, #a0a0a0, #0d1117.

Шаг 4

Добавляем стиль слоя Inner Glow/Внутреннее свечение. Используйте белый цвет.

Шаг 5

Добавляем стиль слоя Bevel & Emboss/Тиснение.

Кликните по контуру и выберите «CustomContourMK01».

Теперь продолжим. Используйте белый и черный цвета.

Шаг 6

Добавляем стиль слоя Satin/Глянец.

Кликните по контуру и выберите «CustomContourMK02».

Шаг 7

Почти все. Добавляем стиль слоя Stroke/Обводка. Кликните по градиенту и укажите переход цвета, используя цвета: #1a1b1e, #7f7f7f, #1a1b1e.

Результат

Автор урока Enrique Elicabe

Перевод — Дежурка

Смотрите также:

Красивый металлический текст в фотошопе

569

24.11.2015 | Автор: Трофименко Владимир | Просмотров: 8363 | видео + текст

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

Для начала создаем новый документ, выбираем Файл -> Создать (File -> New) или нажимаем сочетание клавиш Ctrl+N. В моем примере его размер 800 на 500 пикселей. Подгоняем получившийся слой под размер рабочей области, чтобы нам было удобно работать, и разблокируем фоновый слой.

Первый делом будем создавать фон. Через инструмент Заливка заливаем слой цветом 042e5d.

Далее создаем небольшую шероховатость на фоне. Применяем Фильтр -> Шум -> Добавить шум (Filter -> Noise -> Add noise) с настройками:

  • Эффект 1,5%;
  • Распределение по Гауссу;
  • Активная опция Монохромный.

Следующим шагом будем создавать градиент.

Создаем новый слой. Берем инструмент Градиент (Клавиша G). В настройках выставляем От основного к прозрачному, Зеркальный градиент и обязательно ставим галочку Инверсия.

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

Заливаем слой градиентом. С зажатой клавишей Shift, чтобы градиент был равным, ведем его от центра к правому краю.

По бокам появилось две черные полосы. Чтобы усилить эффект ставим слою режим наложения Умножение (Multiply), а для того, чтобы он лучше смотрелся, уменьшаем непрозрачность слоя примерно до 65%.

Фон полностью готов.

Теперь будем работать над текстом. Писать его будем с помощью инструмента Текст. Шрифт, который я использовал в примере - Trajan Pro 3. Шрифт и размер вы конечно же можете использовать свои. Я набрал белым цветом название своего сайта Psdmaster и разместил его по центру.

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

  • Режим смешивания - Умножение;
  • Непрозрачность 60%;
  • Цвет черный;
  • Смещение 0;
  • Стягивание 0;
  • Размер 9.

Теперь применяем стиль Внутренняя тень (Inner Shadow).

  • Режим смешивания Нормальный;
  • Цвет белый;
  • Непрозрачность 100%;
  • Снимаем галочку Глобальное освещение;
  • Угол -47;
  • Смещение 2;
  • Стягивание 0;
  • Размер 1.

Последним будет Наложение градиента (Gradient Overlay).

  • Режим смешивания Умножение;
  • Непрозрачность 70%;
  • Масштаб 53%;

После этого настраиваем сам градиент. Щелкаем по шкале. Градиент будет От цвета к белому и левому нижнему поинту ставим цвет 041a34.

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

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

Видеоурок:

Источник: https://psdmaster.ru

Узнайте как скачать видеоурок с сайта

Что еще посмотреть:

18.06.2011 | Просмотров: 5969

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

28.06.2011 | Просмотров: 4283

Видеоурок по Фотошоп в котором мы будем создавать до боли простое...а именно текст из изображения. НО, несмотря на свою простоту, здесь есть пару моментов, которые не стоит упускать...
P.S.: Точно таким же способом, можно вставить любое изображение в любую форму.

18.06.2011 | Просмотров: 4739

В этом видеоуроке фотошоп создаем красивый хромированный текст

02.07.2011 | Просмотров: 3719

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

14.12.2014 | Просмотров: 4433

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

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


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

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

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

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

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

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


Перейдите в Файл> Создать.

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

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

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

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

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

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

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

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

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

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

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

Перейдите в меню « Правка» в верхней части экрана и выберите «

Заполнить» :

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

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

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

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

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

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

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

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

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

, а затем выберите « Добавить шум» :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


Шаг 1.

Создание фона

Создайте новый документ размером 800 x 600px. Залейте задний фон #252525 цветом. Затем продублируйте фон.

Шаг 2.

Создание фона

Кликните 2 раза по Копии фона чтобы применить к нему эффект Наложение узора, примените паттерн Fine diagonal lines из архива 30 Simple Patterns.
  
Это добавит текстуру на фон.

Шаг 3.

Создание фона

Поместите изображение Free Texture Stock - Lights 1 (2560x1600px) поверху двух слоев фона, отмасштабировав если нужно, и затем поменять режим наложения этого слоя на Осветление Основы.

Шаг 4.

Создание фона

Перейдите в раздел Изображение > Коррекция > Уровни и измените Тени на значение 50.

Шаг 5.

Создание фона

Перейдите в раздел Изображение > Коррекция > Цветовой тон/насыщенность и измените Цветовой тон на значение -13.

Шаг 6.

Создание текстовых слоев

Создайте текст используя шрифт Street Cred. Задайте Цвет #a2a2a2 и Размер 200 pt.

Шаг 7.

Создание текстовых слоев

Продублируйте текстовый слой и измените на копии значение Заливки на 0, и затем продублируйте копию.

Шаг 8.

Добавление стиля к исходному текстовому слою

Сделайте двойной клик на исходном текстовом слое чтобы перейти к эффектам слоя.

Добавьте Эффект тиснения со следующими настройками:

  • Размер: 18
  • Уберите галочку Глобальное освещение
  • Угол: 59
  • Глубина: 58
  • Поставьте галочку на пункте Сглаживание

Шаг 9.

Добавление стиля к исходному текстовому слою

Добавьте Внутреннюю тень со следующими настройками:

  • Режим наложения: Линейный затемнитель
  • Цвет: #585858
  • Прозрачность: 35%
  • Дистанция: 0
  • Размер: 7

Шаг 10.

Добавление стиля к исходному текстовому слою

Добавьте Внешнее свечение со следующими настройками:

  • Режим наложения: Яркий цвет
  • Прозрачность: 100%
  • Цвет: #a39a7b
  • Источник: Из центра
  • Размер: 29

Шаг 11.

Добавление стиля к исходному текстовому слою

Добавьте Глянец со следующими настройками:

  • Режим наложения: Жесткий цвет
  • Color: #d0d0d0
  • Distance: 5
  • Size: 8
  • Поставьте галочку на пункте Сглаживание
  • Поставьте галочку на пункте Инвертировать

Шаг 12.

Добавление стиля к исходному текстовому слою

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

  • Режим наложения: Умножение
  • Прозрачность: 35%
  • Масштаб: 150%
  • Используйте Фиолетово-оранжевую градиентную заливку

Шаг 13.

Добавление стиля к исходному текстовому слою

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

  • Узор: Fine diagonal lines

Шаг 14.

Добавление стиля к исходному текстовому слою

Добавьте Тень со следующими настройками:

  • Прозрачность: 50%
  • Смещение: 10
  • Размер: 10

Шаг 15.

Добавление стиля к исходному текстовому слою

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

Шаг 16.

Наложение эффектов на первую копию текстового слоя

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

Добавим Внутреннюю тень со следующими настройками:

  • Режим наложения: Линейный затемнитель
  • Цвет: #585858
  • Прозрачность: 80%
  • Смещение: 0
  • Размер: 13

Шаг 17.

Наложение эффектов на первую копию текстового слоя

Добавим Наложение градиента со следующими настройками:

  • Режим наложения: Мягкий свет

Шаг 18.

Наложение эффектов на первую копию текстового слоя

Так должен выглядеть наш слой сейчас.

Шаг 19.

Наложение эффектов на вторую копию текстового слоя

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

Добавим Тиснение со следующими настройками:

  • Стиль: Обводящее тиснение
  • Размер: 2
  • Убрать галочку Глобальное освещение
  • Угол: 119
  • Высота: 37
  • Контур глянца: Двойное кольцо
  • Поставить галочку на Сглаживание
  • Режим подсветки: Яркий свет

Шаг 20.

Наложение эффектов на вторую копию текстового слоя

Добавим Контур со следующими настройками:

  • Контур: Волнистый уклон
  • Поставить галочку Сглаживание

Шаг 21.

Наложение эффектов на вторую копию текстового слоя

Добавить Обводку со следующими настройками:

  • Размер: 3
  • Позиция: Center
  • Тип обводки: Градиент
  • Используем Gold 18k - L градиентную заливку

Шаг 22.

Итоговое изображение

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


Гранж-эффект ржавого металлического текста в Adobe Photoshop

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

Результат


 

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

1 Шаг

Создаем документ размером 1200px * 800px с черным фоном. Откройте фотографию пустыни в Photoshop и выделите следующую область:

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

Примените к этому слою (в режиме обтравочной маски) следующие корректирующие слои:

Color Balance/Баланс цвета

Levels/Уровни

При помощи кистей облаков добавьте эффект дыма. Снизьте непрозрачность (opacity) слоя с облаками примерно до 20%.

Вот что должно получиться:

2 Шаг

Используйте шрифт из исходников и введите текст:

Используйте кисть мела:

В маске слоя с текстом этой кистью черного цвета пройдитесь по краям текста как показано ниже:

Вот что должно получиться:

3 Шаг

Откройте текстуру ржавого металла в Photoshop и выделите часть:

Копируйте ее и вставьте в наш документ поверх слоя с текстом. Кликните по слою с текстурой правой кнопкой и выберите Create clipping mask/Создать обтравочную маску.

Вот что получится:

4 Шаг

Добавим немного частиц в этом шаге. Используйте любую кисть частиц черного цвета:

Просто рисуйте кистью поверх текста:

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

Поместите скопированную область в наш документ поверх текста в режиме обтравочной маски. И укажите этому слою режим наложения Hard Light/Жесткий свет:

Вот результат:

5 Шаг

Добавим еще деталей. Выделите характерную деталь в текстуре металла.

Копируйте ее и вставьте в наш документ:

Добавим вокруг текста еще частиц:

6 Шаг

 

Результат:

Источник

Статьи по теме

Узнать больше интересного:

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка...

Металлический текст в Photoshop

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

1) Создадим вот такой металлический текст. Сначала напишем наше слово на простом фоне:

2) Металл создать очень просто, для этого создадим новый слой, зальём его тёмно-серым, и выбираем Filter > Render > Lens Flare. Выставляем вот эти параметры:

Теперь жмём Alt+клик на линию между слоями — так получится маска линзы на тексте)

3) Сделаем фон поинтересней. Создадим новый слой под текстом, и опять применим Filter > Render > Lens Flare. Размоем слой Filter > Blur > Gaussian Blur на 45px.

4) Применим к тексту вот такие свойства.

5) Создадим тень. Для этого нам понадобиться создать action. Сначала, зажав ctrl, жмём на слой с текстом — он выделится. Теперь создадим новый слой и зальём на нём полученное выделение чёрным. Назовём этот слой Shadow. Теперь создадим новый экшн. Открываем Window > Actions. Создаём новый экшн. Дублируем слой Shadow. Переходим в режим свободного трансформирования Ctrl+T — и центр трансформации перетаскиваем далеко на верх, можно даже за пределы рабочей области. Теперь в верхней панели меняем H и W на 100,2%. Применяем, жмём знак Stop на панели Actions. Теперь применим наш экшн 12 раз, просто нажав 12 раз play) уфф.. Получилась вот такая тень)

6) Обьединям все слои с тенями Ctrl+E, и теперь размоем получивший слой. Filter > Blur > Radial Blur, перемещаем Blur Center наверх, и используем вот такие настройки: Amount => 3, Blur Method => Zoom, Quality => Best.

7) Можно ещё немного размыть тень, Filter > Blur > Gaussian Blur на 2. Готово! В этом уроке я показал несколько полезных приёмов (создание тени, маскирование слоя), так что, надеюсь, он будет полезен.

via

Naikom » Дизайн » Уроки Photoshop

Создаём объёмный металлический текст в Фотошоп

В этом уроке вы узнаете, как создать бронзовый текст, используя стили слоя в программе 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

Далее, к слою с текстом добавьте стиль слоя Тиснение (Bevel & Emboss) и Контур (Contour), как показано на скриншоте ниже.

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

Шаг 5

Далее, идём Слой – Стиль слоя – Глянец (Layer > Layer Style > Satin). Примените следующие значения, чтобы осветлить текст.

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

Шаг 6

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

Шаг 7

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

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

Далее, выберите стиль слоя Обводка (Stroke). Установите Тип обводки (Fill Type) Градиент (Gradient). Установите значения, которые указаны на скриншоте ниже, чтобы осветлить края.

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

Шаг 6

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

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

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

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

Автор: Enrique Elicabe

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

в Photoshop

Автор Стив Паттерсон.

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

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

Последний эффект «металлического текста».

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

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

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

Перейдите в Файл> Создать.

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

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

Шаг 2: Заливка фона черным

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

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

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

Щелкните значок New Layer в нижней части панели Layers:

Щелкните значок «Новый слой» (второй значок справа).

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

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

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

Перейдите в меню Edit вверху экрана и выберите Fill :

Перейдите в меню «Правка»> «Заливка».

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

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

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

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

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

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

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

Перейдите в меню Filter вверху экрана, выберите Noise , а затем выберите Add Noise :

Выберите «Фильтр»> «Шум»> «Добавить шум».

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

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

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

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

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

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

Перейдите в Фильтр> Размытие> Размытие в движении.

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

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

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

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

Шаг 7. Обрезка краев

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

Выберите инструмент «Обрезка».

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

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

Нажмите Введите (Win) / Верните (Mac), чтобы Photoshop обрезал нежелательные края. Осталась только хорошая текстура:

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

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

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

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

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

Шаг 11: Создание обтравочной маски

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

.

Перейдите в Layer> Create Clipping Mask.

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

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

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

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

Шаг 12: Добавьте стиль слоя «Фаска и тиснение»

Щелкните текстовый слой на панели «Слои», чтобы выбрать его. Затем щелкните значок Layer Styles внизу панели слоев:

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

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

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

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

Опции Bevel и Emboss.

В разделе параметров «Затенение» щелкните миниатюру Gloss Contour :

Щелкните миниатюру Gloss Contour.

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

Выберите предустановку «Звонок».

Щелкните OK, чтобы выйти из редактора контуров. Затем, вернувшись в главное диалоговое окно Layer Style, выберите опцию Anti-aliased справа от миниатюры Gloss Contour:

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

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

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

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

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

Щелкните по слову Gradient Overlay.

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

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

Затем щелкните эскиз градиента Foreground-to-Background (вверху слева) в редакторе Gradient Editor , чтобы выбрать его:

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

Щелкните OK, чтобы закрыть редактор градиентов. Вернитесь в главное диалоговое окно Layer Style, измените Blend Mode на Overlay , затем уменьшите Opacity примерно до 70% . Это добавит металлу начальный световой эффект:

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

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

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

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

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

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

Это указывает Photoshop открыть диалоговое окно «Новый слой», в котором мы можем установить некоторые параметры перед добавлением нового слоя. Щелкните внутри флажка слева от того места, где написано Use Previous Layer to Create Clipping Mask , чтобы выбрать опцию, затем измените Mode (сокращение от Blend Mode) на Overlay .Когда вы закончите, нажмите OK, чтобы закрыть диалоговое окно. Новый пустой слой с именем «Layer 2», установленный в режиме наложения Overlay, появится над слоем 1 на панели Layers. Как и слой 1, он будет обрезан по текстовому слою под ним:

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

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

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

.

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

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

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

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

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

Перейдите в Фильтр> Размытие> Размытие по Гауссу.

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

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

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

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

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

Еще раз зажмите Alt (Win) / Option (Mac) и щелкните значок New Layer в нижней части панели Layers, чтобы открыть диалоговое окно New Layer.Выберите вариант Use Previous Layer to Create Clipping Mask , щелкнув внутри его флажка, затем измените Mode на Multiply . Наконец, выберите параметр Заливка нейтральным цветом (белый) в нижней части диалогового окна. Когда закончите, нажмите OK, чтобы закрыть его и добавить новый слой:

.

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

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

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

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

Шаг 19: Применение медианного фильтра

Чтобы превратить шум во что-то похожее на грязь или царапины, вернитесь в меню Filter , снова выберите Noise , а затем выберите Median :

Перейдите в Фильтр> Шум> Медиана.

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

.

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

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

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

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

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

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

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

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

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

Здесь я отредактировал текст, заменив слово "МЕТАЛЛ" на "СТАЛЬ". Если вы сохраните документ как файл Photoshop .PSD , вы можете открыть его снова в любое время и отредактировать текст без необходимости воссоздавать металлическую текстуру:

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

[объявления-снизу-поплавок-слева]

Куда идти дальше...

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


35 руководств по созданию текстовых эффектов в духе чудесного металла для Photoshop

Металлы - одно из самых блестящих и сияющих веществ, доступных на Земле, а металлы также служат большим источником вдохновения для художников при создании текстовых эффектов. В этой витрине мы представим 35 руководств по созданию текстовых эффектов для Photoshop в стиле Marvelous Metal. Photoshop - самый популярный инструмент среди дизайнеров для создания текстовых эффектов.Эти уроки научат вас создавать текстовые эффекты, вдохновленные золотом, серебром, медью, железом и т. Д. Они будут очень полезны для создания рекламы, флаеров для вечеринок, плакатов и многого другого. Итак, начнем с шоу! Создание абстрактного текстового эффекта с помощью металлических обрезков в Photoshop

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

Создайте типографскую обработку на основе пара

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

Как создать обработку в стиле стимпанк в фотошопе

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

Создайте эффект сверкающего ромба и золота с помощью Filter Forge и Photoshop

Из этого туториала Вы узнаете, как использовать Filter Forge и Photoshop для создания гламурного, сверкающего, алмазного и золотого текстового эффекта.

Создайте эффект гладкого металлического 3D-текста в Photoshop CS6

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

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

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

Узнайте, как создать эффект железного текста в Photoshop

В этом уроке вы узнаете, как создать мою версию текста Iron в Adobe Photoshop. Конечным результатом является этот старый на вид, сильный, бронированный текст, который может дать вам смутное ощущение, что вы где-то видели его раньше.

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

В этом уроке мы рассмотрим простой, но реалистичный эффект золотого текста в Photoshop.

Создание эффекта металлического текста с помощью экшенов Photoshop

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

Темный готический текст с огненными эффектами в фотошопе

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

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

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

Энергия - Узнайте, как создать 3D-текст из медного металла в Photoshop

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

Эффект текста из настоящей стали

Из этого туториала Вы узнаете, как создать текстовый эффект из настоящей стали в Photoshop

. Эффект средневекового металлического текста в Photoshop

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

Совет: создайте эффект четкого металлического текста в Photoshop

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

Как сделать металлический логотип в стиле трансформеров

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

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

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

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

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

Эффект настоящего ржавого металлического текста в Photoshop

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

Как создать медный текстовый эффект в Photoshop

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

Совет: создайте эффект стального текста в Photoshop

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

Эффект старого железного текста

Из этого туториала Вы узнаете, как легко создать текстовый эффект «железный (металлический)», выглядящий как старомодный, используя стили слоя и некоторые фильтры.

Эффект простого бронзового текста

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

Создайте обработку металлического типа с помощью Photoshop и Cinema 4D

Из этого туториала Вы узнаете, как использовать Cinema 4D и Photoshop для создания трехмерной типографии с металлической текстурой, которая включает витиеватые и декоративные завитки.

Декорированный золотой металлический текстовый эффект

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

Совет: создайте кинематографический текстовый эффект «Сержант Америка» в Photoshop.

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

Эффект текста сверкающего железа

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

Совет: создайте текстовый эффект королевского золота в Photoshop, используя стили слоя

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

Идеальный золотой текстовый эффект в фотошопе

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

Создание золотого орнамента в Photoshop

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

Совет: создайте в Photoshop эффект сияющего золотого текста в стиле старого мира

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

Элегантный глянцевый золотой текстовый эффект

Из этого туториала Вы узнаете, как легко создать роскошный суперглянцевый золотой текстовый эффект, используя стили слоя, фильтр и простую кисть.

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

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

Вдохновленный текстовый эффект "Оз Великий и мощный"

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

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

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

0 Акции

Учебник по фотошопу с металлическим текстом. PhotoshopCAFE

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

1

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

2.

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

3.

Сделайте копию фонового слоя (Ctrl / Cmd + J)

Перетащите копию над текстовым слоем

Удерживайте нажатой клавишу alt / Option и наведите указатель мыши на линию между новым слоем и слоем текста.Вы должны увидеть маленькую восьмерку. Значок

Щелкните, чтобы применить, и теперь текстура должна быть обрезана по тексту, как показано стрелкой на слое, как показано.

4.

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

Вот как это выглядит, если вы на секунду скроете фон.

5.

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

Добавьте базовую фаску и тиснение, как показано.

Включите сглаживание и нажмите кнопку «Контур» слева.

6.

И вот основной эффект, на этот раз очень простой.

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

Будьте в курсе!

CS6 Superguide

Присоединяйтесь к нашему списку, чтобы получать больше руководств и советов по Photoshop.Получите эксклюзивные обучающие программы, скидки и бесплатные супер-руководства. Никакого спама, весь контент, не чаще одного раза в неделю.
Если вы внесены в наш список, вы получите его бесплатно по электронной почте, как только он станет доступен. Если нет, зарегистрируйтесь сейчас и получите CS6 Superguide бесплатно. Или щелкните изображение ниже.


Как создать металлический текст для вашего дизайна

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

Шаг 1

Чтобы добиться этого вида металлического текста, вам нужно открыть новый файл и убедиться, что ширина - 7 дюймов, а высота - 3 дюйма.Ориентация должна быть альбомной. Убедитесь, что ваше разрешение установлено на 150 пикселей / дюйм, а цветовой режим - RGB Color, 8 бит. Назовите его как хотите, но для целей этого урока мы использовали «металлический текст».

Шаг 2

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

Шаг 3

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

Шаг 4

Появится всплывающее окно стиля слоя, затем щелкните раскрывающееся меню рядом с образцом градиента. Нажмите на настройки в раскрывающемся меню, затем найдите и выберите градиент под названием «Металлы». Щелкните "Добавить".

Шаг 5

Затем у вас есть возможность выбрать любой тип металла из ассортимента, а также любую прозрачность, режим наложения, стиль и углы, которые вы предпочитаете. После того, как вы нажмете «ОК», ваш текст должен выглядеть следующим образом.Вы также можете добавить внутреннюю тень и любые другие стили слоя, чтобы добиться желаемого результата. Теперь у вас есть металлический текст для использования в ваших веб-дизайнах или любых других дизайнах, которые у вас есть. Также можно создавать свои собственные градиенты, что дает вам свободу создавать собственный металлический текст с любыми цветами и вариациями, которые вы хотите.

Учебные материалы по другим веб-сайтам

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

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

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

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

Photoshop Кафе

(доступно на https://photoshopcafe.com/tutorials/stamped-metal.html). Еще один заслуживающий доверия, фантастический и образовательный веб-сайт, который покажет вам, как собирать вещи в Photoshop. Когда вы занимаетесь графическим дизайном, веб-разработкой и т. Д., Важно знать, как делать простые вещи, например, изменять текст в соответствии с желаниями вашего клиента или вашего клиента и воплощать их в жизнь. Штампованный металлический вид, очень похожий на тот, что представлен в этом руководстве, может быть логотипом, визитной карточкой, баннером на веб-сайте или фоном в приложении.Независимо от того, где и для чего он предназначен, важно продемонстрировать свои навыки и научиться производить что-то подобное. И это так просто с этими замечательными уроками!

Иногда некоторые люди учатся более эффективно, используя визуальные эффекты и звук, например видео на YouTube. Casual Savage - это канал YouTube, на котором есть уроки по Photoshop, и это видео посвящено созданию фантастической версии металлического текста. Это поучительно, и вы шаг за шагом создадите свою собственную потрясающую версию металлического текста для любого веб-дизайна с помощью этого видео.

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

23 Загрузки PSD с бесплатными текстовыми эффектами, которые просто потрясающие


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

Для тех из вас, кто не знает, что такое текстовый эффект. Откройте Photoshop, введите что-нибудь с помощью инструмента «Текст», щелкните правой кнопкой мыши текстовый слой на панели слоев и нажмите эту клавишу параметров наложения. Поиграйте с некоторыми из имеющихся там опций. Теперь вы создали текстовый эффект. Вы можете пойти дальше со смарт-объектами, несколькими слоями и текстурами, как некоторые из загрузок ниже. Если вам все это интересно, ознакомьтесь со списком руководств по текстовым эффектам.А пока просмотрите нашу бесплатную коллекцию текстовых эффектов ниже.


Grand Motel

Текстовый эффект PSD в ретро-стиле, вдохновленный старинными вывесками мотелей. Введите собственный текст внутри смарт-объекта и с легкостью создайте эффектный образец типографики. Скачать здесь.


Гранж-скос

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


Pop Candy

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


Классная доска Типографика Текстовый эффект

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


Металлический хромированный текстовый эффект PSD

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


Classic Metal

Гладкий, тонкий и блестящий текстовый эффект с характерными тенями и сиянием - добавьте качества вашему дизайну. Скачать здесь.


Световой короб

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


Семь богов

Кинематографический средневековый текстовый эффект с высококачественными металлическими деталями в стиле гранж. Достаточно хорошо для логотипа фильма! Скачать здесь.


Эффекты трехмерного текста в стиле ретро

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


Классическая неоновая вывеска

Эта загрузка включает в себя неоновый текстовый эффект, включающий и выключающий 3 цвета, которые вы видите выше. Создайте свой реалистичный неоновый текст! Скачать здесь.


Old School

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


Stripes Shadow Text Effect PSD

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


Эффект ретро-текста

Этот эффект ретро-текста, сияющий во всех размерах, выглядит смелым и креативным. Один из моих любимых. Скачать здесь.


Эффект ретро текста

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


Мягкий белый

Этот текстовый эффект позволяет преобразовать текст в мягкий белый заголовок.Красиво и эффективно. Скачать здесь.


Natural

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


Эффект текста эскиза PSD

В этом шаблоне PSD используются смарт-объекты для создания реалистичного эффекта эскиза для любого текста или формы. Файл включает 3 разных стиля с изменяемым цветом с помощью корректирующего слоя. Скачать здесь.


Typezilla

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


Roc Wall

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


Текст настенного плаката

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


Woody Poster

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


Ищете альтернативы премиум-класса?

Бесплатные ресурсы - это фантастика, и они, безусловно, могут принести вам результаты, однако премиальные ресурсы - это совсем другое дело.


Очень проста в использовании. Замените текст за секунды с помощью слоев смарт-объектов. См. Инструкции для получения дополнительной информации! Действительно работает с текстом, векторными фигурами или любыми фигурами. Редактируемый текст. Все используемые шрифты бесплатны для использования или бесплатны для личного использования. Ссылки на шрифты находятся в файле справки, который находится в основной загрузке.Но вы можете использовать любые шрифты, какие захотите! Купить здесь (8 долларов США)


Очень проста в использовании. Замените текст за секунды с помощью слоев смарт-объектов. См. Инструкции для получения дополнительной информации! Действительно работает с текстом, векторными фигурами или любыми фигурами. Редактируемый текст. Все используемые шрифты бесплатны для использования, бесплатны для личного использования или в демонстрационных версиях. Ссылки на шрифты находятся в файле справки, который находится в основной загрузке. Но вы можете использовать любые шрифты с этими эффектами! Купите здесь (8 долларов США)


Мы хотели бы поблагодарить Pixeden и GraphicBurger за разработку большинства текстовых эффектов, указанных выше - они внесли невероятный вклад в сообщество дизайнеров.Такой подарок. Также спасибо Джанлуке Джакоппо за великолепный эффект Chrome и AlienValley за эффект Natural text.

Создание эффекта металлического текста с помощью Photoshop

Предварительный просмотр

Учебные ресурсы

  • Фон: текстура стены от Джея Леонхарта
  • Текстура: Старый фильм 10 от Lost and Taken

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

Шаг 1. Настройка текста

В Photoshop перейдите в Файл> Создать ( Ctrl / Cmd + N ), чтобы создать новый документ. Установите ширину 600 пикселей, высоту 300 пикселей и разрешение 72 пикселей / дюйм.

Затем возьмите инструмент Horizontal Type Tool ( T ) и введите текст «Design Instruct». Я использую Franklin Gothic Heavy, но не стесняйтесь использовать любой жирный шрифт по своему вкусу.

Шаг 2. Начало работы

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

Откройте панель «Действия», выбрав «Окно»> «Действия» ( Alt / Option + F9 ), щелкните значок «Создать новый набор» (выглядит как папка) в нижней части панели «Действия» и назовите его «Металлический текст».

Создайте новое действие, выбрав значок «Создать новое действие» (выглядит как стикер для заметки).

Как только вы создадите новое действие, оно должно начать запись автоматически (вы увидите красный значок записи в форме круга в нижней части панели «Действия»).

Шаг 3: Добавляем нашу первую тень

Перейдите в Select> Load Selection, затем создайте новый слой ( Shift + Ctrl / Cmd + N ). Залейте новый слой белым цветом (#FFFFFF) и скройте исходный текстовый слой.

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

Дублируйте новый текст, выбрав «Слой»> «Дублировать слой» и переместив его вниз под верхний текстовый слой (вариант : , вы можете сделать это, щелкнув правой кнопкой мыши слой на панели «Слои» и выбрав «Дублировать слой»).

У нас будет два источника света, поэтому этот текстовый слой будет первым из двух источников. Перейдите в Layer> Layer Style> Drop Shadow.

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

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

Шаг 4: Добавляем нашу вторую тень

Выделите верхний текстовый слой и перейдите в Слой> Стиль слоя> Тень.

Шаг 5: Добавление стиля слоя Bevel

Теперь мы собираемся добавить наш Bevel, который в конечном итоге придаст нам металлический вид. Итак, нажмите на верхний слой и перейдите в Layer> Layer Style> Bevel and Emboss.

Шаг 6. Добавление стиля слоя Satin

Далее мы собираемся добавить стиль слоя Satin. Это придаст поверхности текста немного противоречивости, добавив реалистичности. Итак, перейдите в Layer> Layer Style> Satin.

Шаг 7. Добавление стиля слоя градиента

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

Перейдите в Layer> Layer Style> Gradient Overlay.

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

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

Перейдите в Layer> New Layer ( Shift + Ctrl / Cmd + N ) и залейте наше выделение белым цветом.

Теперь перейдите в Фильтр> Шум> Добавить шум.

Шаг 9: Обработка металлической текстуры

Снимите выделение с нашего текста, выбрав Select> Deselect ( Ctrl / Cmd + D ), а затем перейдите в Filter> Blur> Motion Blur.

Установите угол на 42 градуса и расстояние на 38 пикселей.

Выделите наш первый текстовый слой и перейдите в Select> Load Selection и Select> Inverse ( Shift + Ctrl / Cmd + I ).

Удалить выделенную область. Это избавит от шума за пределами нашего текста.

Измените режим наложения на Умножение.

Теперь вы закончили создание нашего экшена Photoshop. Теперь вы можете нажать на кнопку «Стоп» и на панели «Действия».

Шаг 10: Использование фонового изображения

Теперь мы можем закончить изображение.

Загрузите текстуру стены от Джея Леонхарта и поместите ее в качестве фонового изображения за всеми слоями.

Шаг 11: Добавление текстовой текстуры

Мы собираемся добавить текстуру поверх текста.Загрузите текстуру Old Film 10 от Lost and Taken и перенесите ее в наш документ.

Переместите текстуру над всеми слоями и уменьшите ее примерно до 30%, используя Edit> Free Transform ( Ctrl / Cmd + T ). Он должен соответствовать размеру холста.

Измените режим наложения на Overlay.

Шаг 12: Добавление цвета

Далее мы добавим цвет нашему изображению. Это добавит согласованности нашему образу и придаст ему тепла.

Перейдите в Layer> New Adjustment Layer> Gradient Map.Выберите градиент от желтого к фиолетовому и установите обратный флажок.

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

Шаг 13: затемнение краев

Теперь мы собираемся затемнить края, используя инструмент Rectangular Marquee Tool ( M ) и изменив растушевку ( Shift + F6 ) на 50 пикселей.

Перейдите в Layer> New Layer ( Shift + Ctrl / Cmd + N ), затем Select> Inverse ( Shift + Ctrl / Cmd + I ) и залейте новый слой черным.

Измените режим наложения на затемнение цвета.

Шаг 14: Добавление блеска

Мы собираемся придать нашему тексту немного дополнительного блеска, используя Brush Tool ( B ). Установите размер 20 пикселей и жесткость 0%.

Создайте новый слой, так что Layer> New> Layer ( Shift + Ctrl / Cmd + N ) и поместите новый слой под слоем текстуры Old 10 Film.

Используйте белый цвет (#FFFFFF) в качестве цвета кисти; расставьте точки в местах, где белые части находятся по краям текста.

Измените режим наложения на Мягкий свет.

Шаг 15: Повышение резкости изображения

Мы почти у цели! Добавим последние штрихи.

Сначала сгладьте изображение, выбрав Layer> Flatten Image.

Теперь продублируйте слой, выбрав Layer> Duplicate Layer.

Перейдите в Filter> Other> High Pass и установите Радиус на 10 пикселей.

Измените режим наложения на затемнение цвета и непрозрачность на 30%.

Сгладьте эти два изображения.

Шаг 16: Маскировка краев

Щелкните значок для редактирования в режиме быстрой маски ( Q ) в окне «Инструменты».

Используя инструмент «Градиент» ( G ), выберите «Радиальный градиент», чтобы щелкнуть и перетащить круг в центре документа.

Теперь щелкните значок для редактирования в стандартном режиме ( Q ).

Если область выделения не находится на краях холста, выберите «Выделение»> «Инверсия» ( Shift + Ctrl / Cmd + I ).

Шаг 17: Размытие краев

Alight, последний шаг: не снимая выделения с области, перейдите в Filter> Blur> Lens Blur и используйте настройки, которые у меня есть ниже.

Краткое содержание руководства

С помощью простых техник Photoshop и некоторых стандартных текстур мы смогли создать текстовую сцену с шероховатым металлическим рисунком. Мы добавили тени и свет, используя различные техники, использовали несколько фильтров и включили текстуры, чтобы оживить нашу сцену. Что наиболее важно, вы можете воссоздать тот же металлический эффект, просто нажав Play с помощью Photoshop Actions.Надеюсь, вам понравился этот урок, и вы нашли несколько приемов, которые можно применить в «действии».

Скачать исходные файлы

20+ лучших металлических эффектов Photoshop (металлический текст, текстуры, шрифты и металлический вид)

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

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

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

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

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

Найти экшены Photoshop

Придайте вашей надписи черту третьего измерения с помощью пакета 3D Metal and Gold Effects. Внутри вы найдете набор трехмерных металлических текстовых дизайнов для Photoshop, идеально подходящих для заголовков в стиле плоского шрифта. Благодаря более чем семидесяти эффектам вы сможете легко добиться металлического цвета в Photoshop.

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

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

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

Экшен Photoshop «Капающее золото» - один из самых впечатляющих вариантов в этом списке. Он позволяет превратить любое изображение в золотую скульптуру с эффектами отражения, тенями и т. Д.Впечатляющее проявление художественного таланта, от которого трудно отказаться!

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

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

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

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

Сделайте эти шрифты по-настоящему сияющими с помощью Red Bee, коллекции Photoshop с металлическими текстами. Он предлагает ряд классных текстовых эффектов, которые с легкостью имитируют этот металлический вид в Photoshop. Идеальный выбор как для профессионалов, так и для новичков!

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

Если вам интересно, как сделать что-то металлическое в Photoshop, то вы можете быть удивлены Corsair и Pirates, коллекцией стилей Photoshop в стиле металлик. Это сочетание двух увлекательных стилей, сочетающих в себе пиратскую индивидуальность и металлическую красоту.

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

Если вы ищете немного больше свободы для творчества, применяя цвета металлик в Photoshop, то вам нужна коллекция Metal Mix. Внутри вы найдете десять различных стилей, идеально подходящих для создания металлических букв в Photoshop и даже для общего визуального дизайна.

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

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

Удалите резкие цвета и ослепляющие источники света с помощью Silver Mood, набора экшенов Photoshop, которые были разработаны, чтобы обеспечить спокойную и прохладную эстетику вашим изображениям, одновременно увеличивая контраст и создавая очаровательную металлическую четкость, которая действительно внушающий трепет.

Бесплатные металлические эффекты, шрифты и текстуры для Photoshop

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

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

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

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

Хотите создать металлические буквы в Photoshop? Этот плагин поможет вам с минимальными усилиями привнести в ваш дизайн классный металлический стиль.Это бесплатно для вас и предлагает удивительное количество настроек.

Создавайте удивительные металлические конструкции с этими ресурсами уже сегодня!

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

.

alexxlab

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *