Светящиеся полосы
Этот урок нацелен больше на новичков. Мы создадим эффект ярких, светящихся полос с отражением. Итак следуйте за мной, чтобы создать этот удивительный и простой эффект.
Шаг 1. Создайте новый документ размером 1 x 20px с прозрачным фоном. Это будет документ для образца нашего узора. Выберите команду Редактирование — Установки — Направляющие, сетка и фрагменты (Edit — Preferences — Guides, Grid & Slices) и установите линии сетки через каждый 1px с 1 внутренним делением. Выберите инструмент Прямоугольная область (М) и измените цвет переднего плана на белый (D затем X). Нарисуйте прямоугольник 1 x 2px в середине документа, как на изображении ниже. Залейте его белым цветом (Alt + Backspace) и снимите выделенинее (Ctrl + D). Выберите Редактирование — Определить узор (Edit — Define Pattern) назовите его Полосы и сохраните, как образец. Теперь можно закрыть этот документ.
Шаг 2. Создайте новый документ размером 1000 x 1000px, затем выберите инструмент Градиент (G) и откройте редактор градиента. Используйте градиент идущий от темного (я использовал тёмно-фиолетовый) цвета к чёрному. Применяя радиальный градиент, тяните его от центра документа к краю, немного за его приделы.
Шаг 3. Используя инструмент Горизонтальный текст ( Т ) напишите что-нибудь в середине документа белым цветом. Затем выберите Окно — Символ (Window — Character) и измените параметры настройки: например я использовал шрифт Times New Roman, размер 300pt. У вас должно получиться, как на изображении ниже.
Теперь создайте новый слой (Shift + Ctrl + N), затем нажмите Alt + Backspace, чтобы залить его цветом переднего плана (цвет значения не имеет). Удерживая нажатой клавишу Ctrl, щёлкните на миниатюре текстового слоя в палитре Слои, чтобы образовать выделенную область вокруг текста. Активизируйте только-что созданный новый слой и щёлкните на значке Добавить маску слоя (квадрат с белым кружком) внизу палитры Слои. Теперь скройте текстовый слой и активируйте добавленную маску слоя. Примените к ней Фильтр — Размытие — Размытие по Гауссу (Filter — Blur — Gaussian Blur) со значением радиуса 10px. Установите для этого слоя Заливку (Fill) 0%. В результате надпись не должна быть видна.
Шаг 4. В нижней части палитры Слои нажмите на значок похожий на букву f и выберите команду Перекрытие узора (Pattern Overlay) и в окне Узоры выберите созданный нами в шаге 1 образец Полосы.
Шаг 5. Теперь вы можете изменить заливку этого слоя, как Вам больше нравится, в любом случае всегда можно вернуться к прежней настройке заливки.
Шаг 6. Создайте ещё один текстовый слой, как показано на изображении ниже. Снова сделайте надпись белым цветом.
Шаг 7. Для этого слоя примените следующие стили слоя (f в нижней части палитры Слои): Внутренняя тень и Внешнее свечение, с параметрами настройки, как показано ниже. Если Вы использовали цвет для фона иной, а не фиолетовый, то можете использовать цвета с другими оттенком для обоих стилей.
Шаг 8. Удерживая нажатой клавишу Ctrl, активизируйте оба эти видимые слоя и объедините в одну Новую группу слоя (Ctrl + G), затем дублируйте эту группу.
Шаг 9. С активной новой группой слоя выберите команду Редактирование -Трансформирование — Отразить по вертикали (Edit — Transform — Flip Vertical) и нажмите Enter, затем выберите инструмент Перемещение (V) и перетащите текст вниз, таким образом, чтобы это было похоже на отражение.
Шаг 10. К группе слоя отражения добавьте Маску слоя, затем к маске примените инструмент Градиент (G), линейный, от чёрного к белому, и тяните его от основания отражения к вершине. Если Вы всё сделали правильно, то Ваше изображение должно быть похоже на это:
Шаг 11. Создайте новый слой (Shift + Ctrl + N), нажмите клавишу D, чтобы установить цвета по умолчанию, затем примените Фильтр — Рендеринг — Облака (Filter — Render — Clouds).
Шаг 12. Выберите инструмент Свободное трансформирование (Ctrl + T), и перетащите средний верхний маркер вниз, как на изображении. Затем щёлкните правой кнопкой мышки на облаке, выберите команду Перспектива, и перетащите маркер в одном из углов основания в сторону, за пределы. Нажмите Enter. Затем выберите Фильтр — Размытие — Размытие по Гауссу (Filter — Blur — Gaussian Blur) и установите значение радиуса 10px.
Шаг 13. Измените Непрозрачность этого слоя до 10 %.
Шаг 14. Создайте новый слой (Shift + Ctrl + N), выберите инструмент Кисть (В) и используя мягкую кисть (Жёсткость 0%), сделайте несколько ярких, цветных пятен, как показано на изображении ниже.
Шаг 15. Добавьте к этому слою Фильтр — Размытие — Размытие по Гауссу (Filter — Blur — Gaussian Blur) со значением радиуса 100px, затем измените непрозрачность этого слоя до 50 %.
Шаг 16. Теперь только осталось изменить режим наложения слоя на Цветность (Color). Я ещё возвратился назад и подправил некоторые параметры настройки и главным образом непрозрачность, чтобы придать цвет. Ниже — мой заключительный результат.
Перевод: Владимир Нестеров
