Итак, сегодня мы будем баловаться и накладывать световые эффекты на текст вот таким вот нехитрым образом с последующим отбрасыванием текстом тени =)
Шаг 1
Для начала создаем квадратное изображение 500х500 пикселей и с разрешением 72 pixels/inch.
Берем градиент от светло серого к темно серому. Я брал от #383838 к #242424. И заливаем с верхнего левого угла к правому нижнему.
Шаг 2
Теперь нам нужен какой-либо текст над которым мы будем изголяться в дальнейшем. Не будем переплевывать автора в оригинальности и так же напишем Shade, только шрифтом другим (шрифт вообще можно в принципе взять любой. Главное что бы он был жирным). Цвет текста иссине-серый #c2c8d4 О_о Размер букв около 110 pt.
Шаг 3
Зажимаем ctrl и кликаем по слою с текстом. происходит выделение. Layer > New > Layer (ctrl+shift+n). Создается новый слой. Берем градиент от #495a79 к прозрачному и накладываем по выделению снизу справа - влево вверх.
Шаг 4
сбрасываем цвета (тыкаем кнопочку D), выбираем черный. Создаем новый слой под слоем с текстом. Делаем выделение на текст, на нашем новом слое жмем alt+backspace, в седствии чего заливаем выделенную рбласть. Один раз на клаве нажимаем стрелочку вниз, и один раз стрелочку вправо. Снова alt+backspace. Процедуру по идее повторять нужно около 30-и раз, но мне хватило 14-и. Смотря какой текст.
Важно:
При выделении и сдвиге может случиться так, что у вас будет все время просто двигаться черная область, не создавая нужного эффекта тени. Это в том случае, если в панели инструментов у вас выбран Move Tool. Выбирите Marquee Tool (М), с ним сдвигается только выделение, а не выделенный кусок.
Шаг 5
Снимаем выделение, убеждаемся что активныйц слой у нас - слой с тенью. идем Filter > Blur > Motion Blur. Угол (Angle) выставляем -45, Дистанция 30 (хотя тож зависит от шрифта. мну взял 25)
Шаг 6
Параметр смешивания нашего слоя с тенями ставим как Multiply и прозрачность (Opacity) 40%. Теперь зажимаем Shift, и щелкаем олдин раз на стрелочку вниз, и один раз на стрелочку вправо (должен быть активен инструмент move tool). Это сместит нашу тень на 10px вниз и вправо. Если у вас в буквах где-то слева или сверху вылазит тень - нужно аккуратно ее размыть инструментом Blur Tool
Шаг 7
Дублируем слой с тенью (ctrl+J), снова зажимаем Shift и снова один раз вниз и один раз вправо. Вызываем наш фильтр Motion Blur (если вы уже забыли, то Filter > Blur > Motion Blur). Значение Dictance выставляем равным в 50. Применить. Смешивание этого слоя так же должно быть Multiply, opacity понижаем до 20%.
Шаг 8
Создаем новый слой над всеми остальными. зажимаем ctrl и щелкаем по слою с текстом. Активный цвет - белый (можно нажать просто Х). alt+backspace. Смотрим что бы был выбран инструмент выделения а не передвижения, один раз вниз, один раз вправо(т.е. 1 px туда и туда), затем delete. Opacity слоя 80%
шаг 9
Создаем снова над всеми слоями новый слой. На нем распологаем 4-5 белых прямоуголника по вкусу. Это наш будущий свет.
Шаг 10
Пожалуй этот и несколько следующих - наиболее сложные шаги из всего урока. Жмем ctrl+t, поворачиваем наши полоски на 45 градусов, жмем на них правой кнопкой и выбираем вид трансформации Perspective
затем посредством дергания за крайние точки и путем растягивания добиваемся результата, что бы линии у нас шли по диагонали через все картинку. + сверху они должны быть чуть сужены, свет же все-таки =)
Шаг 11
Устанавливаем режим смешивания Overlay, opacity 20%. Шагаем Filter > Blur > Guassian Blur. Значение 6. Применяем и радуемся
Шаг 12
Выделяем слой под нашими диагональными полосами. На этом слое должны быть белые кусочки света на буквах, придающие им чуть обьема. Зажимаем ctrl, щелкаем по слою с Полосками. Должно получиться выделение. Выбираем Layer > Layer Mask > Reveal Selection
Результат
Шаг 13
Над самым нашим первым слоем создаем новый. Заливаем его цветом #9d506cб режим смешивания Color, Opacity 20%. В дальнейшем это нам даст некоторый мягкий оттенок желтого
Шаг 14
Над слоем залитым розовым цветом создаем новый. Заливаем белым. Идем Filter > Render > Lighting Effects. в строчке Style меняем значение на 2 O’clock Spotlight и меняем направление света как на картинке
Шаг 15
Ставим на слой режим смешивания Overlay. Дублируем слой (Layer > Duplicate или Ctrl+J). Дублированный перетягиваем на самый верх, т.е. он должен стоять над всеми остальными слоями. Параметр Opacity устанавливаем в 40%. Теперь эффект света не только снизу, но и сверху ^___^
Шаг 16, финальный.
Ну и что бы все было вообще красивенько и гламурненько, дублируем этот слой еще раз, Opacity выставляем 65%.
А на наш слой с текстом применяем Guassian Blur со значением 0,5
Вот и все ^________^
Перевод, воплощение и дополнение CorouD
Оригинал
источник