Первоначально опубликовано в: PSDTUTS Автор: Коллис Перевод: Гао Сяобай
Этот урок Коллиса покажет вам, как использовать фотографию огня в сочетании с текстом. Сейчас мы видим красивый темный фон в сочетании с великолепным текстовым эффектом по всему изображению.
Конечный эффект: Как всегда, мы будем первыми, кто увидит конечный эффект, поэтому вы будете знать, что у нас получится в итоге. Это красивое изображение сейчас служит фоном рабочего стола моего ноутбука.
Нажмите на изображение выше, чтобы просмотреть полное изображение
Часть первая – Предыстория
Создайте новый документ в фотошопе размером 1920×1200 пикселей. Выберите инструмент «Градиент» и нарисуйте коричневый радиальный градиент (значения цвета от #5c3d09 до #1f1409), чтобы получить эффект, подобный показанному ниже.
Обратите внимание, что градиент рисуется не из середины, а сверху картинки. Нам нужен эффект огня поверх текста, поэтому верхняя часть изображения должна быть немного светлее.
Шаг 2
Мы снова будем использовать фоновую текстуру из урока «Эффект текста травы». Но на этот раз, вместо того, чтобы начинать с нуля, я напрямую скопировал фон, который уже был создан в текстовом уроке со спецэффектами травы, смешал все слои и уменьшил насыщенность, чтобы получить эффект, который вы видите ниже.
Если вам нужно начать с нуля, сначала вам нужно зайти в Bittbox, чтобы получить исходное изображение текстуры, а затем выполнить предыдущие шаги.
Шаг 3
Теперь мы смешиваем текстуру с фоном и устанавливаем режим наложения на Overlay.
Шаг 4
Давайте воспользуемся фильтром «Текстура», чтобы добавить текстуру. Я начал с создания нового слоя и залил его коричневым цветом (#66500f). Затем перейдите в Фильтр > Текстура > Текстура, установите значение масштаба под холстом с текстурой на 80% и выделите значение 4.
Шаг 5
Установите для этого слоя режим наложения «Перекрытие», потому что мы работаем с большим холстом, поэтому добавление дополнительных деталей сделает его еще лучше.
Шаг 6
Далее мы применим слой, чтобы слегка обесцветить нижнюю половину этого изображения. Цель этого — сделать верхний огонь похожим на горячее свечение, а нижний — немного холодным. Поэтому я создал новый слой и заполнил его цветом (#4b4f3b), затем добавил маску слоя и использовал градиент, чтобы скрыть верхнюю половину изображения. (Теперь вы должны получить что-то вроде изображения ниже). Теперь установите режим наложения слоя на «Цвет» и непрозрачность на 45%.
Часть вторая – Текст + Свет = Потрясающе
Хорошо, теперь у нас есть красивый фон. Теперь давайте добавим текст. Я использовал шрифт Trajan, потому что здесь он выглядит великолепно. Я добавил цвет к шрифту (#cb9328), затем установил режим наложения слоя на «Линейный осветлитель» (Добавить) и снизил непрозрачность до 8%. Мы собираемся использовать красное пламя, чтобы добавить некоторый эффект к верхней части текста, заставляя его выделяться из фона. Это означает, что мы собираемся добавить к тексту некоторые эффекты и маски слоев, чтобы отображать только верхнюю часть текста, в то время как нижняя часть текста останется такой же, как текущий скрытый эффект.
Шаг 8
Сначала создайте новую группу слоев и поместите в нее все текстовые слои – текста здесь будет много. Затем дублируйте текстовый слой и установите цвет скопированного текста на #5e3f1c.
Шаг 9
Теперь установите последний текстовый слой на Overlay и его непрозрачность на 70%. Выглядит как великолепный красноватый цвет. (Как показано на рисунке ниже)
Шаг 10
Теперь снова дублируйте текстовый слой и установите для последнего дублированного слоя светло-желтый цвет (#cb9328). Затем установите для него значение Linear Dodge (Добавить) и уменьшите Непрозрачность до 30%. Затем мы добавляем маску слоя и рисуем градиент, чтобы последний текстовый слой выглядел тусклым, как показано на рисунке ниже. В сочетании с двумя текстовыми слоями ниже вы можете увидеть слегка красноватый цвет внизу текста.
Шаг 11
Далее мы снова дублируем текстовый слой. Этот шаг призван добавить приятную ощущение нижней части текста. Установите черный цвет текста (#000000), затем запустите Фильтр > Размытие > Размытие по Гауссу и установите Радиус на 4 пикселя. Чтобы растрировать текст, выберите > Изменить > Развернуть. Затем удерживайте Ctrl+на любом другом текстовом слое, вернитесь к черному слою и нажмите «Удалить», чтобы осталась только очень мягкая тень. Затем дублируйте этот слой и объедините его, чтобы создать очень тяжелый эффект. То, что вы сделаете, должно выглядеть как на скриншоте ниже.
Шаг 12
Как показано на рисунке ниже, еще раз используйте маску слоя, чтобы быстро создать эффект затухания тени. Это заставит текст выглядеть так, как будто он уплывает с экрана.
Шаг 13
Теперь снова дублируйте черный слой и с помощью инструмента «Палец» довольно большой мягкой кистью обведите тень, чтобы она выглядела как следы ожогов.
Шаг 14
Теперь наш текстовый эффект выглядит так, как показано на следующем рисунке. На самом деле я создал две «выжженные» метки, каждый из этих четырех слоев тени был немного более размытым, чем предыдущий.
Шаг 15
Теперь пришло время добавить немного света в верхнюю часть текста. первый. Снова дублируйте текстовый слой. Установите желтый цвет — #dc9a08, затем перейдите в меню «Фильтр» > «Размытие» > «Размытие по Гауссу», установите радиус на 8 пикселей, затем с помощью большого мягкого ластика сотрите нижнюю часть текста, чтобы создать приятное ощущение дисбаланса.
Шаг 16
Установите первый световой слой на «Мягкий свет». Вам следует повторить этот процесс еще раз, чтобы верхняя часть текста стала более блестящей.
Шаг 17
Теперь снова дублируйте текстовый слой и поместите его сверху. Снова измените его цвет на желтый (#dc9a08) и перейдите в Layer > Rasterize > Text, чтобы сделать текст одним слоем. Затем удерживайте Ctrl+удерживая этот слой, чтобы получить выделение, выберите > Изменить > Сжать и установите величину сжатия на 1 пиксель. Затем удалите остальное, только уменьшите его на 1 пиксель.
Шаг 18
Теперь установите для слоя толщиной 1 пиксель значение «Перекрытие», и теперь у вас должен получиться эффект, как показано ниже.
Шаг 19
Теперь добавьте маску слоя к слою размером 1 пиксель, чтобы нижняя часть текста исчезла, как я это делал на других слоях. Затем дублируйте этот слой, перейдите в Фильтр > Размытие > Размытие по Гауссу и установите Радиус на 1 пиксель. Затем снова дублируйте этот слой и размойте его на 2 пикселя. Затем снова дублируйте этот слой и размойте его на 4 пикселя. Затем нажмите Ctrl+клик по любому текстовому слою, нажмите Ctrl+Shift+I, чтобы инвертировать выделение, и удалите часть каждого светочувствительного слоя, которая выходит за границу шрифта из-за размытия. Цель этого шага — придать огненному тексту эффект, при котором ощущение огня постепенно усиливается к краям текста.
Шаг 20
Теперь мы дублируем эти четыре светлых слоя и смешиваем их вместе. Конечным результатом этого является то, что верхняя часть текста изначально становится ярко-желтой. Используя инструмент «Палец», размажьте текст вверх, чтобы создать эффект, напоминающий тепловую волну. Как показано ниже.
Шаг 21