• Авторизация


Как совместить две анимации. 01-10-2012 21:27 к комментариям - к полной версии - понравилось!

Это цитата сообщения Mademoiselle_Viv Оригинальное сообщение

Как совместить две анимации.

ФОТОШОП для НАЧИНАЮЩИХ

источник47525151_66046 (80x77, 2Kb)



Как  в фотошопе совместить две анимации с разным количеством слоев и с разным временем на кадрах? Это не очень сложно. Конечно, чтобы получить такой эффект, нужно потратить немного больше времени, чем при перемещении анимации на простую картинку.

 


[400x430]




Откроем две картинки с готовой  анимацией. Я нашла в интернете две забавные  анимации.


1-Файл-открыть. Откроем картинку с котенком.


[400x430]


На этой анимации 5 слоев


[347x340]


и время на кадрах 0,4 сек.


[400x110]


2-Теперь откроем еще одну картинку.


[240x180]


Здесь 12 слоев


[345x519]


и время на кадрах 0,2 сек.


[600x97]


Изображение летучей мыши будем вставлять на картинку с котенком.


Но как  совместить эти две анимации? Нужно сделать так, чтобы  обе картинки имели одинаковое количество слоев и время на кадрах.


3-Можно убрать несколько кадров у летучей мыши или добавить кадры в анимацию с котенком. Я добавлю кадр картинке с котенком. Кликнуть по четвертому кадру ( можно копировать и последний кадр, но с четвертым анимация интересней)


[400x113]


и нажать на значок копирования.  Получиться 6 кадров со временем 0,4 сек.


[400x117]


4-Захватить мышкой полученный кадр и поставить его последним.


[400x112]


5-Поставим время каждому кадру 0,2 сек. Для этого нужно выделить все кадры ( кликнуть по первому кадру и, нажав и удерживая Shift,  кликнуть по последнему кадру). Затем  на одном кадре поменять время на 0,2 сек и время поменяется на всех кадрах.


[400x112]

6-Продублируем каждый кадр, чтобы количество кадров на этой картинке совпадало с количеством кадров на картинки с летучей мышью. Кликнуть по первому кадру и нажать на значок копирования. Получится так.


[500x109]


7-Теперь кликнуть по третьему кадру и копировать его.


[450x115]


Получиться 8 кадров.


 


[450x96]


 


8-Затем копируем пятый кадр, седьмой, девятый и одиннадцатый.


В итоге получается 12 кадров со временем 0,2 сек.


 


[600x93]


 


9-Затем  нужно подготовить картинку с летучей мышью: удалить на ней фон. Удаляем фон на каждом слое "волшебным ластиком".  Подробнее смотрите,  как убрать  фон на картинке с анимацией.  Картинка  должна выглядеть так.


[266x220]


10-Теперь можно переместить анимацию с мышью на картинку с котенком. Как это сделать смотрите подробно в уроке, как вставить анимацию в другую анимацию. Напомню кратко.


Кликнуть по изображению с мышью и в окне слоев выделить все слои. На панели инструментов выбрать инструмент "перемещение" и перетащить изображение мыши на картинку с котенком. В окне слоев переместить выделенные слои наверх. (Пока слои выделены, можно уменьшить изображение мыши до нужного размера.)


Осталось собрать анимацию.


11-В окне анимации кликнуть  по первому кадру,


[600x97]


а в окне слоев должны быть включены глазки на первом слое и на шестом.


 


[309x700]


12-В окне анимации кликнуть по второму кадру,



[600x93]


а в окне слоев включить глазок на седьмом слое и выключить на шестом.


[346x566]


13-В окне анимации кликнуть по третьему кадру, а в окне слоев включить глазок на  втором и восьмом слое и выключить на седьмом.


[348x564]


14-В окне анимации кликнуть по четвертому кадру, а в окне слоев включить глазок на девятом слое и выключить на восьмом.


[350x563]


15-В окне анимации кликнуть по пятому кадру, а в окне слоев включить глазки на третьем слое и десятом и выключить на девятом. И дальше:


16-Окно анимации-шестой кадр, окно слоев-одиннадцатый слой.


17-Окно анимации-седьмой кадр, окно слоев-четвертый и двенадцатый слой.


18-Окно анимации-восьмой кадр, окно слоев-тринадцатый слой.


19-Окно анимации-девятый кадр, окно слоев-пятый и четырнадцатый слой.


20-Окно анимации-десятый кадр, окно слоев-пятнадцатый слой.


21-Окно анимации-одиннадцатый кадр, окно слоев-четвертый (это не ошибка) и шестнадцатый слой.


22-Окно анимации-двенадцатый кадр, окно слоев-семнадцатый слой.


23-Жмем на значок пуска  в окне анимации и вот, что получилось.


 


[400x430]


24-Сохранить для Web и устройств в Gif.






Серия сообщений "Фотошоп для начинающих":

Часть 1 - Простой фон
Часть 2 - Сохраняем незавершенную работу в Фотошопе
...
Часть 36 - "Сверкание" с помощью кистей в Фотошопе.
Часть 37 - Анимация "Вспышка-затухание"
Часть 38 - Как совместить две анимации.


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как совместить две анимации. | ol10ga - Дневник ol10ga | Лента друзей ol10ga / Полная версия Добавить в друзья Страницы: раньше»