Очередной мой перевод. Всегда приму критику и по возможности отвечу на вопросы. Хотелось бы делать подобные вещи чаще, но время почему-то бежит быстрее меня 
Источники света
И так, до того, как мы начнем урок, снизу вы найдете не большую иллюстрацию, на которой наглядно показано как свет падает на объект. Свет падает с верхнего-левого угла на квадрат в центре, из которого, в свою очередь, исходит тень. Стоит отметить, что это не “Фотошопная” тень, которая лишь покрывает объект. В данном уроке, я хочу что бы предмет имел объемность в пространстве. Навеивает воспоминания о школе и уроках рисования. 
Шаг 1
Мы начнем урок с отрисовки Линейного Градиента (Linear Gradient) из темно-серого в темно-темно-серый. Заметьте, что если мы хотим, что бы свет падал из верхнего левого угла, нам нужен светлый фон сверху.
Шаг 2
А теперь разместим текст. Я использовал очень прикольный шрифт Agency FB, который дает очень четкие грани для нашей задумки. Вы должны сделать его серо-голубым – #c2c8d4 примерно такого цвета.
Шаг 3
Затем нажимаете CTRL+Клик на слое с текстом и создайте новый слой поверх. На новом слове, с выделением, которое мы сделали, нарисуйте градиент с цветами #495a79 уходящий в прозрачный из правого нижнего угла влево. Другими словами, вы затемняете нижний правый угол как на картинке.
Шаг 4
Поменяйте цвет на черный (вы можете это сделать, нажав кнопку “D” на клавиатуре которая возвращает настройки по умолчанию).
Теперь нажмите CTRL+Клик на текстовом слое снова, но теперь нужен слой ниже слоя с текстом. Теперь нажмите на клавиатуре стрелочку вниз 1 раз и затем стрелочку вправо так же 1 раз. С каждым нажатием наше выделение смещается на 1 пиксель вниз и на 1 пиксель вправо. Повторите процесс от 20 до 30 раз. Если вы сделали все правильно и двигали лишь выделение, то можно смело заливать черным и смотреть результат, который должен быть похож на картинку ниже:
Шаг 5
Вот так должно выглядеть. Теперь снимайте выделение и убедитесь, что выбран слой с тенью, затем заходим в Filter > Blur > Motion Blur выставляем значения угла -45 градусов и дистанцию в 30 px.
Шаг 6
Установите режим смешивания (Blending Mode) на Multiply и прозрачность на 40%. Вспоминая схему наверху, мы начинает удалять лишнее у тени со стороны света.
Шаг 7
Теперь продублируйте слой с тенью. Сдвиньте ее ниже и правее снова. Теперь откройте Motion Blur фильтр и поставим дистанцию в 50 пикселей. Поставим режим смешивания слоя 20 %.
Шаг 8
Теперь создайте новый слой поверх всех остальных слоев, нажмите CTRL+Клик на слое с нашим текстом для того что бы сделать выделение текста. Залейте его белым цветом на созданном слое. Не спешите отменять выделение, вместо этого сдвиньте его на 1 пиксель вниз и вправо, а затем нажмите кнопку Delete.
Поставьте 80% прозрачности слоя.
Шаг 9
Как видите, тонкая белая линия на краях текста дает нам эффект освещения источником света и создает ощущение трехмерности текста.
Шаг 10
Теперь нам нужно сделать несколько источников натурального освещения. Создайте новый слой выше всех остальных и нарисуйте четыре или пять белых прямоугольников приблизительно так, как показано ниже на рисунке.
Шаг 11
Теперь нажмите CTRL+T для включения трансформирования. Поверните и увеличте прямоугольники, как показано ниже. Но, вместо того, что бы закончить, мы пойдем следующим путем. Нажмите правой кнопкой мыши на полосах и в появившемся меню выберите Perspective (Перспектива). Очень важно это сделать за 1 шаг, поскольку иначе вы потеряете нужную нам область выделения и будет трудно поймать нужный угол изображения. Теперь берем верхнюю левую точку и сводим ее к левой нижней, тем самым получая эффект рассеивания света из левого угла.
Шаг 12
Теперь у нас есть полосы “света”. Выставим прозрачность около 20%, режим смешивания Overlay (перекрытие) и применим фильтр Filter > Blur > Gaussian Blur с радиусом в 6 пикселей.
Шаг 13
Сейчас у вас должно быть что-то вроде этого:
Шаг 14
А тепер, когда эти полосы уже похожи на свет, имеет смысл сделать наш отсвет на буквах более выраженным, не так ли? Нажмите CTRL+Клик на слое с лучами света, затем нажмите на слой с белым отсветом на буквах, затем, пока выделение не удалено, добавьте маску слоя (Add Layer Mask). Это позволит выделенной области остаться на буквах, в то время, когда все остальное пропадет.
Шаг 15
В целом, можно оставиться на этом. Выглядит и так довольно круто, но мы продолжим и добавим немного теплых тонов.
Шаг 16
Для начала создайте новый слой, чуть выше слоя с основным фоном и залейте его розоватым цветом – #9d506c.
Шаг 17
Теперь выставим режим смешивания Заливка цветом (Colour) – хотя, я точно не уверен как у вас будет переведен этот пункт меню, поэтому и советую использовать английскую версию. Это даст нашему фону приятный красно-теплый оттенок. Сверху можно наложить несколько желтых пятен. Но, если мы не положим красного, то у нас будет слишком яркая картинка, что будет выглядеть не реалистично.
Шаг 18
Дальше мы создадим слой над розовым слоем. Зальем белым и добавим фильтр Filter > Render > Lighting Effects. Я не часто использую этот фильтр, но он имеет у себя в рукаве такую штуку, как “Двухчасовое солнце”, которое вы можете выбрать в настройках стиля (Style) и посмотреть через опции. Достаточно использовать уже установленные настройки, но для наших целей его нужно не много подкорректировать.
Шаг 19
Теперь поставим слой со светом в режим смешивания Перекрытие (Overlay) и у вас получится что-то похожее на то, что снизу. Теперь продублируйте слой (CTRL+J), поставте его выше всех, смените прозрачность на 40%. Это позволит создать иллюзию того, что свет касается всего изображения.
В заключение
Наконец-то! Мы продублируем верхний слой и зададим ему 65% прозрачность, затем добавим маску и нарисуем черно-белый градиент из левого верхнего угла в нижний правый. Это добавит эктра-яркий слой “потухнуть” в углу картинки.
Материал был переведен с этого источника: http://psd.tutsplus.com/text-effects-tutorials/using-light-and-shade-to-bring-text-to-life/
Как всегда жду комментариев и ваших работ
