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


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

металлический текст фотошопВ этом уроке Фотошопа вы узнаете, как создать "металлический" текст с подсветкой сверху и тенью. Мы будем использовать базовые трансформации в photoshop, некоторые фильтры и действия (Actions), чтобы добиться нужного результата. Итак, начнем :)

 

Как всегда в самом начале урока результат. Если есть желание, можете даже скачать и просмотреть его в формате 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 (Обрезка) и верните размеры нашего холста в исходное состояние. Вот и все, надеюсь вы чему-нибудь научились (желательно хорошему и полезному).

Оригинал: psawesome.com

Перевод: Виктория для сайта graphic-tutorials.ru

При копировании урока активная ссылка на сайт graphic-tutorials.ru обязательна!

P.S. Как всегда жду комментарии :) busy

graphic-tutorials.ru

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

стили металлическое отражение

стили золотое отражение

photoshop урок создание эффекта металла

photoshop урок - золотой текст

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

фотошоп, урок для начинающих

советы по фотошопу, как сделать сияющий текст

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

красивый блеск на тексте эффект

красивый блеск текста

красивый блеск золота эффект

стиль - металлик

эффект отражения на тексте

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

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

Заключение

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

labdes.ru

Создаём текст из ржавого металла в Фотошоп

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

Скачать архив с материалами к уроку

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

Шаг 1

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

Шаг 2

Теперь нам нужно настроить PSD шаблон, который вы только что скачали. Давайте начнём с текста. Дважды щёлкните по миниатюре слоя "3D text by psddude", чтобы открыть его.

Примечание переводчика: как только вы дважды щёлкните по миниатюре слоя, сразу же появится окно с сообщением:После редактирования содержимого выберите Файл – Сохранить, чтобы подтвердить изменения, эти изменения будут отображаться после возвращения в 3D –text-mockup.psd. Файл необходимо сохранить в той же самой папке. При появлении диалога “Сохранить как”, выберите “Отмена” и сведите изображение перед сохранением. 

Нажмите кнопку ‘ОК’.

Шаг 3

Ещё раз дважды щёлкните по миниатюре слоя "3d effect by psddude", чтобы открыть данный смарт-объект.

Шаг 4

Внутри вы найдёте слой с текстом. Просто замените текст.

Примечание переводчика:  в появившемся новом документе, вы увидите слой с текстом, в данном случае текст ‘3D’. Вы можете оставить данный текст или заменить его на свой текст, главное, чтобы шрифт подходил под данный ржавый металлический стиль. В частности, автор заменил текст ‘3D’ на слово ‘RUST’.

Вы можете также поменять размер шрифта, а также сам шрифт. Я использовал шрифт ‘Black Ops One’ – данный шрифт вы можете скачать бесплатно по ссылке в начале данного урокa.

Шаг 5

Сохраните смарт-объект, а затем закройте его, чтобы увидеть результат. Далее, к слою "3d effect by psddude", примените следующие стили слоя, а также настройки, которые указаны на скриншотах ниже.

Шаг 6

Примените стиль слоя Тень (Drop Shadow), цвет #121212

Шаг 7

Примените стиль слоя Внутренняя тень (Inner Shadow), цвет #49291b

Шаг 8

Примените стиль слоя Внутреннее свечение (Inner Glow), цвет #5e5959

Шаг 9

Примените стиль слоя Тиснение (Bevel and Emboss), цвета белый и #121212

Шаг 10

Примените стиль слоя Наложение цвета (Color Overlay), цвет #3c1d10

Шаг 11

Примените стиль слоя Перекрытие узора (Pattern Overlay). Я использовал текстуру ржавого металла для создания ржавого металлического эффекта. Текстуру вы можете скачать по ссылке в начале этого урока. 

Шаг 12

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

Шаг 13

Теперь добавьте следующие стили слоя к слою "3D text by psddude".

Шаг 14

Примените стиль слоя Тень (Drop Shadow), цвет #121212

Шаг 15

Примените стиль слоя Внутренняя тень (Inner Shadow), цвет #49291b

Шаг 16

Примените стиль слоя Внутреннее свечение (Inner Glow), цвет #5e5959

Шаг 17

Примените стиль слоя Тиснение (Bevel and Emboss), цвета белый и #121212

Шаг 18

Примените стиль слоя Перекрытие узора (Pattern Overlay). Скачайте текстуру по ссылке в начале урока.

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

Автор:  psd-dude.com

photoshop-master.ru

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

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

Шаг 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. Итоговое изображение

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

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

sveres.ru


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