Название Промежуточные кадры в гиф-анимации Автор Iliti
Еще один простой урок по созданию анимации.
Рассмотрим два варианта применения промежуточных кадров: для создания перемещения и для создания прозрачности. Окончательное оформление вашей работы, естественно, будет зависеть только от вашей фантазии. Мы рассмотрим только саму технику их использования.
1. Перемещение
Открываем в ФШ ваш фон и тот объект, который вы собираетесь перемещать. Его, по вашему желанию, можно вырезать, взять готовый клипарт на прозрачном фоне, просто взять картинку меньшего размера или сделать надпись на прозрачном фоне. Все на ваше усмотрение.
Перетаскиваем наш листочек на фон
Дублируем кадр в панели анимации
Теперь нам нужно задать начальное положение нашего листа НА ПЕРВОМ КАДРЕ. Встаем на него и инструментом «перемещение» перетаскиваем листок туда, откуда он начнет двигаться. Я вынесу его за верхнюю рамку, но оставлю кусочек, чтобы его было видно.
Теперь НА ВТОРОМ КАДРЕ задаем конечное положение листа.
Цепляем его и переносим вниз. Можно спрятать совсем, но, опять же, для наглядности, кусочек оставлю.
Снова переходим на ПЕРВЫЙ КАДР, нажимаем кнопку вставки промежуточных кадров и задаем их количество, ориентировочно от 10 до 15, чтобы движение было плавным, можно больше.
Получаем вот, что. Выставляем время задержки кадра 0,1 сек. Параметры цикла – Постоянно.
Сохраняем, как обычно для Веб и устройств. (уменьшу немного)
Точно так же поступаем, если хотим перемещать объект в другом направлении (по диагонали, горизонтали). Например, таким образом можно сделать бегущую строку. Предварительно создаете надпись на прозрачном фоне, перетаскиваете ее на картинку, выносите на ПЕРВОМ кадре за правую границу, затем на ВТОРОМ кадре – за левую. Добавляете промежуточные кадры и сохраняете.
2. Прозрачность
Берем листочек
Дублируем кадр
Создаем слои из кадров
Удаляем Слой 0. Оставляем два кадра и соответствующие им два слоя.
На первом кадре и первом слое оставляем все, как есть. Переходим на ВТОРОЙ кадр и соответствующий ему Второй слой и выставляем в верхнем окошке панели слоев прозрачность от 0 до 5 %
Жмем кнопку создания промежуточных кадров и добавляем примерно 20 штук
Дальше приклеиваем нашу анимацию листочка на фон точно также, как описано в УРОКЕ 2.
Т.е. жмем стрелочку в правом верхнем углу панели Анимации.
Выбираем сначала – Выделить все кадры
Затем – Скопировать кадры
Активируем Фон
Снова жмем стрелочку в правом верхнем углу панели Анимации.
Выбираем – Вставить кадры
В выпавшем окне – Вклеить поверх выделенной области и галку в окошке «Связать добавленные слои»
Синхронизируем наш фон во всех кадрах, нажав значок глаза с замком в верхней части панели слоев.
Встав на первый кадр гифа и его первый слой, можете переместить вашу анимацию по фону. Время задержки кадров примерно 0,06сек. На первом кадре можно поставить побольше 0,5 сек
(Подробно весь процесс вклейки описан во Втором уроке.) В результате получится как-то так.
Ниже вы можете задать вопросы, показать результат, изложить свой вариант создания.
Отредактировано:Iliti10.03.2014 20:22:41
Когда я умру, то попаду на небеса, потому что провожу свое время в аду
Натуль, будешь отличница. ПЯТЬ баллов тебе Красивейшие цвета к тому же
Объектов, в данном случае листочков, можно прилепить в принципе, сколько угодно и на первом кадре в начальном положении на разной высоте разместить. Ну, вообщем, дело техники. Главное, уловить принцип
Когда я умру, то попаду на небеса, потому что провожу свое время в аду