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

Металлический текст: эффекты

Шаг 8: Затемнение краёв

Теперь мы собираемся затемнить края, используя инструмент «Прямоугольная Область» (Rectangular Marquee Tool). Обведите холст почти полностью, как показано на рисунке, затем нажмите Shift+F6, появится диалоговое окно радиуса растушёвки, измените значение до 50 пикселей:

Нажмите ОК для принятия радиуса, затем нажмите комбинацию Ctrl+Shift+I для инверсии выделенной области, вот как теперь выглядит выделение:

Создайте новый слой, залейте его черным, а режим смешивания измените на «Затемнение основы» (Color Burn). Снимите выделение, нажав Ctrl+D.

Шаг 9: Добавление некоторого блеска

Мы собираемся придать нашему тексту немного дополнительного блеска с помощью инструмента «Кисть» (Brush Tool). Установите её диаметр до 20 пикселей и жесткость 0%.
Создайте новый слой, и поместите его под слоем с картинкой Old_Film.jpg.

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

Измените режим смешивания этого слоя на «Мягкий свет» (Soft Light):

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

Мы почти у цели! Давайте добавим немного резкости.
Во-первых, создадим один общий слой из всех слоёв в палитре. Кликните по самому верхнему слою в палитре, а затем нажмите комбинацию Ctrl+Alt+Shift+E. Этим мы создадим слой, содержащий все имеющиеся видимые на документе пиксели из нижних слоёв, и будет он расположен сверху:

Продублируем его, нажав Ctrl+J.

Теперь пройдите по вкладке Фильтр —> Разное —> Цветовой контраст (Filter —> Other —> High Pass) и задайте радиус 10 пикселей:

Измените режим наложения слоя на «Затемнение основы» (Color Burn) и задайте непрозрачность 30%. Кстати, перевод режимов наложения и стилей слоя Photoshop CS6 находится на этой страничке.

Выделите эти два верхних слоя и нажмите Ctrl+E для их сведения.

Шаг 11: Маскировка и размытие краёв

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

Выберите инструмент «Градиент» (Gradient Tool), вверху, на панели параметров выберите тип градиента «радиальный» (Radial) и протащите курсор из центра документа в любой угол:

В результате документ должен выглядеть вот так:

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

И последнее. При активной выделенной области все еще выбран, перейдите в Фильтр —> Размытие —> Размытие при малой глубине резкости (Filter —> Blur —> Lens Blur) и введите значения, указанные на рисунке ниже:

Уберите выделение, нажав Ctrl+D. Ну вот, собственно, и всё. Посмотрите ещё раз на готовый результат:

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

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

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

Шаг 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.

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

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

Глянцевый металлический текст в Фотошоп / Creativo.one

Окончательный результат:

Необходимые материалы:

Архив

Шаг 1

Создайте новый документ.  Установите ширину и высоту в 700 пикселей и разрешением 72 пикс./дюйм.  Имя документа: Текст Angel

Шаг 2

Вставьте в документ текстуру бетона.

Шаг 3

Слейте  слой с текстурой и слой с фоном в один.

Шаг 4

Перейдите в меню

Image > Adjustments > Hue/Saturation (Изображение>Коррекция> Цветовой тон/насыщенность) и установите значения, как показано ниже.

Шаг 5

Примените резкость дважды: Зайдите в меню Filter> Sharpen> Sharpen (Фильтр>Усиление резкости>Усиление резкости). 
Добавьте шум: Зайдите в меню Filter> Noise> Add Noise (Фильтр>Шум>Добавить шум) и установите значения, как показано на всплывающем окне, в левой части изображения ниже. 

Создайте новый пустой слой над фоном, залейте его цветом #252829.  Примените режим смешивания «Color» (Цветность), как показано в правой части изображения ниже.  Теперь объедините его с фоновым слоем (Ctrl + E).

Шаг 6

Наберите слово «Angel» с помощью шрифта «Argel» размер шрифта 310 пт., трекинг 0.  Выделите букву «А» и установить трекинг  40.  Все значения показаны на рисунке ниже.

Шаг 7

Используя инструмент Move Tool (Перемещение ), выделите слой с текстом и фоновый слой, а затем нажмите выравнивание команд: «Выравнивание центров по горизонтали» и «Выравнивание  центров по вертикали» в верхнем меню по центру.

Шаг 8

Примените стиль слоя на слое с текстом (щелкните правой кнопкой мыши по слою Blending Options (Параметры наложения)).  Установите параметры, как показано на рисунке ниже и нажмите кнопку ОК.

Примечание: для редактирования Gloss Contour (контур глянца) в Тиснении: нажмите на контур эскиза, чтобы открыть Редактор контура >клик в сетке контура, добавить точки и введите входные и выходные значения.

Параметры наложения:

Тень:

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

Тиснение/скос:

Контур:

Наложение цвета:

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

Обводка:

Шаг 9

Скопируйте изображение «Дворец на шарах» в браузере, вставьте его над слоем с текстом «Angel» и переименуйте слоя на «Reflection01.» Используя инструмент Move Tool (Перемещение), выделите слой «Reflection01» и фоновый слой, а затем нажмите выравнивание команд: «Выравнивание по нижнему краю края» и «Выравнивание по левому краю» в верхнем меню, как показано на рисунке ниже.

Шаг 10

Выделите слой «Reflection01 с помощью Rectangular Marquee Tool (Прямоугольная область), затем щелкните правой кнопкой мыши на изображение и выберите Free Transform (Свободное трансформирование).  Зафиксируйте пропорции, для этого нажмите на значок с петлей «Сохранить пропорции» в верхнем меню, как показано на рисунке ниже и уменьшите ширину и высоту на 70%, установите горизонтальное положение 1099,2 пикс. и установите вертикальное положение -7,8 пикс. и нажмите клавишу enter.

Шаг 11

Примените стили слоя на слое «Reflection01» (щелкните правой кнопкой мыши по слою Blending Options (Параметры наложения)) и примените Gradient Overlay (Наложение градиента)  со значениями, как показано ниже и нажмите кнопку ОК, чтобы получить тон металлической меди.

Шаг 12

Примените резкость трижды: Зайдите в меню> Filter> Sharpen> Sharpen (Фильтр>Усиление резкости>Усиление резкости). Помните, что нужно повторить этот шаг три раза.

Шаг 13

Уменьшить шум: Зайдите в меню Filter> Noise> Reduce Noise (Фильтр>Шум>Уменьшить шум).  Используйте значения, как показано ниже.

Шаг 14

Дублируйте слой «Reflection01» и переименуйте его. После переименования слоя на «Reflection02» измените режим смешивания на Lighten (Замена светлым) и установите непрозрачность 50%, как показано ниже.

Шаг 15

Чтобы добиться эффекта отражения, выделите слой «Reflection02»  с помощью Rectangular Marquee Tool (Прямоугольная область), щелкните правой кнопкой мыши на изображение и выберите: Free Transform> Flip Horizontal (Свободное трансформирование>Отразить по горизонтали) и уменьшить ширину до -90%, а высоту до 90%, установите значение по горизонтали 513 пикс., а по вертикали 108 пикс., как показано ниже и нажмите enter.

Шаг 16

Выберите два слоя изображения и перейти к меню Layer> Create Clipping Mask (Слой>Создать обтравочную маску), чтобы поместить отражения внутрь слоя со шрифтом.  Наконец, выделите два изображения и текстовый слои, чтобы связать их, нажав на значок «Link Layers» (Связать слои) внизу палитры слоев для того, чтобы иметь законченный текстовой эффект.

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

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

Источник: design.tutsplus.com

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

569

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

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

Для начала создаем новый документ, выбираем Файл -> Создать (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 | Просмотров: 5904

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

01.06.2011 | Просмотров: 4436

В этом видео мы будем создавать с Вами сияющий текст.

29.10.2011 | Просмотров: 3522

Новый видеоурок от сайта, в котором мы рассмотрим создание красивого текстового эффекта в Фотошоп.

20.06.2011 | Просмотров: 3844

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

23.02.2012 | Просмотров: 4893

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

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

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

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

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

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

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

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

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

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

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

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

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

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

---

Не в тему

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

---

с уважением, Agor

Непременно поделитесь с друзьями!

Металлический текст — уроки фотошоп

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

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

Источник: http://soohar.ru/sozdanie-yarkogo-metallicheskogo-teksta-v-fotoshope/

Создаем металлический текст в Фотошопе

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

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

Исходники

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

Шаг 1

Создайте новый документ размером 800 x 461 px. Разместите в документе текстуру дерева “Dark Wood Teture”.

Убедитесь что активна опция Snap/Привязка (View > Snap / Просмотр > Привязка). Активируйте линейки: View > Rulers / Просмотр > Линейки. Теперь кликните по горизонтальной линейке и потяните вниз, чтобы создать горизонтальную направляющую.

Перетащите направляющую в центр документа. Она должна «приклеиться» посредине.

Шаг 2

Возьмите инструмент Rectangle Tool / Прямоугольник, и в меню настроек кликните по иконке “geometry settings” / «настройки геометрии». Включите опцию From Center / Из центра.

Подведите мышь в центр документа (на направляющую), затем кликните один раз и введите параметры 490 x 255 px для создания прямоугольника.

Укажите прямоугольнику цвет #adadad.

Возьмите инструмент Add Anchor Point Tool / Добавить опорные точки. Кликните по середине каждой из вертикальных сторон, чтобы добавить точки.

Инструментом Direct Selection Tool / Прямое выделение кликните и потяните так, чтобы выделить обе только что созданные точки.

В меню выберите Edit > Transform Points > Scale / Редактировать > Трансформировать точки > Масштабирование. Затем зажмите клавишу Alt/Option и потяните в сторону за один из внешних манипуляторов.

Теперь так же потяните манипулятор вверх.

Когда вы будете довольны результатом, нажмите Enter/Return.

Выберите инструмент Ellipse Tool, включите опцию From Center / Из центра, и выберите вариант Subtract Front Shape / Вычесть переднюю фигуру.

Подведите курсор мыши к направляющей у правого края фигуры и, удерживая клавишу Shift, растяните круг размером 25 x 25 px.

Сделайте то же с левой стороны.

Шаг 3

Кликните дважды по слою, в котором мы только что работали и укажите ему следующие Layer Style/ Стили слоя:

Bevel and Emboss / тиснение

Contour / Контур

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

Используйте “stove pipe 120″ из METALS.grd.

Drop Shadow / Тень

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

Шаг 4

Выберите инструмент Direct Selection Tool / Прямое выделение, чтобы выделить все точки, составляющие фигуру.

Поместите файл текстуры металла “Dark Brushed Metal” поверх всех слоев. Затем, удерживая клавишу Ctrl/Cmd, кликните по слою с созданной нами фигурой, чтобы создать выделение по ее контуру.

Нажмите Ctrl/Cmd + J, чтобы дублировать выделение в новом слое, теперь для этого слоя смените параметр Blend Mode / Режим наложения на Overlay / Перекрытие. Удалите оригинальный слой с текстурой металла “Dark Brushed Metal”.

Шаг 5

Создайте текст — весь заглавными буквами. В примере использован шрифт Delicious. Размер шрифта 70 pt, а цвет #b5b5b5.

Дублируйте слой с текстом и для слоя-копии укажите параметр Fill/Заливка в 0%, затем снова дублируйте слой.

Дважды кликните по оригинальному слою с текстом, чтобы указать ему стиль слоя Stroke/Обводка. Введите параметры как показано ниже. Используйте цвет #b5b5b5.

Кликните правой кнопкой мыши по слою с которым мы только что работали и выберите Rasterize Layer Style/Растрировать стиль слоя.

Вновь откройте стили слоя для этого слоя и укажите ему стиль Bevel and Emboss / Тиснение.

Укажите для этого слоя Fill / Заливку в 0%.

Шаг 6

Кликните дважды по первой копии слоя с текстом, чтобы вызвать окно Layer Style / Стиль слоя. Укажите следующие стили:

Bevel and Emboss / Тиснение

Contour / Контур

Drop Shadow / Тень

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

Кликните дважды по второй копии слоя с текстом и укажите ему стиль слоя Bevel and Emboss / Тиснение:

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

Шаг 7

Удерживая Ctrl/Cmd кликните по слою с векторной фигурой, чтобы создать выделение по ее контуру. Создайте новый слой поверх остальных и назовите его “Noise”.

В качестве первого цвета выберите #e7e7e7, а для цвета фона #5c5c5c. Зайдите в Filter > Render > Clouds / Фильтр > Рендеринг > Облака, затем в меню выберите Select > Deselect / Выделение > Снять выделение.

В меню найдите Filter > Noise > Add Noise / Фильтр > Шум > Добавить шум. Укажите настройки как показано ниже.

Смените Blend Mode / Режим наложения для слоя с шумом на Soft Light / Мягкий свет, а параметр Opacity / Непрозрачность снизьте до 50%.

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

После того как вы сохранили файл как копию, выберите в меню Layer > Flatten Image / Слой > Выполнить сведение.

В меню выберите Filter > Render > Lighting Effects / Фильтр > Рендеринг > Эффект освещения, и укажите параметры как показано ниже.

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

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

Автор урока textuts

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

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

Источник: http://www.dejurka.ru/tutorial/metal-text-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), используя следующие настройки.

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

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

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

Источник: https://itc-life.ru/sozdayom-obyomnyj-metallicheskij-tekst-v-fotoshop/

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

Фев
6
2015

Трещины

Металлическая текстура

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) с такими параметрами:

Шаг 2

Выберите инструмент Горизонтальный текст (Horizontal Type Tool), на верхней панели выберите шрифт «Poplar Std» размером 200pt цветом #a5a5a5 и установите выравнивание по центру. Откройте панель Символ (Окно > Символ) (Window > Character) и установите трекинг на 30, чтобы увеличить расстояние между буквами. Напишите слово «METAL».

Шаг 3

На верхней панели нажмите на кнопку 3D, чтобы преобразовать слой в 3D-экструзию.

Шаг 4

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

Шаг 5

Теперь Вам нужно быть внимательными к панелям 3D и Свойства (Properties). Каждый элемент сцены имеет свои свойства, поэтому будьте точны в его выборе.

Для текстового объекта нужно настроить Экструзию (Extrusion): увеличьте его до 50. Затем перейдите во вкладку Капитель (Cap): Ширина (Width) – 15%, Угол (Angle) – 45 градусов.

Шаг 6

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

Шаг 7

Теперь мы добавим текстуру на текст. Выберите Материал передней выпуклости (Front Infilation Material), на панели свойств кликните на иконке папки у параметра Рассеивание (Diffuse) и выберите пункт Новая текстура. Задайте ширину и высоту 600 и 900 пикселей.

Шаг 8

Снова кликните на иконке того же параметра и выберите пункт Редактировать текстуру (Edit Texture). У Вас должно будет открыться новое окно, в которое нужно вставить текстуру металла.

Шаг 9

Нам нужна только верхняя часть текстура, поэтому обрежьте её инструментом Кадрирование (Crop Tool).

Шаг 10

Растрируйте слой и обесцветьте его (Desaturation).

Шаг 11

Примените для текстуры коррекцию Уровни (Levels): 0; 0,82; 248.

Шаг 12

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

Шаг 13

Выберите Материал переднего скоса (Front Bevel Material) и выберите для него текстуру, которую мы сохранили. Сделайте то же самое для Материала экструзии (Extrusion Material). Если Вы измените ракурс, то металлическую текстуру нужно будет наложить на остальные элементы.

Шаг 14

Выберите все материалы, кроме Материала передней выпуклости (Front Inflation Material). Настройте их на панели свойств, как показано ниже.

Шаг 15

Выберите Материала передней выпуклости (Front Inflation Material) для параметра Рельеф (Bump) загрузите металлическую текстуру.

Шаг 16

Настройте материал, как показано на скриншоте.

Шаг 17

Теперь мы создадим фон. Вернитесь к панели слоёв и вставьте металлическую текстуру. Кликните правой кнопкой мыши на слое и выберите пункт Почтовая открытка (Postcard). Текстура будет преобразована в 3D-слой. Выберите оба слоя и перейдите в меню 3D > Слияние 3D-слоёв (3D > Merge 3D Layers).

Все слои станут единым 3D-объектом. Вернитесь к панели 3D, чтобы проверить этот момент.

Шаг 18

Выберите материал металлической текстуры и измените цвет рассеивания на #7f7f7f. Затем откройте редактирование текстуры.

Шаг 19

Растрируйте слой и обесцветьте его (Ctrl + Shift + U), затем откройте Уровни (Ctrl + L) и введите значения: 6; 0,87; 242.

Шаг 20

Создайте новый слой и вставьте текстуру трещин. Установите режим наложения Умножение (Blending Mode – Multiply), уменьшите непрозрачность до 75%, а заливку – до 80%. Сохраните документ и закройте окно. Вернитесь в основной проект и увидите там изменения.

Шаг 21

Сейчас мы немного выровняем слои. Кликните правой кнопкой мыши на осях в левом нижнем углу и выберите пункт Слева (Left). Выберите два слоя, выберите инструмент Перемещение (Move Tool) и на верхней панели нажмите Выровнять по левому краю (Align left edges).

Шаг 22

Кликните правой кнопкой мыши на осях внизу снова и выберите пункт По умолчанию (Default).

Шаг 23

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

Шаг 24

Кликните ещё раз на той же иконке и выберите редактирование текстуры. Вставьте текстуру трещин в открывшееся окно и уменьшите её заливку до 85%. Сохраните документ и вернитесь в основной документ.

Шаг 25

Кликните на иконке параметра Непрозрачность (Opacity) и удалите текстуру. Измените Рельеф (Bump).

Результат:

Шаг 26

Выберите Материала передней выпуклости (Front Inflation Material) и для Рельефа (Bump) откройте Редактирование UV-свойства (Edit UV Properties). Введите значения, показанные ниже.

Шаг 27

Осталось только поставить сцену на рендеринг.

Конечный результат:

Источник: http://www.photoshop-training.ru/?p=1558

Создаем металлический текст в фотошоп

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

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

Вот окончательный результат работы, который сегодня

мы будем создавать с нуля, используя всего 3 слоя, и один фильтр.

Шаг 1: С начала мы создадим узор (pattern).

Создайте новый документ Ctrl+N размером 150х150, Фон: белый.

Перейдите во вкладку Фильтр > Шум > Добавить шум

Эффект: 11%

Распределение: по Гауссу 

Поставьте галочку: Монохромный

Далее нажмите Ctrl + F чтобы применить фильтр еще раз с теме жи настройками.

Получиться:

Теперь перейдите Редактирование > Определить узор 

Переходим непосредственно к созданию эффекта металлического текста…

Шаг 2:  Создайте новый документ размером 600х600 пик.Залейте #353535 цветом,

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

Режим наложения: Умножение

Непрозрачность: 48%

Шаг 3: Выберите инструмент Горизонтальный текст и напишите нужное слово или букву. Я использовал шрифт Intro Inline, размером 600 пт. цвет: черный.

В дальнейшем мы будем работать исключительно со стилями слоя текста

От Вас требуется лишь повторение действий как показано на скриншотах:

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

Получиться:

Обводка

Получится

Тиснение & Контур

Получится 

Глянец 

Наложение цвета

Тень

Получится:

Шаг 4: Теперь сделайте дубликат слоя Ctrl + J, и очистите его стиль слоя.

(Кликните правой кнопкой по слою с дубликатом и выберите строку Очистить стиль слоя)

Затем измените непрозрачность заливки этого слоя на 0%.

Как это сделать посмотрите на скриншот:

Шаг 5: Откройте стили слоя дубликата и измените настройки

каждого пункта как показано на скриншотах ниже:

$IMAGE21$

$IMAGE26$

Я надеюсь что вам понравился урок, и вы извлекли из него что то новое и полезное для себя, тем самым прокачав свое мастерство +1 ур. :). Оставляйте комментарии и прилагайте к ним результат своей работы, нам будет очень приятно и вдохновит нас на новые уроки! 

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

Еще результат:

Источник: http://ps-magic.ru/news/sozdaem_metallicheskii_tekst/2014-04-08-70

Металлический 3D текст, Уроки

Большинство из вас, наверное, знает тех, кто создавал удивительный текст с помощью 3D программ. Но что же делать, если у вас нет такой программы, а нужно сделать печатный 3D-текст? В этом уроке вы узнаете, как создать векторный объемный металлический текст с использованием только программы Фотошоп. Итак, проверим!

Превью финального результата:

Шаг 1

Начнем с создания Нового документа (Сtrl+N) размером 1500х1500 рх с разрешением 300 пикс/дюйм. Создаем новый слой (Ctrl+Shift+N) , называем его «3D текст первый».

Теперь активируем инструмент Текст (Type Tool ) и большими буквами пишем любой текст. Не переживайте, если ваш текст выходит за рамки холста, т.к. буквы должны быть весьма большие.

Дальше мы будем растрировать этот слой и искажать наш текст.

Шаг 2

Теперь щелкните правой кнопкой мыши по строке слоя с текстом и в выпадающем меню выберите – Растрировать текст (Rasterize Type) .

Затем переходим в Редактирование-Трансформирование-Искажение (Edit> Transform> Distort ) и создаем перспективу для текста путем перетаскивания углов рамки, как на скриншоте ниже.

Сделайте ваш текст немного меньше (Ctrl+T) , таким образом, текст не будет размытым, и вы не потеряете его качества.

Совет: если вы недостаточно исказили текст и его края выглядят нечетко, используйте Фильтр-Резкость- Резкость на краях (Filter > Sharpen > Unsharp Mask) и увеличьте объем написанного.

Шаг 3

Далее дублируем слой с текстом (Ctrl+J) и называем его «3D текст последний». Активируем инструмент Перемещение (Move) и, используя стрелки на клавиатуре, передвигаем дубликат немного выше оригинала. В моем случае это было перемещение на 16 рх вверх и 2 рх вправо.

Шаг 4

Создаем дубликаты обоих слоев (Ctrl+J) и располагаем слои в точно таком же порядке, как на моем скриншоте. Проверьте точность расположения, это важно!

Шаг 5

Теперь выключите видимость слоев «3D текст первый» и «3D текст последний». Выберите слой «3D текст первый копия» и сделайте около 60 копий (Ctrl+J) этого слоя. Затем выберите слой «3D текст последний копия» и, удерживая клавишу Shift, левой кнопкой мыши сделайте клик по нему.

Далее, не отпуская Shift, cпуститесь вниз палитры слоев и второй клик ЛКМ сделайте по слою «3D текст первый копия». Это действие выделит все 60 копий. Теперь нажимаем правой кнопкой мыши на выделенных слоях и выбираем опцию «Связать слои» (Link Layers) .

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

Шаг 6

Активируем инструмент Перемещение (Move) и выбираем слой «3D текст последний копия».

Переходим на верхнюю панель установок и нажимаем на опцию «Распределение центров по вертикали» (Distribute Vertical Centers) и «Распределение центров по горизонтали» (Distribute Horizontal Centers) .

Теперь ваши буквы приобрели красивый объем. Далее, выделим все связанные слои, и объединим их (Ctrl+E) . Назовем этот слой «3D текст объединенный».

Шаг 7

Переходим на слой «3D текст последний» и двойным щелчком мыши по строке слоя открываем окно «Стилей слоя» (Layer Style) . Добавляем Наложение градиента (Gradient Overlay) с такими цветами: #1a3236 to #cffffb. Настройте угол так, чтобы верх букв был темнее, а низ осветлен.

Шаг 8

В палитре слоев выбираем «3D текст объединенный» и выключаем его видимость. Далее, удерживая Ctrl, щелкаем по иконке слоя, чтобы загрузить выделение. Создаем Новый слой (Ctrl+Shift+N) выше предыдущего и называем его «3D текст цветной» и заливаем цветом # a6e6fe. Снимаем выделение (Ctrl+D) .

Шаг 9

Открываем «Стили слоя» для цветного слоя. Выбираем «Наложение Градиента» (Gradient Overlay) . Щелкаем по самому градиенту и в меню наборов выбираем второй градиент «От основного к прозрачному» (Foreground to Transparent) .

Устанавливаем цвета в такой последовательности: #000000, #4a4747, #ffffff, #262626, #ffffff, и #000000. Изменяем угол (123).

Как видите, градиент проходит через весь центр текста, что и будет нашим освещением.

Шаг 10

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

Затем создаем Новый слой (Ctrl+Shift+N) выше предыдущего цветного и называем его «Тени». Настраиваем цвет переднего плана на #1a3236 или темнее, берем Кисть (Brush) c нажимом около 30%, жесткостью 0% и рисуем.

Как только вы сделали тень, отменяем выделение (Ctrl+D) .

Шаг 11

Придадим нашему тексту качественный вид. Идем в палитру слоев и, удерживая Alt, щелкаем по иконке слоя «3D текст последний», загрузив его выделение. Создаем новый слой поверх всех слоев и называем его «Яркие линии».

Активируйте инструмент «Прямоугольное выделение» (Rectangular Marquee Tool) и щелкните правой кнопкой мыши на изображении, выбрав опцию «Обводка» (Stroke) . Настраиваем ширину в 1 рх, цвет обводки – белый и расположение – по центру.

Берем большой жесткий Ластик c нажимом около 30%. Затем стираем все, кроме мест, указанных стрелками.

Шаг 12

Когда вы закончите стирание, дублируйте слой «Яркие линии» (Ctrl+J) , снизьте его непрозрачность, и объедините два слоя: оригинал и дубликат (Ctrl+E) .

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

У вас должно получиться нечто похожее на изображение ниже:

Шаг 13

Теперь перейдите в низ палитры слоев, выберите слой «3D текст первый» и переименуйте его в «Низ тени 1», сделав двойной клик по надписи. Дублируйте его (Ctrl+J) , назвав дубликат «Низ тени 2». Добавьте Фильтр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом 3 рх к дубликату.

Шаг 14

Активируем инструмент Перемещение (Move) и стрелками на клавиатуре сдвигаем размытие тени на 5 рх влево. Тем самым мы создадим иллюзию внутренней тени на изогнутых местах букв. Нам не нужны внешние части созданной тени, поэтому Ластиком (Eraser) c мягкими краями стираем ненужное.

Шаг 15

Теперь возвращаемся на слой «Низ тени 1» и идем во вкладку Фильтр-Размытие-Размытие по Гауссу (Filter > Blue > Gaussian Blur) . Настраиваем радиус в 2 рх.

Затем, активируя Перемещение (Move Tool) , стрелками курсора передвигаем слой на 2 пикселя вниз и 2 пикселя вправо. Пусть тень охватывает все пространство под буквами.

Края тени должны быть очень тонкими.

Шаг 16

Здорово, мы сделала наш текст действительно выделяющимся. Теперь в палитре слоев, удерживая Alt, щелкаем по миниатюрам слоев: «Яркие линии», «3D текст последний», «Тени» и «3D текст цветной», выделив их.

Теперь перетащите выделенные слои на иконку «Нового слоя» внизу палитры слоев (лист с согнутым краем). Далее объединяем получившиеся копии (Ctrl+E) и называем этот слой «Отражение».

Помещаем его на самый верх и отключаем видимость (это очень важно!).

Шаг 17

Выключаем фоновый слой или удаляем его, он нам не пригодится. Переходим в Изображение — Объединить видимые (Image > Merge Visible) и называем полученный слой «Текст».

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

Будем работать пока со слоем «Текст», «Отражение» выключим.

Давайте придадим нашим буквам высококачественный вид. Выбираем слой «Текст» и дублируем его (Ctrl+J) . Изменяем режим смешивания для этого дубликата на Перекрытие (Overlay) и снижаем непрозрачность до 63%. Переходим в Изображение-Коррекция-Карта Градиента (Image-Adjustment-Gradient Map) и выбираем из набора черно-белый градиент.

Шаг 18

Делаем еще один дубликат слоя «Текст» (Сtrl+J) и помещаем его выше всех слоев. Называем его «Резкость краев» и изменяем режим смешивания для него на «Жесткий свет» (Hard Light) . Теперь идем в Фильтр-Другие-Цветовой контраст (Filter > Other > High Pass) и выставляем радиус от 1 до 2 рх. Снижаем непрозрачность этого слоя до 60-70%.

Шаг 19

Создаем Новый слой (Ctrl+Shift+N) ниже всех слоев и называем его «Поверхность». Нажимаем D на клавиатуре для установки цвета по умолчанию. Активируем Градиент (Gradient Tool) и протягиваем его сверху вниз через все полотно. Можете установить его начало за пределами документа.

Теперь переходим в Редактирование-Трансформирование-Искажение (Edit > Transform > Distort) и для нашей поверхности создаем перспективу, потянув за узлы рамки. Она не должна получиться идеальной.

Поэтому, когда вы закончите, воспользуйтесь инструментом «Кадрирование» (Crop Tool) и аккуратно обрежьте края поверхности.

Шаг 20

Мне кажется мой текст слишком ярким, поэтому я использовал коррекцию «Яркость/Контраст» (Image > Adjustments > Brightness/Contrast) . Настройки опции даны ниже:

Шаг 21

Следующим этапом переходим в самый низ панели слоев и создаем Новый слой (Ctrl+Shift+N) выше слоя «Поверхность». Называем его «Стекло». Заливаем слой цветом #3f3f3f. Переходим в Фильтр-Шум-Добавить шум (Filter > Noise > Add Noise) и выполняем следующие настройки: Эффект – 28%, Распределение по Гауссу, Монохромный.

Шаг 22

Далее применяем Фильтр-Размытие-Размытие в движении (Filter > Blur > Motion Blur) (настройки ниже).

Изменяем режим смешивания для этого слоя на Перекрытие (Overlay) и снижаем непрозрачность до 50%. Активируем Ластик (Eraser) c мягкими краями и 20% нажимом, стираем части размытого шума.

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

Шаг 23

В заключении, я решил немного подкрасить наше изображение. Для этого щелкаем внизу палитры слоев иконку Корректирующих слоев (черно-белый кружок) и выбираем Цветовой тон/Насыщенность (Hue/Saturation) . Активируйте флажок в окне «Тонирование» (настройки ниже).

Далее выбираем слой «Отражение» и снижаем его непрозрачность до 20-30%. Переключаемся на инструмент Перемещение (Move) и стрелками курсора смещаем слой на несколько пикселей вниз, создавая красивое отражение. Теперь добавим маску слоя (Layer Mask) и мягкой черной кистью удалим излишки отражения внизу.

Вот и все! Спасибо за чтение урока. Надеюсь, вы узнали для себя что-то новое.

Источник: http://www.photoshop-info.ru/c209-327.html

Металлический текст созданный в графическом редакторе на artatac

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

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

Чтобы создать текстуру металла мы используем 2 слоя стилей, некоторые фильтры, режимы наложения, а также маску обрезки! Я буду делать урок используя Photoshop CS5.

Шаг 1: Создаем новый документ
Создали новый документ Photoshop, в меню ФАЙЛ в строке меню в верху экрана, и выберите  новый, или нажмите Ctrl + N (Win):

Я сделаю новый документ 1200 пикселей на 600 пикселей, и я оставлю разрешении по умолчанию 72 точек / дюйм. Установите опции фона БЕЛЫЙ. И цветовой режим RGB.  Нажмите OK:

Шаг 2: Залейте фон черным Нажмите букву D на клавиатуре, для того чтобы выбрать черный цвет.  Затем нажмаем Alt + Backspace (Win) для заливки переднего плана (черный):
style=»display:block; text-align:center;» data-ad-layout=»in-article» data-ad-format=»fluid» data-ad-client=»ca-pub-6527330309399456″

data-ad-slot=»1415582392″>

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

Нажмите на значок нового слоя внизу панели слоев:

Нажмите на значок нового слоя (вторая иконка справа).
Photoshop добавляет новый слой под названием Слой 1  выше фонового слоя:

Шаг 4: Заполняем новый слой в светло-серый
Идите в меню РЕДАКТИРОВАНИЕ в верху экрана и выберите ВЫПОЛНИТЬ ЗАЛИВКУ:

Появится  окно ЗАПОЛНИТЬ, выберите в ИСПОЛЬЗОВАТЬ — ЦВЕТ:

Откроется окно ВЫБРАТЬ ЦВЕТ. Выберите светло-серый. Введите 195 R, G и B:

Нажмите OK. Затем снова OK, чтобы покинуть диалог окна РЕДАКТИРОВАТЬ. Появится серый фон Слоя 1:

Шаг 5: Добавление шума
Перейти к меню Фильтр в верху экрана, выбераем ШУМ, а затем выберите ДОБАВИТЬ ШУМ (Add Noise):

Установите ЭФФЕКТ до 150%,отметьте  ПО ГАУСУ. Поставьте галочку МОНОХРОМНЫЙ:
Должно получится так:

Шаг 6: Применяем фильтр РАЗМЫТЬ В ДВИЖЕНИИ
Пробуем создать эффект металла. Вернитесь в меню фильтров, выберите РАЗМЫТИЕ, а затем выберите РАЗМЫТИЕ В ДВИЖЕНИИ :

В открывшемся диалоговом окне РАЗМЫТИЕ В ДВИЖЕНИИ, установите угол размытия около -10 °, а затем увеличить СМЕЩЕНИЕ около 200 пикселей:

Нажмите OK. Должно быть так:

Шаг 7: Обрезка края
Так как при применении фильтра РАЗМЫТЬ В ДВИЖЕНИИ в английской версии ( Motion Blur) у нас получается не однородная заливка, нам необходимо обрезать немного документ. Выбираем инструмент ОБРЕЗКА (Crop Tool), или нажмите на букву С, чтобы выбрать его с помощью клавиш:

Выберите ОБРЕЗКОЙ (Crop Tool),  на документе, поле без искажений.

Нажмите клавишу Enter (Win), чтобы удалить ненужное. Должно получится так:

Шаг 8: Добавляем текст
Выберите инструмент из панели инструментов, или нажмите букву Т, чтобы выбрать его с помощью клавиш:

Выберите Type Tool.
Выберите шрифт в  верхней части экрана. Для достижения наилучшего результата с этой целью использовать шрифт с толстыми буквами. Я собираюсь использовать Arial — Bleck:

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

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

Шаг 9: Изменение размера текста с помощью СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ
Ваш текст скорее всего, будет слишком мал. Идем в РЕДАКТИРОВАНИЕ — СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ, или нажмите Ctrl + T (Win), чтобы выбрать  СВОБОДНОЕ ТРАНСФОРМИРОВАНИЕ (Free Transform), с клавиш:

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

Шаг 10: Переместите текстовый слой ниже слоя с текстурой
Берем мышкой слой с текстом METAL, в палитре СЛОИ, и устанавливаем его между СЛОЙ 1 и ФОН.

Шаг 11: Создание ОБРЫВОЧНОЙ МАСКИ (Clipping Mask)
Нажмите на СЛОЙ один в палитре слоев, для выделения его. Затем в верху  выберите СЛОИ – СОЗДАТЬ ОБРЫВОЧНУЮ МАСКУ  (Create Clipping Mask):

В палитре СЛОЯ должно быть так:

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

Шаг 12: Добавить Тиснение в окне СТИЛЬ СЛОЯ
Нажмите на слой с текстом в палитре слоев, для выделения. Затем нажмите на иконку СТИЛЬ СЛОЯ (Layer Styles) внизу палитры слоев:

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

В открывшемся окне СТИЛЬ СЛОЯ – ТИСНЕНИЕ, в СТРУКТУРА – СТИЛЬ выбираем ВНУТРЕННИЕ СКОСЫ. МЕТОДИКА – ЖЕСТКАЯ  ОГРАНКА. ГЛУБИНА =  500% . РАЗМЕР =  6 px :

В разделе ЗАТЕМНЕНИЕ нажимаем на КОНТУР ГЛЯНЦА:

В открывшемся окне выбираем УСТАНОВКИ – КОЛЬЦО:Нажмите ОК для выхода из контура редактора. Затем, вернувшись в главном окне диалога Стиль слоя, выберите Сглаживание вариант справа от миниатюры Gloss Contour:

Выберите вариант СГЛАЖИВАНИЕ. Не закрывайте окно СТИЛЬ СЛОЯ.

Должно быть так:

Шаг 13: Добавьте НАЛОЖЕНИЕ ГРАДИЕНТА (Overlay Gradient)
Нажмите на НАЛОЖЕНИЕ ГРАДИЕНТА (Overlay Gradient)в левом столбце диалогового окна СТИЛЬ СЛОЯ.

В средней колонке нажмите на ГРАДИЕНТ: В открывшемся окне выберите как показано на картинке с низу:

Выберите Foreground к фон градиентом.
Нажмите OK. НЕПРОЗРАЧНОСТЬ до 70%.  РЕЖИМ НАЛОЖЕНИЯ – ПЕРЕКРЫТИЕ. Это позволит добавить первоначальный эффект освещения металла:

Нажмите ОК для выхода из диалогового окна СТИЛЬ СЛОЯ. Вот результат с помощью стилей слоя:

Шаг 14: Добавляем новый слой
Установите режим смешивания ПЕРЕКРЫТИЕ ( Overlay ).  Нажмите на слой Слой один в палитре слоев, для выделения. Удерживайте клавишу Alt (Win) нажмите на кнопку СОЗДАНИЕ НОВОГО СЛОЯ:

Появится новое окно НОВЫЙ СЛОЙ.  Отмечаем ИСПОЛЬЗУЕМ ПРЕДЫДУЩИЙ СЛОЙ ДЛЯ СОЗДАНИЯ ОБТРАВОЧНЫХ МАСОК.  Режим ПЕРЕКРЫТИЕ. Назовем Слой 2. ОК.

Шаг 15: Примените фильтр Облака (Clouds)
Выделите Слой 2.  Давайте добавим случайные блики и тени. В меню ФИЛЬТР выбираем РЕНДЕРИНГ – ОБЛАКА.

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

Шаг 16: Примените фильтр РАЗМЫТИЕ ПО ГАУСУ ( Gaussian Blur )
Облака должны быть сглажены, чтобы они больше похожи на блики и тени. Мы сделаем это путем размывания их. Перейти к меню ФИЛЬТР, выберите РАЗМЫТИЕ ( Blur ), а затем выберите РАЗМЫТИЕ ПО ГАУСУ ( Gaussian Blur ):

В открывшемся диалоговом окне РАЗМЫТИЕ ПО ГАУСУ ( Gaussian Blur ), переместите ползунок, чтобы увеличить радиус  значение около 10 пикселей:

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

Шаг 17: Добавляем новый слой
Устанавливаем режим смешивания УМНОЖЕНИЕ (Multiply).

Снова нажмите и удерживайте Alt (Win) и нажмите на значок новый слой внизу панели слоев, для открытия диалогового окна НОВЫЙ СЛОЙ ( Layer).

Отмечаем ИСПОЛЬЗЫВАТЬ ПРЕДЫДУЩИЙ СЛОЙ ДЛЯ СОЗДАНИЯ ОБТРАВОЧНЫХ МАСОК, а затем измените режим на УМНОЖЕНИЕ (Multiply). Выбираем так же ВЫПОЛНИТЬ ЗАЛИВКУ НЕЙТРАЛЬНЫМ ЦВЕТОМ РЕЖИМА УМНОЖЕНИЕ:

Шаг 18: ДОБАВИТЬ ШУМ (Add Noise)
Выделяем Слой 3. Выбираем в меню ФИЛЬТРЫ – ШУМЫ – ДОБАВИТЬ ШУМ. В открытом диалоговом окне ничего не меняем , нажимаем ОК:

Режим смешивания, в шаге 17 УМНОЖЕНИЕ (Multiply) скрывает белые области  из поля зрения, поэтому только темные крапинки шума видны.

Шаг 19: Применение ФИЛЬТРА МЕДИАНА
Заходим ФИЛЬТР – ШУМ — МЕДИАНА:

Увеличиваем РАДИУС до 9 — ОК:

Шаг 20: Уменьшаем НЕПРОЗРАЧНОСТЬ СЛОЯ 3 до 70 %. Переходим к вкладке СЛОИ внизу справа, Выделяем Слой 3 и уменьшаем НЕПРОЗРАЧНОСТЬ до 70 %:

Окончательный результат такой:

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

Вот еще один пример того же эффекта, только с другим шрифтом:

Урок перевел и отредактировал автор сайта MilArt

Просмотрите еще один урок  «Иллюзия золотого текста».

ИСТОЧНИК :  Photoshop Essentials.com

Источник: https://artatac.ru/photoshop/photoshop-uroki/urok-metallicheskiy-tekst.html

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

Заключение

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

Источник: http://labdes.ru/metal-text-effect-in-photoshop

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

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

Шаг 1

Перед началом, можете скачать и установить себе шрифт, который используется в этом уроке. Создаем документ с размерами 900 px на 600 px и разрешением 300 pixels/inch. Заполняем фоновый слой цветом #332222. Выбираем белый, как цвет переднего плана. Пишем нужный текст (размер здесь взять 36, но можете поменять).

Шаг 2

Создаем новый слой, назовем его «Metal» и заполним 90%-ым серым. Идем Filter > Render > Lens Flare (Фильтр > Освещение > Блик) и устанавливаем следующие настройкиs: Brightness (Яркость) > 125, Lens Type (Тип блика) > 50-300mm Zoom. Теперь идем на палитру слоев и зажимаем Alt между слоями «Awesome» и «Metal», чтобы получилась маска для слоя «Metal».

Шаг 3

Выбираем слой «Awesome», открываем Blending Options (Опции смешивания) и выбираем там 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», идем Filters > Render > Lens Flare (Фильтр > Освещение > Блик) меняем Brightness (Яркость) на 100% и жмем ОК. Теперь идем Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие Гаусса) и ставим Radius (Радиус) 45 px. Далее следуем Image > Adjustments > Hue/Saturation (Изображение > Настройки > Оттенок/Насыщенность) и ставим Lightness («Светлость») -20.

Шаг 5

Выбираем слой «Awesome» и топаем Select > Load Selection (Выделение > Загрузить выделение), создаем новый слой над слоем «Background» и называем его «Shadow». Заполняем выделение черным цветом.

Шаг 6

Теперь займемся тенью. Для этого мы увеличим наш рабочий холст, через пару минут поймете зачем. Итак, идем Image > Canvas Size (Изображение > Размер холста). Нажмите на нижнюю среднюю стрелку, убедитесь, что галоска возле Relative (Относительный) не стиот.

Выставляем высоту 1600 px и жмем ОК. Выбираем слой «Background», устанавливаем Vertical guide (Вертикальную направляющую), для этого нам нужно сделать видимыми Rulers (Линейки), идем View > Rulers (Вид > Линейки) и вытягиваем сбоку вертикальную направляющую в центр нашего документа.

Дальше выбираем слой «Awesome».

Шаг 7

Теперь займемся самым интересным -Actions (Действия или, в народе, просто Экшны). Создадим экшн, чтобы надлежащим образом бросить тень. Идем Window > Actions (Окно > Действия), чтобы открыть панель Действияl.

Открываем меню этой панели и выбираем New Set (Новый набор), назовем его «Shadow» и кликнем ОК. Теперь жмем кнопку New Action (Новое действие), назовем его «Drop» и нажимаем на Record (Запись), чтобы начать записывать.

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

Шаг 8

Первой, что мы сдемаем, это продублируем слой «Shadow», нажав CTRL+J.

Затем жмем CTRL+T, чтобы появилась рамка Free Transform (Свободная Трансформация), перетаскиваем центр трансформации на верхнюю грань документа, как показано на рисунке ниже.

Теперь устанавливаем вертикальный (W) и горизонтальный (H) масштабы 100,2% и клацаем Enter. И на последок идем на панель экшнов и жмем кнопку Stop (Стоп). Ну мы закончили запись действия, теперь пора его воспроизвести.

Шаг 9

Убедитесь, что выбран слой «Shadow copy » и следуйте на панель действийl, сперва выбираем наше Drop Action, затем нажимаем кнопку Play (Проиграть) 12 раз. Затем выбираем все содданныей слои с тенью и кликаем CTRL+E, чтобы их обьединить.

Шаг 10

Идем Filter > Blur > Radial Blur (Фильтр >Размытие >Радиальное размытие), передвигаем Blur Center (Центр размытия) вверх и применяем следующие настройки: Amount (Величина) > 3, Blur Method (Способ размытия) > Zoom, Quality (Качество) > Best.

Шаг 11

Будем заканчивать с тенью. Жмем CTRL+T и передвигаем центр трансформации вверх (опять). Сдвигаем нашу тень вниз, удерживая SHIFT. Затем идем Filter > Blur > Gaussian Blur (Фильтр >Размытие >Размытие Гаусса) и ставим Radius (Радиус) 2 px.

Поздравляю, мы сумели! 🙂

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

Источник: http://silverphoto.my1.ru/publ/shikarnyj_metallicheskij_tekst_v_fotoshope/7-1-0-702

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

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

Результат

---

 

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

1 Шаг

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

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

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

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

Levels/Уровни

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

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

2 Шаг

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

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

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

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

3 Шаг

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

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

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

4 Шаг

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

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

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

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

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

5 Шаг

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

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

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

6 Шаг

 

Результат:

Источник

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

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

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

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

Итак, начнем с шоу!

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

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

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

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

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

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

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

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

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

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

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

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

Узнайте, как создать эффект «железный текст» в Photoshop.

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

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

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

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

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

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

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

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

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

Energy — Узнайте, как создать трехмерный текст из медного металла в Photoshop.

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

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

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

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

Подсказка: создание эффекта четкого металлического текста в Photoshop.

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

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

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

Как создать размытый металлический текст с помощью 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

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

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

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

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

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

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

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

1

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

2.

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

3.

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

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

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

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

4.

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

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

5.

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

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

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

6.

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

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

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

CS6 Superguide

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

---

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

Посмотрите видео с подробными инструкциями и используйте письменные инструкции для быстрого ознакомления. Если вам понравилось это видео, я настоятельно рекомендую вам подписаться на мой канал Youtube — PhotoEffect .

1. Создайте новый документ.
Выберите команду File> New в верхнем меню или просто нажмите Ctrl + N .

Появится стандартное диалоговое окно New.

Во всплывающем окне введите имя в поле «Имя» и введите следующую информацию: ширина 1366 пикселей, высота 768 пикселей, разрешение 72 пикселей / дюйм, цветовой режим RGB и содержание фона Прозрачный или черный.

Нажмите ОК.

На панели «Слои» отображается слой с именем по умолчанию «Слой 1».

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

2. Выберите инструмент «Горизонтальный текст».
Выберите инструмент «Горизонтальный текст» на панели «Инструменты» или просто нажмите T .

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

Нажмите Shift + T , чтобы переключаться между четырьмя доступными типами инструментов, пока не станет активным тот, который вам нужен.

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

Выберите параметры типа, такие как шрифт, стиль, размер и цвет, на панели параметров инструмента.

Инструмент «Горизонтальный текст». Выберите параметры типа, такие как шрифт, стиль, размер и цвет, на панели параметров инструмента.

3. Введите текст в документе.
Щелкните ту часть холста, куда вы хотите добавить текст в Photoshop, затем введите свой текст.

Если вам нужно начать новый абзац, нажмите Enter.

По завершении нажмите кнопку «Применить» на панели параметров или просто нажмите Ctrl + Enter .

Photoshop создает новый текстовый слой.

Введите текст в документе.

4. Отрегулируйте размер текста с помощью произвольного преобразования.
Выберите Edit> Free Transform или просто нажмите Ctrl + T .

Ограничивающая рамка окружает содержимое вашего текста.

Он имеет четыре контрольные точки по углам, четыре контрольные точки по бокам и центр вращения посередине.

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

• Чтобы переместить текст: перетащите внутрь прямоугольника.
• Чтобы повернуть текст: потяните за угол прямоугольника.
• Чтобы изменить размер текста: перетащите его углы.
• Для масштабирования по горизонтали или вертикали: перетащите его стороны.
• Удерживайте нажатой клавишу Shift, чтобы текст не искажался.
• По завершении нажмите кнопку «Подтвердить» на панели параметров или просто нажмите Ctrl + Enter .

Отрегулируйте размер текста с помощью произвольного преобразования.

5. Добавьте стиль слоя.
Перейдите к Layer> Layer Style> Bevel & Emboss , чтобы открыть диалоговое окно Bevel & Emboss Layer Style.

Примените стиль Bevel & Emboss, Satin и Color Overlay, используя следующие настройки:

Bevel & Emboss:
Техника: Chisel Hard
Размер: 12 пикселей
Gloss Contour: Ring
Contour:
Contour: Cone

Атлас:
Расстояние: 27 пикселей
Размер: 14 пикселей
Контур: Кольцо

Наложение цвета:
Выберите серый цвет: # 666666

Настройки Bevel & Emboss. Настройки контура. Атласные настройки. Настройки наложения цвета.

6. Добавьте фоновое изображение.
Если вы хотите фоновое изображение, выберите Файл> Поместить .

Появится диалоговое окно «Поместить».

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

На панели «Слои» переместите этот фон в нижнее положение.

Диалоговое окно «Поместить». На панели «Слои» переместите этот фон в нижнее положение.

7. Примените яркость / контрастность к слою фонового изображения.
Теперь отрегулируйте контраст яркости с помощью корректирующего слоя «Яркость / Контраст».

Выберите слой фонового изображения на панели «Слои».

Выберите Layer> New Adjustment Layer> Brightness / Contrast .

Откроется диалоговое окно «Новый слой».

Просто нажмите ОК.

Перетащите ползунок «Яркость и контраст» вправо или влево.

Щелкните значок обтравочной маски, чтобы закрепить настройку «Яркость / Контраст» на слое под ней.

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

8. Сохраните документ.
Выберите Файл> Сохранить или просто нажмите Ctrl + S , чтобы сохранить файл проекта металлического текстового эффекта.

Откроется диалоговое окно «Сохранить как».

Перейдите в папку, в которой вы хотите сохранить файл проекта.

Введите имя в текстовое поле «Имя файла» и оставьте формат Photoshop по умолчанию (* .PSD; *. PDD).

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

Нажмите «Сохранить», чтобы сохранить файл проекта.

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

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

На прошлой неделе я смотрел фильм «Бессмертные» и перед фильмом гулял по кинотеатру, проверяя какой-то плакат. Я видел, что плакат «Бессмертные», а также какой-то старый Гарри Поттер и все такое, имеют такой же металлический текстовый эффект. Имея это в виду, я решил придумать эффект средневекового металлического текста с помощью Photoshop.

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

Урок Photoshop

Шаг 1

Откройте Photoshop и создайте новый документ. Я использую 2560×1440 пикселей для размера. Залейте фоновый слой серым цветом # 464646.

Шаг 2

Найдите металлические текстуры. Я использовал некоторые для Shutterstock. Тот, который я использовал, от Компанийца Тараса называется бесшовная серебряная металлическая текстура с пустым местом для вашего текста или изображения.Используйте Multiply для режима наложения

Шаг 3

Добавьте новый слой и затем выберите красный и желтый для цветов фона и переднего плана. После этого перейдите в Filter> Render> Clouds.

Шаг 4

Выделив слой, перейдите в меню «Слой »> «Маска слоя»> «Показать все». Выберите ползунок маски слоя и затем измените цвета фона и переднего плана на черный и белый. Выбрав большой палец маски слоя, перейдите в Filter> Render> Clouds .Вы примените к маске фильтр рендеринга облаков.

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

Пришло время создать эффект бронзы. Для этого мы будем использовать стили слоя. В основном мы будем использовать Drop Shadow, Inner Shadow, Inner Glow, Bevel and Emboss, Color Overlay и Pattern Overlay.

Шаг 9

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

Шаг 10

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

Шаг 11

Давайте добавим больше деталей. На этот раз я использовал рыцаря из изображения Shutterstock под названием 4 Metal medals background от granata1111.

Шаг 12

Примените те же стили слоя, единственная разница в Pattern Overlay , что на этот раз мы применим Overlay для режима наложения.

Шаг 13

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

Шаг 14

Это необязательный шаг, но он всегда добавляет немного волшебства к подобным произведениям искусства, я говорю о Lens Flare. Вы можете выполнить поиск в Google Images или Shutterstock, чтобы найти то, что вам нравится. Я использую изображение, которое я нашел в Google Images, вы можете скачать его здесь.

Шаг 15

Давайте добавим эффект виньетки, сделать это очень просто. Добавьте новый слой и залейте его черным с помощью инструмента Paint Bucket Tool (G) .После этого с помощью Eraser Tool (E) и очень мягкой закругленной кисти сотрите центр изображения.

Шаг 16

Выделите все слои и продублируйте их, после чего сгруппируйте все новые слои в новый. Сочетание клавиш для этого — Command (mac) / Control (PC) + Alt + Shift + E . Выделив новый слой, перейдите в Filter> Blur> Gaussian Blur. Используйте 10 для радиуса. После этого продублируйте размытый слой. Используйте Overlay Blend Mode для нижнего и Screen Blend Mode для верхнего.Также измените непрозрачность обоих слоев на 50%.

Заключение

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

Скачать файл Photoshop

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

Создание эффекта металлического текста с помощью 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, который в конечном итоге придаст нам металлический вид. Итак, нажмите на верхний слой и перейдите в Слой> Стиль слоя> Фаска и тиснение.

Шаг 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: Использование фонового изображения

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

Загрузите Wall Texture от Jay Leonhart и поместите его в качестве фонового изображения за всеми слоями.

Шаг 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.Надеюсь, вам понравился этот урок, и вы нашли несколько приемов, которые можно применить в «действии».

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

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

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

Как создать эффект блестящего металлического текста в Photoshop

Привет всем, Крис здесь из Spoon Graphics обратно с другим видеоуроком На прошлой неделе я получил отличное руководство в Twitter от Даниэля Алессандро, который спросил, могу ли я создать руководство, основанное на металлическом текстовом эффекте из обложки грядущего фильма «Фантастические твари

» Это действительно красивый блестящий металл, почти хромированный эффект с сочетанием водяных капель, бликов на линзах и некоторых действительно крутых нестандартных шрифтов, которые добавляют резкие шкалы чтобы изобразить страшных фантастических зверей, на которых основан фильм. Итак, я начал работать и поигрался в Photoshop, чтобы создать что-то подобное. Учитывая тему чешуйчатого дракона, я придумал это произведение, основанное на концепции Святого Георгия и Дракона, поэтому я мог бы попробовать такую ​​настройку типа для себя В этом уроке я покажу вам, как создать всю эту концепцию с нуля, поэтому я опубликую несколько d отметки времени для тех, кто хочет пропустить вперед, чтобы создать настоящий металлический эффект. Этот урок хорошо повторяет прошлый раз, когда я показал, как создать хромированный логотип в стиле 80-х, так что снова погрузитесь в свою машину времени, и мы отправимся назад в средние века для этого! Теперь этот полный кусок, безусловно, можно было бы создать полностью в Photoshop, но если у вас есть Illustrator, вы можете использовать его, чтобы облегчить себе жизнь

Если бы это был реальный проект, вы бы определенно захотели создать базовый брендинг, например в любом случае это в векторном формате. Откройте Adobe Illustrator и создайте новый документ. Возьмите инструмент «Текст» и начните выкладывать слова вашего заголовка или логотипа. Я использую замечательный бесплатный шрифт Cinzel с историческим римским стилем. Создание индивидуального текста. элементы для каждого слова или пары слов, чтобы вы могли переставить их в красивую композицию

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

Поверните этот дубликат на 90 градусов, удерживая Shift, чтобы угол оставался ограниченным, затем выберите их обоих и нажмите кнопку Объединить на панели Обработки контуров. панель, чтобы объединить их в одну форму. Щелкните слово Джордж и выберите Разгруппировать из контекстного меню, которое позволит вам выбрать только букву O. Добавьте крест к выделению, затем нажмите на букву дополнительный щелчок, чтобы сделать ее ключевым объектом. Используйте панель «Выравнивание», чтобы центрировать фигуры как по горизонтали, так и по вертикали, а затем нажмите кнопку «Объединить контуры», чтобы объединить их все вместе. В более новых версиях Illustrator есть несколько интересных виджетов, которые позволяют скруглять углы.

Использование прямого выбора Инструмент для перемещения, удерживая нажатой клавишу «Shift», щелкните все точки вокруг креста, затем слегка отрегулируйте радиус угла. В другом месте монтажной области нарисуйте небольшой круг. Используйте инструмент «Прямое выделение», чтобы перетащить крайнюю левую точку, затем выберите инструмент «Перо» и, удерживая клавишу Alt, щелкните точку, чтобы удалить маркеры Безье и сделать острую точку. Щелкните значок «Новый» в нижней части панели «Кисти» и выберите «Новая художественная кисть». Убедитесь, что поток идет в правильном направлении. от толстого к тонкому

Нарисуйте еще один круг, затем выберите и удалите верхнюю и левую точки, чтобы оставить четверть круга. Удалите заливку, затем примените только что созданную кисть. Поверните инструмент и удерживайте нажатой клавишу ALT, щелкнув точку поворота слева от формы. В параметрах введите 10 градусов и нажмите кнопку «Копировать».

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

Поверните и выровняйте фигуры так, чтобы угол кривых точно совпадал для создания плавного перехода Удерживая клавишу ALT, перетащите копию фигур, затем масштабируйте, вращайте и размещайте их где-нибудь в пределах следующей буквы Чтобы смешать вещи вверх, перейдите в Object> Transform> Reflect, чтобы перевернуть формы, чтобы их можно было использовать на противоположной стороне от других букв. Продолжайте создавать копии и размещать эти чешуйчатые формы где-нибудь внутри каждой оставшейся буквы слова Дракон. Нога буквы R также дает у нас есть отличная возможность превратить его в остроконечный хвост дракона

Выберите инструмент «Кисть» и нарисуйте длинный плавный путь с несколькими изгибами. Используйте инструмент «Прямое выделение», чтобы настроить точки и ручки Безье, чтобы создать плавный контур. При активном инструменте «Прямое выделение» выберите и удалите точки, составляющие форму ножки буквы R, чтобы ее можно было заменить новым мазком кисти. Увеличьте размер штриха, чтобы примерно соответствовать толщине шрифта. , затем расположите его примерно на месте и настройте точки пути. Выберите инструмент «Перо» и наведите указатель мыши на открытую точку в форме буквы R

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

Вернитесь назад и увеличьте масштаб, чтобы более точно расположить каждую из форм шипов, чтобы они растекались и плавно переходят в контур хвоста. Общий логотип Святого Георгия и Дракона выглядит довольно круто с настройкой шрифта, но пора фактически перейти к теме создания металлического эффекта в этом уроке. Создание нового документа в Adobe Photoshop I » m, используя размер 2000x1300px. Заполните фон черным, используя сочетание клавиш Alt + Backspace

Откройте изображение с облаками или дымом, как это я нашел в Unsplashcom. Нажмите CMD + A, чтобы выбрать все, CMD + C, чтобы скопировать, затем переключите к основному рабочему документу и нажмите CMD + V, чтобы вставить Масштаб, повернуть и расположить изображение, чтобы заполнить фон, затем нажмите CMD + Shift + U, чтобы обесцветить его. Измените режим наложения на Linear Light, чтобы увеличить контраст на черном фоне, затем уменьшите непрозрачность примерно до 30%.

Создайте новый слой и залейте его черным. Добавьте маску слоя, затем настройте большую мягкую кисть. Нанесите несколько точек вокруг центра черного слоя, чтобы стереть центр маски, оставив эффект виньетки t Вернитесь в Illustrator на секунду, чтобы выбрать и скопировать все элементы, составляющие логотип, затем вставьте и отмасштабируйте их до размера, чтобы соответствовать основному документу Photoshop. Сделайте дубликат слоя с логотипом, используя сочетание клавиш CMD + J, или перетащите слой поверх нового значка

Уменьшите объем заполнения дубликата до нуля, сделав его невидимым на время. Дважды щелкните первый слой с логотипом, чтобы открыть параметры стиля слоя. Сначала добавьте наложение цвета, используя темно-серый цвет, например # 313131. Затем добавьте эффект Bevel and Emboss. Измените технику на Chisel Hard, затем увеличьте глубину и размер.

Измените угол затенения где-нибудь в верхнем левом углу, примерно на 132 градуса и высоту 20 градусов. посередине и отметьте опцию Anti Aliased. Измените режим светлых участков и теней на Overlay, затем уменьшите непрозрачность светлых участков до 30. Добавьте Drop Shadow, используя настройки: черный, непрозрачность 100%, нулевое расстояние и размер, который вам подходит. документ, чтобы создать мягкое затенение. Для меня 70 пикселей выглядело нормально

Нажмите ОК в этих настройках, затем дважды щелкните дублированный слой, чтобы добавить еще несколько стилей. Начните со скоса и тиснения, но измените настройки затенения так, чтобы угол был сверху. справа Вам нужно будет выключить Global Light, чтобы не менять и другой слой. Измените контур на остроконечную предустановку с двумя точками. Затем измените блики на Linear Light на 60% и тени на Linear Burn на 20%.

Отредактируйте контур в меню Bevel and Emboss и измените предустановку на плавную кривую, а затем нажмите кнопку Anti Aliased Добавить Stroke, используя настройки White, 1px, Inside и Overlay с непрозрачностью 50%, чтобы добавить тонкую подсветку по краю текст Затем добавьте немного шума к эффекту, используя внутреннюю тень. Настройте его с помощью режима смешивания Overlay, используя средний серый цвет, затем максимально увеличьте ползунок шума внизу. Измените размер, чтобы эффект охватил всю букву

9. 0002 Добавьте атласный эффект и измените настройки на Белый и Наложение, затем настройте Расстояние и Размер, чтобы получить несколько красивых бликов и отражений. В итоге я выбрал Расстояние 20 пикселей и Размер 68 пикселей. ОК, эти эффекты позволяют увидеть эффект блестящего металла в действии. это два эффекта Bevel и Emboss. Использование двух слоев вместо одного позволяет двум различным углам и настройкам затенения взаимодействовать и создавать более глубокий блеск.

Откройте фотографию с дождливым окном, такую ​​как эта из Unsplash Copy, и вставьте ее в документ, затем уменьшите его, чтобы он уместился на части текста. Удерживая клавишу ALT, перетащите дубликаты, чтобы покрыть все слова и буквы. Обрежьте его до размера для меньших слов. Для любых областей, которые слишком велики, чтобы покрыть, не оставляя жестких края, используйте Ластик, чтобы смешать их вместе

Выделите все копии на панели «Слои» и перейдите в «Слой»> «Объединить слои», чтобы объединить их в один. Удерживайте клавишу CMD, щелкнув миниатюру слоя. Слой с логотипом, чтобы загрузить его выделение, затем перейдите в Select> Inverse. Нажмите кнопку удаления, чтобы обрезать этот слой с дождливыми каплями до нужного размера, затем измените режим наложения на Overlay. Уменьшите непрозрачность примерно до 60%, затем добавьте фильтр Sharpen, чтобы выделить детали Чтобы сэкономить время, создавая блики объектива с нуля, найдите в Интернете бесплатный пакет, например этот из PSDbox

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

Используйте пипетку из палитры цветов переднего плана чтобы выбрать оранжевый цвет из бликов линзы и заполнить выделение с помощью сочетания клавиш ALT + Backspace Загрузите выделение слоя текста с логотипом, инвертируйте его, затем удалите лишнее. Измените режим наложения этого слоя на Color и уменьшите непрозрачность примерно до 50% до придайте этим словам золотой вид. Последний штрих, чтобы улучшить тему Святого Георгия, — добавить красный крест к фону. Создайте новый слой над слоем облаков и нажмите CMD + A, чтобы выбрать все.

Выбрав инструмент Marquee, щелкните правой кнопкой мыши и нажмите Transform Selection Удерживая клавишу ALT, уменьшите масштаб до тонкого столбца, затем задайте ему красную заливку. Снова трансформируйте выделение. На этот раз поверните его на 90 градусов и растяните, чтобы заполнить ширину документа. Залейте его красным цветом и измените режим наложения на Color, уменьшая непрозрачность примерно до 20%, чтобы смягчить его воздействие.

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