Foxter.ru

Foxter.ru (http://www.foxter.ru/index.php)
-   Уроки (http://www.foxter.ru/forumdisplay.php?f=52)
-   -   Урок Photoshop: Игра света с текстом (http://www.foxter.ru/showthread.php?t=5253)

Foxter 18.12.2007 23:01

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


Шаг 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
Оригинал
источник

kottom 20.12.2007 17:21

пикольный урок спасибо

JambonicK 12.04.2008 18:36

красота =) аш слов нет ... одни слюни остались ))


Часовой пояс GMT +4, время: 20:20.

Powered by vBulletin
Copyright ©2000-2018, Jelsoft Enterprises Ltd.