Вернуться   Foxter.ru > Графика > Растровая графика > Уроки

Ответ
 
Опции темы Опции просмотра
Старый 18.12.2007, 22:01   #54805  
Он иногда здесь!!.
 
Аватар для Foxter
 
Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422
Регистрация: 17.10.2005
Адрес: Moscow
Сообщения: 1,516
По умолчанию Урок 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
Оригинал
источник
Foxter вне форума   Ответить с цитированием
Старый 20.12.2007, 16:21   #54821  
Новичок
 
Аватар для kottom
 
Репутация: 1
Регистрация: 29.11.2007
Сообщения: 24
По умолчанию

пикольный урок спасибо
kottom вне форума   Ответить с цитированием
Старый 12.04.2008, 17:36   #55603  
Новичок
 
Аватар для JambonicK
 
Репутация: 1
Регистрация: 12.04.2008
Сообщения: 1
По умолчанию

красота =) аш слов нет ... одни слюни остались ))
JambonicK вне форума   Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей - 0 , гостей - 1)
 
Опции темы
Опции просмотра
Комбинированный вид Комбинированный вид

Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения

BB-коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход



Powered by vBulletin
Copyright ©2000-2018, Jelsoft Enterprises Ltd.
[Foxter Skin] developed by: Foxter.ru