Анимация "Солнечные лучики"
|
|
Суббота, 04 Июля 2009 г. 15:24
+ в цитатник
Sexy_Lady все записи автора
Отвечаю на
вопрос
SNOOPY__GIRL, какд делать вот такой эффект:
Если вы планируете рисовать именно солнечные лучики, а не сияние, то учтите, что лучи должны сквозь что-то пробиваться, ветки там или облака. С безоблачного неба льется рассеянный солнечный свет.
Итак, начнем. Откройте картинку. Создайте три новых слоя. Режим смешивания Overlay с прозрачностью 50%:
![(252x302, 21Kb)](//img0.liveinternet.ru/images/attach/c/0//45/922/45922704_Freym_0_1.jpg)
Берем инструмент Градиент
![](//img0.liveinternet.ru/images/attach/b/3/22/66/22066225_3_1.jpg)
. Выберите в верхней панели Angle Gradient и ткните в сам градиент.
![(257x61, 6Kb)](//img0.liveinternet.ru/images/attach/c/0//45/922/45922960_Freym_0_1.jpg)
Откроется редактор градиента. Не обращайте внимание на верхнюю часть с готовыми заливками. Настройки, как на скрине. Ничего не пропустите! Стрелки в RGB переведите до упора вправо: и черные, и белые!
![(431x497, 46Kb)](//img0.liveinternet.ru/images/attach/c/0//45/923/45923093_Freym_0_1.jpg)
Теперь залейте градиентом картинку: ведите от того места, где источник света вниз картинки.
![(240x336, 32Kb)](//img1.liveinternet.ru/images/attach/c/0//45/923/45923474_Freym_0_1.jpg)
![(452x335, 61Kb)](//img1.liveinternet.ru/images/attach/c/0//45/923/45923518_Freym_0_1.jpg)
Примените градиент к остальным слоям. Не обращайте внимания на яркость. Однако у нас слишком четкие полосочки вышли. Примените Filter -> Blur -> Gaussian Blur с размытием 1 пиксель.
![(560x329, 38Kb)](//img0.liveinternet.ru/images/attach/c/0//45/923/45923837_Freym_0_1.jpg)
Переходим в окно анимации Window -> Animation. Ставим время показа на 0,1 сек. и дважды дублируем кадр.
![(463x124, 15Kb)](//img1.liveinternet.ru/images/attach/c/0//45/923/45923995_Freym_0_1.jpg)
На всех кадрах делаем видимым слой с картинкой и один из слоев с градиентом.
![(699x279, 157Kb)](//img1.liveinternet.ru/images/attach/c/0//45/924/45924254_Freym_0_1.jpg)
Ну вот и все. Сохраняем через Save for Web...
![(401x566, 384Kb)](//img0.liveinternet.ru/images/attach/c/0//45/924/45924364_1287_0197.gif)
С помощью этого урока и фантазии можно создавать и другие эффекты.
Процитировано 344 раз
Понравилось: 22 пользователям
-
22
Запись понравилась
-
344
Процитировали
-
0
Сохранили
-