Создание огненного текстового эффекта в Photoshop | Pixelbox.ru — Дополнения и уроки по Фотошопу
Содержание
- Ресурсы:
- Шаг 1
- Шаг 2
- Шаг 3
- Шаг 4
- Шаг 5
- Шаг 6
- Шаг 7
- Шаг 8
- Шаг 9
- Шаг 10
- Шаг 11
- Шаг 12
- Шаг 13
- Шаг 14
- Шаг 15
- Шаг 16
- Шаг 17
- Шаг 18
- Шаг 19
- Шаг 20
- Шаг 21
- Шаг 22
- Шаг 23
- Шаг 24
- Шаг 25
- Шаг 26
- Шаг 27
- Шаг 28
- Шаг 29
- Шаг 30
- Шаг 31
- Окончательный результат:
В уроке я покажу, как сделать огненный текст, как на плакатах Голливуда.
В этом уроке вы научитесь:
- Работать со стоковыми фото и применять их в различных режимах наложения;
- Создавать простой фон при помощи градиента и гранж эффектов;
- Ну и, конечно же, самое главное, научитесь создавать огненный текст.
Нам понадобится Adobe Photoshop CS5 или более поздняя его версия.
- Огонь – http://www.textures.com/download/flames0027/64348
- Гранж текстура – https://pixabay.com/en/texture-grunge-vignette-318913/
- Шрифт – http://www.fontpalace.com/font-download/TrajanPro-Regular/
Создаем новый файл размером 1280 × 1024 пикселей. Выберите Файл-Новый (File-New (Ctrl + N)).
Шаг 2
Поместите «текстура-318913» в файл. Выберите Файл-Поместить (File-Place).
Шаг 3Создайте новый корректирующий слой

Создаем новый корректирующий слой Уровни (Слои-Новый корректирующий слой-Уровни (Layer-New Adjustment Layer-Level))
Добавьте новый корректирующий слой Цветовой баланс (Слои-Новый корректирующий слой-Цветовой баланс (Layer-New Adjustment Layer-Color Balance)).
Нажмите правой кнопкой мыши по этому слою и выберите Создать обтравочную маску (Create Clipping Mask).
Шаг 6Нажмите на белый значок рядом с этим слоем – это Маска слоя (Layer Mask)

Дублируйте слой «Цветовой баланс». Перетащите его мышью на кнопку Создать новый слой или перейдите Слои-Дублировать слой (Layer-Duplicate Layer). Уменьшите непрозрачность до 50%.
Выберите инструмент Текст (Type tool) Используйте шрифт Trajan Pro 3 Bold 238,5 пикселей, цвет # ff6c24. Дублируйте этот текстовый слой Слои-Дубликат слоя (Layer-Duplicate Layer), а затем выключите его видимость, нажав на глазик у миниатюры слоя на панели слоев.
Шаг 9 Нажмите правой кнопкой мыши по текстовому слою. Выберите Стили слоя (Blending Options). Выберите Внутреннее свечение (Inner Glow) со значениями, указанными ниже.
Добавьте стиль слоя Внешнее свечение (Outer Glow) с такими параметрами. Цвет # ff6c24.
Шаг 11Выберите текстовый слой. Уменьшите его Заливку (Fill) до 0%.
Шаг 12Ниже текстового слоя добавьте новый корректирующий слой Сплошной цвет (Слои-Новый корректирующий слой-Сплошной цвет (Layer-New Fill Layer-Solid Color)), залейте его черным (# 00000)цветом.
Выберите слой Сплошной цвет (Solid color) и текстовый слой. Кликните правой кнопкой мыши и выберите пункт Преобразовать в смарт объект (Convert to Smart Object).
Шаг 14 Теперь выберите Фильтр-Галерея фильтров (Filter-Filter gallery). Выберите Искажение-Стекло (Distort-Glass) примените параметры, указанные ниже.
Шаг 15
Измените режим наложения слоя на Экран (Screen).
Шаг 16
Дублируйте этот слой Слои-Дубликат слоя (Layer–Duplicate Layer).
Шаг 17
Этот шаг не является обязательным, но поможет усилить свечение Дублируйте слой «Text Copy», который был создан на шаге 8. Перетащите его поверх всех слоев. Отключите стили слоя Внутреннее свечение (Inner Glow) и Внешнее свечение (Outer Glow) (нажмите на символ глазика напротив стиля).
Шаг 18
Нажмите правой кнопкой мыши по текстовому слою. Выберите Все параметры можно увидеть на изображении.
Шаг 19
Выберите Стиль Тень (Drop Shadow). Измените режим Структура (Structure) наложения на Экран (Screen), установите цвет # ffa71c, измените размер до
Шаг 20
Теперь начинается самая скучная часть урока – создание пламени. Поместите «Flames0027_1_M» в документ и измените форму при помощи инструмента Деформация (Warp).
Шаг 21
Измените режим наложения слоя на Экран (Screen).
Шаг 22
Поместите изображение «Flames0027_10_M» в файл. Измените форму при помощи Деформации (Warp) и установите режим наложения слоя на Светлее (Lighter color).
Шаг 23
Поместите в работу изображение»Flames0027_1_M», измените форму и режим наложения на Экран (Screen).
Шаг 24
Теперь приступим к букве «E». Поместите изображение «Flames0027_1_M», и, как в предыдущих шагах, деформируйте и измените режим наложения на Экран (Screen).
Шаг 25
Дублируйте этот слой и трансформируйте (Ctrl + T) его.
Шаг 26
Поместите «Flames0027_10_M» в документ. Повторите действия с шагов 20-21.
Шаг 27
Добавьте в документ изображение «Flames0027_12_M». Трансформируйте (Transform (Ctrl + T))
Шаг 28
Работаем с буквой «X». Поместите «Flames0027_12_M» в документ. Деформируйте и измените режим наложения на Экран (Screen).
Шаг 29
Поместите изображение «Flames0027_1_M», используйте Деформацию (Warp и режим наложения слоя Экран (Screen).
Шаг 30
Дублируйте слои, относящиеся к букве «Т». Выберите слои, удерживая Ctrl (Windows)
Шаг 31
Трансформируйте слои (Ctrl + T). Готово! 🙂
Как сделать огненный текст в Adobe Photoshop
Опубликовано: Автор: Артём Чёрный
Создать огненный текст с помощью только стандартных, да и дизайнерских шрифтов невозможно. Однако это можно с помощью применения специальных эффектов к тексту в графических редакторах, например, Adobe Photoshop.
Содержание
- Как сделать огненный текст в Photoshop
- Этап 1: Создание текстового слоя
- Этап 2: Стилизация текстового слоя
- Этап 3: Добавление эффекта горения
С помощью стилей слоя и картинки из интернета можно без проблем сделать эффект «горящего» текста. Правда, чтобы написать этим текстом какое-нибудь слово, придётся потратить много времени, так как стили придётся присваивать для каждой буквы. Если поймёте алгоритм действий, то дальнейшее применение эффектов не займёт для вас много времени.
Читайте также:
Делаем объёмный текст в Adobe Photoshop
Делаем наложение картинки на текст в Adobe Photoshop
Выполняем осветление лица в Adobe Photoshop
Трансформируем изображение в Adobe Photoshop
Разделим статью на несколько этапов для простоты восприятия.
Этап 1: Создание текстового слоя
Самый простой этап. Вам нужно сделать следующее:
- Создайте документ, в котором будете работать. Для этого нажмите на кнопку «Создать» или воспользуйтесь сочетанием клавиш Ctrl+N.
- В окошке с настройками создаваемого документа пропишите для него размер. Вы можете прописать любой удобный вам размер. Дополнительно рекомендуется задать чёрный задний фон. Как это сделать показано на скриншоте ниже.
- В только что созданном документе выберите инструмент «Текст». Он расположен в левом меню с инструментами.
- Кликните по любой пустой области и начните писать свой текст. Для примера мы стилизуем только одну букву, но вы можете написать целое слово, правда, его будет немного сложнее стилизовать.
Текстовый макет, с которым мы будем работать готов.
Этап 2: Стилизация текстового слоя
Теперь созданному текстовому слою нужно задать соответствующую стилизацию, поверх которой будет накладываться изображение огня из интернета.
- В панели слоёв два раза кликните левой кнопкой мыши по слою с текстом.
- Откроется окошко «Стиль слоя». Там, в левом меню, поставьте галочку у пункта «Внешнее свечение» и переключитесь на него.
- В настройках «Внутреннее свечения», в блоке «Структура», установите «Режим наложения» — «Экран». «Непрозрачность» поставьте где-то процентов на 70-80. Выставьте метку около белого квадрата. Также вам нужно будет нажать на этот квадрат, чтобы изменить цвет свечения.
Поставьте там красный цвет или близкий к нему.
- В блоке «Элементы» установите параметр «Размер» на такое значение, чтобы было небольшое свечение около букв.
- Теперь нужно включить «Наложение цвета». Делается это аналогичным образом с «Внутренним свечением».
- Поставьте там какой-нибудь грязно-жёлтый или грязно-красный цвет.
- Включите стиль слоя «Глянец» и перейдите в его настройки. Цвет поставьте тёмно-красный. «Режим наложения» смените на «Умножение». Можете попробовать и другие режимы наложения. Подробно про работу с ними мы писали отдельную статью.
- Также настройте «Угол», «Смещение» и «Размер» так, чтобы придать небольшой объём букве.
- Включите стиль «Внешнее свечение». Там в «Режиме наложения» поставьте «Экран». Заливку нужно сделать одним цветом, поставив отметку на соответствующем пункте. Цвет для заливки выбрать жёлтый.
- На этом работа со «Стилями слоя» завершена. Нажмите «Ок» для применения настроек и выхода.
Этап 3: Добавление эффекта горения
На этом этапе наложим на текстовый слой некоторые фильтры, а также изображение с огнём.
- Перед тем, как выполнить наложение фильтров, нужно растрировать текстовый слой. Для этого кликните по нему правой кнопкой мыши в панели слоёв. Из контекстного меню выберите вариант «Растрировать текст».
- На панели слоёв выделите слой с текстом. В верхнем меню программы нажмите на пункт «Фильтр».
- Из контекстного меню выберите «Искажение». Из выпавшего подменю нужно выбрать «Рябь».
- Откроется настройка выбранного фильтра. В пункте «Размер» выберите значение «Средняя». У «Количество» установите значение примерно в 170-200%. Нажмите «Ок» для применения заданных настроек.
- Теперь осталось только перетащить в рабочую область изображение с огнём. Его можно скачать из интернета, только обязательно выбирайте варианты, где огонь находится на чёрном фоне. Скаченное из интернета изображение можно просто перетащить в рабочую область редактируемого документа.
- На панели слоёв выберите недавно добавленный слой с огнём. Для него установите «Режим наложения» «Экран».
- Слой с изображением подвиньте так, чтобы он ровно встал на вашу букву.
- При необходимости можно с помощью инструмента «Ластик» удалить лишние элемента картинки с огнём.
На этом можно завершить данный туториал, но если у вас вдруг сама буква из-за изображения перестала быть видна, то можно сделать следующее:
- Уменьшить значение «Непрозрачности» у слоя с картинкой;
- Сделайте дубликат слоя с буквой с помощью сочетания клавиш Ctrl+J.
Если вам требуется составить какое-нибудь слово, то по приведённым инструкциям вы можете наложить эффекты для каждой буквы в отдельности.
Понравилась статья? Поделиться с друзьями:
стили огня psd скачать бесплатно 444 редактируемых файла .psd
Сортировать по: По умолчанию В тренде Новейшие Рекомендовать Релевантные Популярные Непопулярные Запросить дизайн
стиль человек надписи слова тексты люди человек позирует человеческий интерфейс мультипликационный персонаж парень молодежь пользовательский интерфейс мода стенд мужчина поза сидеть сидя поза жест огонь стоя кнопка мальчик красивый оружие скидка стрелять распродажа стрелок фотошоп документ
[ Psd ] баннер Всемирный день против ядерных испытаний шаблон маска набросок огня размытый дизайн ( . psd 35.98 МБ)
Скачать все бесплатно.com
[ Psd ] плакат Международный день молодежи шаблон красивый молодой мальчик эскиз современный реалистичный дизайн ( .psd 50.04MB )
Скачать все бесплатно.com
[ Psd ] баннер международный день молодежи шаблон друзья позируют плечом к плечу сцена ( .psd 31.86MB )
Скачать все бесплатно.com
[ Psd ] Шаблон баннера канала продвижения автомобиля современный реалистичный дизайн ( .psd 33.07MB )
Скачать все бесплатно.com
[Psd] Стиль слоя твердой стали ( 598. 22 КБ )
Майкл Реймер
[Psd] Стили пластиковых слоев PS (3,56 МБ)
allhopeislost.deviantart.com
[Psd] Ценник в стиле Web 2.0 PSD ( 704,20 КБ )
shegystudio.deviantart.com
[Psd] Кожаный стиль пользовательского интерфейса ( 923,42 КБ )
казуаки шимо
[Psd] Стиль уведомлений Growl ( 349.15KB )
[Psd] Пользовательский интерфейс в стиле Metro ( 628,22 КБ )
Бояна Чакич
[Psd] Шаблоны коробок с ценами Бесплатно PSD (399. 62KB)
freepsdfiles.net
[Psd] Четыре красочные ленты ( 216.61KB )
Ми Возрождение
[Psd] Размытие формы входа (501.50KB)
Али Асгар
[ Psd ] баннер день молодежи шаблон красивый молодой человек сидит в тележке эскиз современный реалистичный дизайн ( .psd 51.29MB )
Скачать все бесплатно.com
[ Psd ] человек с коротким пистолетом значок стреляющий жест эскиз нарисованный от руки мультипликационный персонаж ( .psd 3.29MB )
Скачать все бесплатно. com
[ Psd ] шифон dantel профиль facebook шаблон баннера реалистичный современный женский шелковый эскиз ( .psd 20.03MB )
Скачать все бесплатно.com
[Psd] 4 стиля кнопок ( 318.12KB )
Джеймс Ноубл
[Psd] Стили слоя металлического текстового эффекта ( 303,55 КБ )
freepsdfiles.net
[Psd] 3 различных стиля окон уведомлений (296,42 КБ)
freepsdfiles.net
[Psd] Элементы пользовательского интерфейса в стиле Apple (81,62 КБ)
Пранав Прамод
[Psd] Дискета старого стиля PSD (2,12 МБ)
[Psd] Всплывающее окно в стиле iOS ( 600,22 КБ )
Морган Натсон
[Psd] Кнопки строки меню PSD и CSS ( 179,61 КБ )
iThief Графикс
[ Psd ] Мокрый текст ( 1000,13 КБ )
СкачатьPSD. com
[Psd] Интерфейс музыкального проигрывателя iOS7 (2,91 МБ)
Мартин Оттер
[Psd] Белые речевые пузыри ( 926.46KB )
Ми Возрождение
охрана уведомление пистолет белые кнопки значок образ жизни леди женщина сексуальный серый молодой технологии ios седан темно плоская форма автомобиль шелк шифон dantel продвижение автомобильный 12 августа мода модель эмоциональные эмоции тележка письма рычание черный видео youtube мобильный метро размыто чистый popover ipad плеер выпадающий маска окна иконки информация папка 29ч август кожа прозрачная лента красный аватар комментарий оранжевый psd пузырь выноска речь таблица цены ленты
[ Psd ] плакат Международный день молодежи шаблон красивый молодой человек эскиз современный реалистичный дизайн ( . psd 50.04MB )
Скачать все бесплатно.com
[ Psd ] Человек с коротким пистолетом значок динамический мультяшный эскиз ( .psd 3.27MB )
Скачать все бесплатно.com
[ Psd ] 7 стилизованных билетов ( 5.08MB )
Мэтью Скайлз
[Psd] Абстрактный огонь Бесплатно PSD (8.82MB)
jferguson757.deviantart.com
[Psd] Меню в стиле углеродного волокна Бесплатно PSD ( 614.05KB )
hv-designs. co.uk
[Psd] 9 Значки папок в стиле Windows 8 ( 94.33KB )
Али Асгар
[Psd] 30 высококачественных иконок в стиле iPhone PSD (22.94MB)
yaromanzarek.deviantart.com
[Psd] Обратный отсчет PSD (1,84 МБ)
Васим Шахзад
[Psd] Глянцевый текстовый эффект Бесплатный PSD файл (1.20MB)
freepsd.com
[Psd] Программные кнопки и ползунки ( 2,54 МБ )
Джузеппе Северо
[Psd] Таблицы цен и сравнения PSD (445. 51KB)
Нгуен Ван Тай
огонь огонь стили лето корейский стиль прическа лето корейский стиль справочный материал многослойный psd 10 акварель стиль лотос лето корейский стиль справочный материал многослойный psd 5 лето корейский стиль справочный материал многослойный psd 6 роза акварельный стиль многослойный psd лето корейский стиль справочный материал многослойный psd 8 лето корейский стиль справочный материал многослойный psd 7 летний корейский стиль фон многослойный psd 9Летний корейский фон многослойный psd 10 Летний корейский фон многослойный psd 2 Летний корейский фон многослойный psd 5 Летний корейский фон многослойный psd 8 Летний корейский фон многослойный psd 4
[ Psd ] плакат Международный день благотворительности шаблон гитарист поет эскиз реалистичный дизайн ( .psd 38.24MB )
Скачать все бесплатно. com
[Psd] значок стрелка стреляющий жест эскиз мультяшный дизайн (.psd 2.92 МБ)
Скачать все бесплатно.com
[Psd] Стиль уведомления (2,37 МБ)
Бенджамин Натан
[Psd] 8 бесплатных стилей стикеров Photoshop (2.09KB)
freepsdfiles.net
[Psd] Капли воды Бесплатные стили Photoshop ( 1.49KB )
freepsdfiles.net
[Psd] Серый стиль комментария ( 296.18KB )
Райан Шерф
[Psd] Стиль уведомлений (4,12 МБ)
Джефф Бродерик
[ Psd ] Видеоплеер в стиле YouTube ( 2,41 МБ )
Хосе Пардилья
[ Psd ] Иконки социальных сетей ( 178,42 КБ )
умутавчи
[ Psd ] Значок современных часов ( 1,52 МБ )
Али Асгар
[Psd] Умный индикатор выполнения (374,82 КБ)
Дон Хосе
[Psd] Интерфейс приложения списка дел (521,74 КБ)
Сярип Юнус
[ Psd ] модные шаблоны постов в instagram модели эскиз элегантный современный реалистичный дизайн ( . psd 71.07MB )
All-free-download.com
[ Psd ] баннер день молодежи шаблон молодой человек сидит в тележке эскиз современный реалистичный дизайн ( .psd 51.29MB )
Скачать все бесплатно.com
[ Psd ] шифон dantel профиль рекламный баннер роскошный элегантный динамичный шелковый эскиз леди ( .psd 64.70MB )
Скачать все бесплатно.com
[ Psd ] рекламный баннер канала продажи автомобилей современный роскошный реалистичный декор ( .psd 33.07MB )
All-free-download.com
[Psd] Стили слоя ( 3,47 МБ )
Кубилай Сапайер
[Psd] Стиль хромированных букв, сделанный в Photoshop (6,75 МБ)
psdgraphics. com
[ Psd ] стили для фотошопа ( 21.28MB )
Мухаммад Аббас
[Psd] Стильные световые метки ( 256.36KB )
Дон Хосе
Загрузка дополнительных элементов, пожалуйста, подождите…
Идет загрузка дополнительных элементов, пожалуйста, подождите…
Критерий поиска:
Тип поиска:
Совпадение с любымСовпадение со всеми
Искать в:
ВекторыИконкиФотоШрифтыШаблоны сайтовPSD
Лицензия:
Все лицензииРазрешить коммерческое использование
Результат сортировки:
Сначала лучшее совпадениеСначала новыеСначала много загрузокСначала меньше загрузок
- Дом
- Лицензии
- Срок
- Конфиденциальность
- О
- Связаться с
50 стилей — стили слоя Dragon Fire для Photoshop от Sapphire X Designs
- Войти/Зарегистрироваться
Добавить в корзину
Дополнительная информация
Лицензирование: Полная лицензия, одно рабочее место
*Пожалуйста, свяжитесь с нами, чтобы получить многопользовательскую лицензию
Этот набор из 50 стилей слоя Dragon Fire совместим с Adobe Photoshop CC и может преобразовать ваш текст и элементы в привлекательный дизайн.
Этот набор включает стили слоя с оранжево-красным, золотисто-желтым, драконьим зеленым, ледяным синим и драконьим омбре.
Стили слоя обычно лучше всего работают с текстом размером более 40 пикселей, а некоторые стили лучше подходят для одних шрифтов, чем для других. Файл .ASL сжимается в файл .ZIP.
Чтобы использовать стили слоя, распаковав файл из .ZIP, вы можете дважды щелкнуть файл .ASL или загрузить или импортировать его непосредственно из программы. Текстуры, использованные при создании этого набора, имеют разрешение 300 PPI, поэтому высокое разрешение.
50 стилей — стили слоя Dragon Fire для Photoshop
Сапфир X Designs в дополнениях / стилях слоя
$18,00
5,0
на основании отзывов
1
Купить сейчас
Дополнительная информация
Лицензирование: Полная лицензия, одно рабочее место
* Пожалуйста, свяжитесь с нами для получения лицензии на несколько рабочих мест
Самые продаваемые комплекты
4. 0
4,8
НОВЫЙ
5.0
Другие продукты, которые могут вам понравиться
Ознакомьтесь с другими нашими популярными ресурсами для графического дизайна и ремесел.
5,0
0
5,0
0
5,0
0
5,0
0
5,0
0
5,0
0
5,0
0
5,0
0
Товар, который вы пытаетесь добавить в корзину, уже добавлен.