Ресурсы, использованные в уроке
-
фотография с дымкой (звездное небо)-
фото с огнями казино-
набор кистей Deadly Tron Grids-набор кистей Raylight
-дополнительный элемент: Простой разделитель
Шаг 1Создайте новый документ размером 800х1000. Убедитесь, что разрешение вашего холста задано равным 300 пикселей на дюйм, так как эта величина оптимальна для печати.
Создайте новый слой, назовите его “Фоном” и залейте цветом 2c2d53.
Шаг 2Вставьте на новый слой с названием “Дымка” скаченное изображение с туманностью. Расположите его так, чтобы оно покрывало верхнюю часть холста:
Измените Режим Наложения (blend mode) слоя на Перекрытие (overlay) и уменьшите Непрозрачность (Opacity) до 40%.
Далее, создайте Новый Корректирующий Слой (adjustment layer) - Цветовой тон/Насыщенность (hue/saturation) для слоя с дымкой. Не забывайте создавать обтравочную маску (clipping mask) для каждого корректирующего слоя, если иное специально не оговаривается. Это гарантирует применение коррекции только к нижележащему слою, а не ко всему содержанию холста.
Установки слоя коррекции Цветового тона/Насыщенности (Hue/Saturation Adjustment Layer)
Цветовой тон (Hue): 0
Насыщенность (Saturation): -100
Яркость (Lightness): 0
Шаг 3Создайте новый слой и назовите его “Сетка”.
Скачайте набор кистей "tron grid brush" по ссылке в разделе ресурсов урока и нанесите серию мазков несколькими из них, задав белый цвет.
Уменьшите Непрозрачность (Opacity) этого слоя до 6%.
Шаг 4Настало время добавить свет!
Создайте новый слой и назовите его “Свет (белый)”.
При помощи большой белой кисти нанесите несколько светлых пятен на фон там, где считаете это необходимым:
Измените Режим Наложения (blend mode) слоя на Перекрытие (overlay):
Шаг 5 Скачайте набор кистей “Raylight” .
Создайте новый слой и назовите его “Неоновые лучи”. Нанесите несколько мазков этими кистями задав цвет 04edf9. Постарайтесь создать впечатление взрыва:
Измените Режим Наложения (blend mode) слоя на Перекрытие (overlay), после чего продублируйте слой, чтобы сделать эффект свечения более интенсивным:
Шаг 6Создайте новый слой и назовите его “Розовые пятна”.
При помощи крупной мягкой кисти цвета fb01a6, нанесите на холст несколько розовых пятен:
Измените режим наложения этого слоя на Осветление основы (color dodge) и уменьшите его непрозрачность до 15%.
Шаг 7Повторите шаг 6, на этот раз нанося на новом слое серию пурпурных пятен. Идея в том, чтобы мягко наложить цвет в несколько слоев:
Шаг 8Нанесите какой-нибудь текст в верхней части холста.
Установки текста:
Шрифт (Font Face): Clutchee
Стиль (Styling): Regular
Размер (Size): 30pt
Отступ (Kerning): 0
Цвет (Color): ffffff
Как вы можете заметить, это симпатичный, прикольный шрифт, но интервал между буквами кое-где практически не просматривается. Чтобы исправить это, нам придется увеличить этот интервал вручную, там, где это необходимо. В результате, у вас получиться примерно вот такая надпись:
Шаг 9Теперь нам предстоит немного деформировать нашу надпись.
Начните с уменьшения размера текста, затем немного поверните его против часовой стрелки. Далее пройдите в меню Редактирование > Трансформирование > Деформация (edit>transform>warp).
В выпадающем меню деформации выберите пункт Волна (wave), и оставьте величину изгиба (bend) по-умолчанию: 50%
Шаг 10Так как ваш текст еще не растрирован, его все еще можно редактировать.
Выделите текст и измените его цвет на 1f1b1b.
Примените к нему стиль слоя (blending option) – Внутренняя тень (inner shadow).
Установки стиля слоя Внутренняя тень (Inner Shadow Blending Option):
Режим наложения (Blend Mode): Перекрытие (Overlay)
Цвет (Color): ffffff
Непрозрачность (Opacity): 75%
Угол (Angle): 120
Расстояние (Distance): 5px
Стягивание (Choke): 0%
Размер (Size): 5px
Шаг 11Теперь займемся созданием объемной падающей тени!
Создайте дубликат слоя с текстом и переместите дубликат под оригинал. Отключите все стили слоя и параметры наложения, после чего измените цвет продублированного текста на 00fcff.
Теперь при помощи курсоров переместите этот текст на 1 пиксель вниз и на один пиксель вправо:
Продублируйте этот слой несколько раз, сдвигая каждую копию на 1 пиксель вниз и на один пиксель вправо. В результате вы должны получить вот такой эффект:
Шаг 12На палитре слоев выберите все слои, которые добавились в результате копирования при создании объемной тени.
Пройдите в меню Слои > Объединить слои (layer>merge layers). Таким образом, все слои, составляющие тень будут объединены в один редактируемый слой.
Примените к этому слою стили Наложение цвета (color overlay) и Обводка (stroke).
Установки стиля слоя Наложение цвета (Color Overlay Blending Option):
Режим наложения (Blend Mode): Обычный (Normal)
Цвет (Color): fd19a8
Непрозрачность (Opacity): 100%
Установки стиля слоя Обводка (Stroke Blending Option):
Размер (Size): 4px
Положение (Position): Снаружи (Outside)
Режим наложения (Blend Mode): Обычный (Normal)
Непрозрачность (Opacity): 100%
Цвет (Color): 000000
Шаг 13Скачайте и откройте изображение с огнями казино по ссылке в разделе ресурсов урока.
При помощи инструмента Эллиптическая область (elliptical marquee) выделите третью слева лампочку:
Скопируйте и вставьте этот огонек на свой холст, расположив поверх букв:
Шаг 14Измените его размер, подгоняя под размер буквы, после чего создайте побольше его копий. Заполните копиями внутреннюю поверхность буквы C:
Повторите эту процедуру, покрывая огоньками все слово CLUB.
Шаг 15Выберите все копии огоньков и объедините их в один слой.
Примените к объединенному слою стиль слоя Внешнее свечение (outer glow), чтобы получить легкий эффект свечения:
Установки стиля слоя Внешнее свечение (Outer Glow Blending Option):
Режим наложения (Blend Mode): Обычный (Normal)
Непрозрачность (Opacity): 7%
Шум (Noise): 0%
Цвет (Color): f0ecdb
Метод (Technique): Мягкий (Softer)
Размах (Spread): 0%
Размер (Size): 16px
Шаг 16Создайте новый слой и назовите его “Нижняя часть”.
Выделите 450-пиксельную область в нижней части холста и залейте его цветом 101010.
Шаг 17Создайте ярко-розовую 50-пиксельную полоску в верхней части темной полосы:
Примените к этому слою стиль Внутренняя тень:
Установки стиля Внутренняя тень (Inner Shadow Blending Option):
Режим наложения (Blend Mode): Умножение (Multiply)
Цвет (Color): 000000
Непрозрачность (Opacity): 25%
Угол (Angle): 120
Расстояние (Distance): 5px
Стягивание (Choke): 0%
Размер (Size): 5px
Шаг 18Нанесите какой-нибудь текст поверх розовой полоски.
Установки текста:
Шрифт (Font Face): Aller
Стиль (Styling): Regular
Размер (Size): 6pt
Отступ (Kerning): -50
Цвет (Color): ffffff, затем 171717
Шаг 19Кликнув, удерживая Alt, по иконке слоя с темной областью в нижней части холста, создайте ее выделение. При активном выделении создайте новый слой над темной полосой, но под розовой. Назовите этот слой “Свечение области текста”.
Наложите радиальный градиент от белого к прозрачному (white to transparent radial gradient) начиная от центра верхней кромки этой области:
Уменьшите Непрозрачность (Opacity) этого слоя до 15%:
Шаг 20Создайте новый слой с названием “Сетка”.
При помощи нескольких кистей из набора Deadly Tron Grids, нанесите сетчатый узор на нашу черную область внизу холста:
Уменьшите непрозрачность этого слоя до 3%, чтобы почти полностью скрыть этот эффект:
Шаг 21Нанесите текст так же и на черную полосу, используя шрифт aller в качестве основного.
Можно еще разместить на холсте какой-нибудь логотип, например, логотип спонсора:
Шаг 22Скачайте по ссылке в разделе ресурсов данного урока набор простых разделителей.
Выберите 11-й разделитель и вставьте его на холст, разделяя с его помощью, области текста:
Теперь уменьшите непрозрачность слоя с разделителями до 11%, чтобы сделать их менее резкими:
Вот мы и закончили!
Ниже вы можете увидеть конечный результат. Я надеюсь, урок вам понравился, и мне было бы интересно получить ваши отзывы об описанных здесь приемах и самом результате.