Для урока нам нужны : картинка с Фоном и клипатр Бабочки, ну и Рамочка (я её делаю сама) , хотя можете и без рамочки, она нам нужна для того , что бы спрятать начало и конец полёта Бабочки
Можете передвижение Бабочки сделать замкнутым , тогда нет необходимости делать рамку

Фон подберёте сами , а клипатры можно выбрать Здесь
Открываем картинки в ФШ , в окне слои снимаем замочки
Инструментом Перемещение переносим клипатр Бабочка на Фон и с помощью Свободного трансформирования Ctrl+T придаём ей нужный размер (пока сильно не уменьшайте)
Enter - применить трансформацию
[600x450]
Становимся на слой Бабочка и дублируем его Ctrl+J
На продублированном слое Бабочка 2 жмём Ctrl+T и немного уменьшаем правую и левую стороны Бабочки (что бы получить как бы взмах крыла) , не смещая середину
[584x442]
Enter - применить трансформацию
Теперь зажимаем клавишу Shift и кликаем по слою Бабочка , оба слоя выделились (синим цветом) , жмём Ctrl+T и придаём Бабочке уже окончательный размер
Что бы не сбить пропорции , зажимаем Shift и тянем за уголок по горизонтали , отпускаем сначала мышку, потом клавишу Shift
[584x440]
Enter - применить трансформацию
Не снимая выделение на слоях перемещаем Бабочку в то место , откуда она начнёт свой полёт , так же с помощью Ctrl+T поворачивайте Бабочку как вам надо
[587x443]
Теперь выделенные слои захватываем мышкой и перетаскиваем на листик , получаем дубликаты этих слоёв
Выделение на слоях не снимаем и инструментом Перемещение двигаем Бабочку
[586x442]
Снова выделенные слои захватываем мышкой и перетаскиваем на листик , получаем дубликаты этих слоёв
Выделение на слоях не снимаем и инструментом Перемещение опять сдвигаем Бабочку
Если нужно повернуть Бабочку применяйте Ctrl+T
[587x443]
Продолжайте дальше таким же образом выстраивать траекторию полёта Бабочки
Примерно так или можно сделать передвижение замкнутым
[587x443]
Переходим в окно Анимации :
1 кадр - глазик вкл. только на слое Фон и Рамка (если она у вас есть)
На слоях Фон и Рамка глазики включены всегда
2 кадр - Бабочка , Фон и Рамка
[465x432]
3 кадр - Бабочка(копия) , Фон и Рамка
Слой Бабочка 2 я пропустила , он мне не нужен , т.к. за рамкой это движение не видно
[464x430]
4 кадр - Бабочка 2(копия) , Фон и Рамка
5 кадр - Бабочка (копия)2 , Фон и Рамка
6 кадр - Бабочка 2(копия)2 , Фон и Рамка
[показать] [показать] [показать]
В 7 кадре у меня Бабочка садится на ухо кота -
Бабочка (копия)3 , Фон и Рамка
[465x433]
В 8 кадре она делает взмах так же на ухе кота -
Бабочка 2(копия)3 , Фон и Рамка
[465x431]
Бабочка должна посидеть немного на одном месте , при этом махая крыльями
Для этого мне надо продублировать несколько раз 7 и 8 кадры
Стоя на 8 кадре зажимаю клавишу Shift и кликаю по 7 кадру , они выделились синим цветом и жму на листик , т.е. дублирую их несколько раз (я нажму 3 раза) и получу 4 пары одинаковых кадров
[466x168]
[463x133]
Кликаем на последний кадр и выделение снимется
Далее продолжаем собирать анимацию
С 15 кадра у меня Бабочка полетела дальше
15 кадр - Бабочка (копия)4 , Фон и Рамка
16 кадр - Бабочка 2(копия)4 , Фон и Рамка
17 кадр - Бабочка (копия)5 , Фон и Рамка
Надеюсь я понятно объяснила как собирать анимацию , думаю дальше вы справитесь сами .

Осталось разобраться в задержки кадров , т.е. выставить время
На 1 кадре - 1 сек.
На кадрах где Бабочка летит 0,1 сек.
На кадрах где Бабочка сидит и машет крыльями 0,3 сек.
Вы можете экспериментировать и выставить своё время
Сохраняем : Файл - Сохранить для Web в формате GIF

Автор урока  Елена
Уроки от Елены
Сообщество : Самая Лучшая Коллекция Анимационных Картинок и Уроки Фотошопа