Итак, сегодня мы будем баловаться и накладывать световые эффекты на текст, вот таким вот нехитрым образом с последующим отбрасыванием текстом тени =)

Шаг 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

Оригинал

Зы) Надеюсь полезно хоть кому-нить оказалось =)

Опубликовано
Подробнее

ArtsLab

Блог для тех, кто интересуется разработкой сайтов, веб-дизайном и новыми событиями в интернете. В моем блоге Вы найдете записи на различные околокомпьютерные темы, обзоры сервисов и новинок, статьи по кодингу, советы, скрипты, темы и хаки для wordpress, уроки phostohop и многое другое.

4gray artslab artslabinfo