4- Создание в фотошопе анимации «бегущие огоньки»
Для создания данной анимации воспользуемся стандартным фильтром фотошопа Рендеринг, вкладка Блик.
Прежде чем создавать подобную анимацию вам необходимо изначально продумать и прорисовать на выбранном вами для анимации объекте (картинке, фотографии, клипарте…) примерное расположение «огоньков»-бликов, чтобы определиться с их количеством, а соответственно и с количеством кадров анимации.
Для данного урока я выбрала сердечко, на котором прорисовала 12 бликов, то есть у меня будет 12 слоев ( основной слой 1 и 11 дубликатов слоя 1).
Каждый блик располагается на отдельном слое, каждый раз перемещая его по внутренней стороне сердечка. Чем больше слоев, тем более плавный будет движение огоньков по заданному «маршруту», но в то же время и «тяжелее» будет сама анимация. Так что тут приходится выбирать оптимальный вариант.
Когда предварительная подготовка закончена, приступаем к самому процессу создания анимации:
• Открываем изображение в программе фотошоп и создаем 11 дубликатов слоя 1.
• Закрываем «глазики» на всех слоях, кроме первого. И формируем первый кадр. Для этого переходим на первый слой и выбираем в меню Фильтр/Рендеринг/Блик. В открывшемся окне устанавливаем тип объекта и подбираем яркость блика. Потом располагаем блик в нужное нам место контура сердечка. Нажимаем ОК.
• Закрываем «глазики» на всех слоях, кроме первого. И формируем первый кадр. Для этого переходим на первый слой и выбираем в меню Фильтр/Рендеринг/Блик. В открывшемся окне устанавливаем тип объекта и подбираем яркость блика. Потом располагаем блик в нужное нам место контура сердечка. Нажимаем ОК.
• Установленные на первом кадре параметры анимации для всех последующих кадров менять не будем. Будем только каждый раз при создании нового кадра нашей анимации открывать следующий слой, закрыв при этом все остальные, и выбрав «Фильтр/Рендеринг/Блик», перемещать по кругу наш блик в новую точку. Аналогичные операции продолжаем до тех пор, пока не совершим полный оборот по кругу по контуру нашего сердечка.
(При желании можете поэкспериментировать и выбрать для каждого кадра свои индивидуальные настройки Блика.)
(При желании можете поэкспериментировать и выбрать для каждого кадра свои индивидуальные настройки Блика.)
• В окне «Анимация» выделяем все кадры, удерживая клавишу Shift, и устанавливаем время анимации для них 0,2 с. Наша анимация готова!
• Сохраняем полученную анимацию для WEB-устройств в формате gif.
Вот что получилось!
• Сохраняем полученную анимацию для WEB-устройств в формате gif.
Вот что получилось!
В завершении – видеоурок по данному виду анимации.
И еще о нескольких видах анимации рассказано в уроках по созданию анимации на моем форуме. Повторяться не буду. Кому будет интересно, заглянет по ссылкам и посмотрит!
Перенос готовой анимации на фото или коллаж
