
Для того чтоб анимировать блик Вам потребуется всего лишь Photoshop и этот урок.
1. Открываем документ с золотым колечком (Файл – Открыть). Документ лучше брать небольшого размера, в нашем примере 100Х100 пикселей.

2. Создаем новый слой нажав на кнопку «Создать новый слой» в нижней части палитры Слои, назовем его «блик1″. Устанавливаем основным светло-желтый цвет. Активируем инструмент «Градиент», выбираем Зеркальный градиент «От основного к прозрачному».
3. Проводим градиентом так, как показано на рисунке. В итоге должно получиться примерно так.


4. Немного размоем наш блик Фильтр – Размытие – Размытие по Гаусу, устанавливаем радиус размытия 4 пикселя. Меняем режим наложения слоя на «Осветление» и снижаем Непрозрачность до 56%.
5. Копируем слой, перетащив его на кнопку «Создать новый слой» в нижней части палитры Слои и называем его «блик2″. Развернем наш блик Редактирование – Трансформирование – Отразить по горизонтали.
6. Делаем активным слой «блик1″ и выделяем наружнюю часть кольца при помощи инструмента «Прямолинейное лассо» (или любого другого какой Вам больше нравится).

7. После того как Вы сделали выделение, нажмите на кнопку «Добавить слой-маску» в нижней части палитры Слои (в виде серого квадратика с белым кружком в нутри). Маска скроет блик который не проходит по кольцу. Уберем связь между слоем и маской нажав на значек в виде скрепки на палитре слои.
8. Теперь активируем слой «блик2″ и выделяем внутреннюю часть кольца.

9. После того как Вы сделали выделение, нажмите на кнопку «Добавить слой-маску». Маска скроет блик который не проходит по кольцу. Уберем связь между слоем и маской нажав на значек в виде скрепки на палитре слои.
10. Создаем новый слой и называем его «блик3″. Идем в меню Редактирование – Выполнить заливку, и выбираем серый 50%. Теперь идем Фильтр – Рендеринг – Блик, устанавливаем параметры как на рисунке.
11. Устанавливаем слою режим наложения Перекрытие и при помощи инструмента «Смещение» смещаем блик в левую верхнюю часть камня на кольце.
12. Копируем слой и называем его «блик4″, при помощи трансформации (Редактирование – Свободное трансформирование) повернем блик на 65 градусов и сдвинем в правую нижнюю часть камня на кольце.
13. Откройте панель анимации в Photoshop CS3 (Окно-Анимация) или перейдите в ImageReady, нажав на самую нижнюю кнопку на панели инструментов, если Вы работаете в более ранней версии. На панели анимации уже стоит один кадр. На палитре слои отключим видимость (значек в виде глаза слева от строки слоя) у слоев «блик3″ и «блик4″. Активируем слой «блик1″ кликнем по иконке слоя, чтобы активным был слой а не маска, и при помощи инструмента «Перемещение» сдвинем блик влево так, чтобы маска его полностью скрыла.

14. Теперь активируем слой «блик2″ и сдвигаем блик вправо так, чтобы маска его полностью скрыла. Т.е. в данный момент на изображении не видно
Урок из группы "Фотошоп+видео-анимация" (ссылка - в конце записи)
РАЗБИРАЮ ПАПКИ.
http://img0.liveinternet.ru/images/attach/c/11//4122/4122917__prozrachnyi_fon_yapfiles.swf
http://img0.liveinternet.ru/images/attach/c/11//4122/4122918__yapfiles.swf
http://img0.liveinternet.ru/images/attach/c/11//4122/4122919__yapfiles.swf
http://img0.liveinternet.ru/images/attach/c/11//4122/4122920__yapfiles.swf
http://img0.liveinternet.ru/images/attach/c/11//4122/4122921__yapfiles.swf
http://img0.liveinternet.ru/images/attach/c/11//4122/4122922__yapfiles.swf
http://img0.liveinternet.ru/images/attach/c/11//4122/4122980__kotenok_yapfiles.swf
Если у Вас есть желание научиться делать анимированные картинки в несколько кликов, то это пост для Вас...
[500x386]![]() Все уроки являются моей авторской разработкой. Если концепт урока принадлежит не мне, то в этом случае указан автор концепта (идеи). Серебрится снег на ветках - читать урок Глиттер ПАДАЮЩИЙ СНЕГ - читать урок [201x150] Наложение текста и анимации - читать урок [210x150] Дождь+смена цвета - читать урок Рисование архивной кистью - читать урок ВЕЕР - читать урок Моргающие глазки - читать урок [250x83] Бегущая анимация в тексте - читать урок [203x150] Блики - читать урок Карандашный рисунок - читать урок Кубика Рубика - читать урок [218x150] Ливень и сверкание молнии - читать урок [227x150] Надпись и искажение картинки>читать урок [214x150] - Обводка текста и рамки - читать урок - Салют - читать урок [209x150] - Смена изображения - читать урок - Цветной мир - читать |
|
Источник:dizona.ucoz.ru
Рассмотрим 5 способов анимации воды фильтрами, которые есть изначально в любом фотошопе.
Возможно вы их все уже знаете, а возможно выберете для себя наиболее приемлемый результат.
Итак начинаем...
Вариант первый:
Анимация с помощью фильтра океанские волны
Итог у нас будет такой (изображение взяла из сети)
[показать]
Открываем изображение ,которое хотим анимировать.
Дублируем его 2 раза ( ctrl + j )
Оставляем активным только первый слой (нижний) , остальные 2 прячем ,закрыв " глазик".
Вызываем окно анимации и создаем кадры из слоев.
[показать]
Далее выделим воду любым приемлемым для вас способом, я использовала инструмент лассо.
[показать]
Идем в фильтр - Искажение - Океанские волны.
[показать]
Параметры я применила такие, вы их естественно можете менять,
как впрочем и во всех последующих примерах.
[показать]
Если вам понравилось, поставьте в кадрах нужное время ( у меня стоит 0,1 сек.)
Теперь переходим на второй слой и нажимаем Ctrl + F
То же самое проделываем с 3 слоем
Посмотрели, выставили время (я поставила 0,1 сек.) и если понравилось сохранили
( Сохранить для Web и устройств)
Вариант второй:
Анимация с помощью фильтра рассеянное свечение
Вот итог этой анимации
[показать]
Все то же самое, делаем 3 слоя, создаем кадры из слоев и выделяем воду.
Теперь идем Фильтр - Искажение - Рассеянное свечение.
[показать]
Тут я поставила такие параметры
[показать]
Опять же применяем к каждому слою (выделили слой и ctrl + F ).
И сохраняем анимацию
Вариант третий:
Анимация с помощью фильтра кристаллизация
В этом случае наш итог такой
[показать]
Как вы уже наверное догадались, делаем все тоже самое, только меняем фильтр.
Нажимаем теперь Фильтр - Оформление - Кристаллизация
[показать]
Мои параметры таковы (повторяю вы можете их менять)
[показать]
Снова применяем к каждому слою ( сtrl + F )
и сохраняем.
Вариант четвертый:
Анимация с помощью фильтра разбрызгивание
[показать]
Опять все то же самое, только теперь у нас Фильтр - Штрихи - Разбрызгивание
[показать]
Параметры у меня такие
[показать]
Применяем ко всем слоям, сохраняем.
И наконец пятый вариант:
[600x679]
[500x559]
[500x]