Создаем искрящийся типографический эффект в Photoshop
1 декабря 2013 | Опубликовано в Уроки | 5 Комментариев »
В этом уроке мы используем Photoshop, чтобы украсить текст. Мы будем использовать комбинации из стилей слоев, наложение цветов, блики и картинки. Также, надеемся, вам понравятся некоторые подсказки и приемы из этого урока.
Финальный результат
Исходники:
Набор картинок частиц от Media Melitia
Набор картинок дыма от Media Melitia
Текстура от Pareeerica
Шрифт Rezland на Dafont
Шаг 1:
Создайте новый документ в Photoshop, 1280×1024 pixels, 72dpi. Начнем с создания радиального градиента. Дважды кликните по слою, чтобы вызвать меню Стиль слоя / Layer Styles. Затем примените Наложение градиента / Gradient overlay. Вот цвета:
Первый цвет – #f2d445
Второй цвет – #98a843
Шаг 2:
Теперь нам нужно создать фон. Откройте файл «Particles008.png» из набора картинок частиц. Укажите слою режим наложения Осветление основы / Color Dodge, и назовите слой “Частицы 1“.
Откройте файл «Particles006.png» из того же набора и перетащите в документ поверх предыдущего слоя с частицами. Смените режим наложения слоя на Осветление основы / Color Dodge и назовите слой “Частицы 2″.
Масштабируйте слой «Частицы 2» до размера холста. Для этого в меню зайдите в Редактировать > Трансформирование > Масштабрирование / Edit >Transform > Scale. Удерживайте клавишу shift, чтобы масштабировать пропорционально.
Шаг 3:
Создайте свою надпись, выбрав инструмент Текст / Тext tool и создав текстовой блок, в котором вы введете текст.
Шаг 4:
Добавляем стили слоев используя Параметры наложения / Blending Options (двойной клик по слою, чтобы вызвать окно стили).
Стиль слоя 1 – Внутренняя тень / Inner Shadow
Стиль слоя 2 – Внешнее свечение / Outer Glow
Цвет: #f7db6a
Стиль слоя 3 – Наложение градиента / Gradient Overlay
Первый цвет – #918d14
Второй цвет – #fbfbfa
Стиль слоя 4 – Обводка / Stroke градиентом
Первый цвет – #f8d04a
Второй цвет – #f6e6b5
Шаг 5:
Теперь добавим эффектов тексту из частиц. 1. Дублируйте слой «Частицы 2» и перетащите копию над слоем с текстом. 2. Создайте маску для слоя «Частицы 2». Для этого в меню найдите Create a mask for the “Particle 2″ layer by clicking : Слои > Слой маска > Скрыть все / Layer >Layer Mask > Hide All.
Шаг 6:
После применения маски покажется что слой исчез. Но не переживайте. Он все еще есть и мы будем выявлять некоторые его части, рисуя белым цветом по слое-маске. Возьмите инструмент Кисть / Brush Tool выберите растушеванную кисть Диаметром / Diameter 45px и Жесткостью / Hardness в 0%.
Первый цвет – #ffffff
Цвет фона – #000000
Начинайте рисовать кистью белого цвета по холсту и вы увидите как начнут появляться частички. Если вы хотите убрать какую-то из часть, смените белый цвет на черный и точно так же просто рисуйте.
Шаг 7:
Продолжим с эффектами для текста. Откройте файл «Smoke_V1_1071.jpg» из набора с картинками дыма и расположите эту картинку над слоем-маской. Масштабируйте картинку примерно до 70-80% . Смените режим наложения слоя на Осветление основы / Color Dodge.
Не переусердствуйте с дымом — нам нужно лишь подчеркнуть частицы. Поэтому уменьшите картинку с дымом и используйте инструмент Ластик / Eraser Tool чтобы стереть острые края. Разместите дым в самых светлых частях картинки, как на картинке ниже. Дублируйте, масштабируйте и вращайте слой с дымом, чтобы создать разные копии.
Шаг 8:
Теперь мы добавим эффектный блик. Для этого используем Photoshop Lens Flare. Создайте новый слой, залейте его черным цветом. В меню найдите Фильтр > Рендеринг > Блик / Filter > Render > Lens Flare.
Смените режим наложения слоя на Осветление основы / Color Dodge.
Масштабируйте блик: Редактировать > Трансформация > Масштабирование / Edit > Transform > Scale. Уменьшите высоту блика, чтобы он стал плоским.
Поворачивайте блик и его копии, и разместите их вокруг текста, как показано на картинке ниже. Некоторые копии можете сделать менее видимыми, убрав непрозрачность процентов до 48%. Не переусердствуйте с разбрасыванием бликов. На данном этапе наша задача достигнуть гармонии в композиции.
Шаг 9:
Создайте новый слой поверх бликов и назовите его «Виньетка 1». Залейте слой радиальным градиентом.
Первый цвет – #0a5570
Второй цвет – #ffffff
Смените режим наложения слоя на Умножение / Multiply и приберите Непрозрачность / Opacity до 8%.
Создайте еще один слой. Назовите его «Виньетка 2». Залейте его прозрачным радиальным градиентом.
Первый цвет – #000000
Второй цвет – #ffffff
Сделайте первый цвет прозрачным. Для этого кликните по настройкам градиента инструмента Градиент / Gradient tool.
Создайте градиент, затем укажите ему 22% Непрозрачности / Opacity. Используйте большую растушеванную кисть в инструменте Ластик / Eraser Tool чтобы стереть середину слоя. Так, чтобы наша надпись осталась четкой. Вы не заметите большой разницы. Цель этого шага — немного затемнить края рисунка, чтобы привлечь внимание к надписи.
Шаг 10:
Создайте новый Корректирующий слой — Цветовой баланс / Color Balance Adjustment Layer. Для этого кликните по круглому черно-белому значку внизу палитры слоев.
Укажите параметры:
Голубой/ Cyan -61
Пурпурный / Magenta -38
Желтый / Yellow +27
Создайте еще один Корректирующий слой — Цветовой баланс / Color Balance Adjustment Layer.
Голубой / Cyan +100
Пурпурный / Magenta -30
Желтый / Yellow +1
Шаг 11:
Откройте текстуру из исходников, поместите ее поверх корректирующих слоев и смените режим наложения на Жесткий свет / Hard Light. Убавьте параметр Заливка / Fill до 79%.
Финальный результат
Автор урока loswl
Перевод — Дежурка
Смотрите также:
5 декабря 2013 в 9:52
Круть, не подскажите название шрифта? Спасибо за перевод.
5 декабря 2013 в 10:01
Простите меня дурынду))) тупанул, не увидел)))) спасибо.
декабря 5, 2013 at 10:35 дп
Всё ок Вам спасибо за внимание!
12 мая 2014 в 9:50
Спасибо.