Для урока нам нужны : картинка с Фоном и клипатр Бабочки, ну и Рамочка (я её делаю сама) , хотя можете и без рамочки, она нам нужна для того , что бы спрятать начало и конец полёта Бабочки
Можете передвижение Бабочки сделать замкнутым , тогда нет необходимости делать рамку
Фон подберёте сами , а клипатры можно выбрать
Здесь
Открываем картинки в ФШ , в окне слои снимаем замочки
Инструментом
Перемещение переносим клипатр Бабочка на Фон и с помощью Свободного трансформирования
Ctrl+T придаём ей нужный размер (пока сильно не уменьшайте)
Enter - применить трансформацию
![](http://content.foto.mail.ru/mail/lenysik_rezvix/_blogs/i-6714.jpg)
Становимся на
слой Бабочка и дублируем его
Ctrl+J
На продублированном
слое Бабочка 2 жмём
Ctrl+T и немного уменьшаем
правую и
левую стороны Бабочки (что бы получить как бы взмах крыла) ,
не смещая середину
Enter - применить трансформацию
Теперь зажимаем клавишу Shift и кликаем по слою Бабочка ,
оба слоя выделились (синим цветом) , жмём Ctrl+T и придаём Бабочке уже окончательный размер
Что бы не сбить пропорции , зажимаем Shift и тянем за уголок по горизонтали , отпускаем сначала мышку, потом клавишу Shift
Enter - применить трансформацию
Не снимая выделение на слоях перемещаем Бабочку в то место , откуда она начнёт свой полёт , так же с помощью Ctrl+T поворачивайте Бабочку как вам надо
![](http://content.foto.mail.ru/mail/lenysik_rezvix/_blogs/i-6717.jpg)
Теперь выделенные слои захватываем мышкой и перетаскиваем на листик ,
получаем дубликаты этих слоёв
Выделение на слоях не снимаем и инструментом Перемещение двигаем Бабочку
![](http://content.foto.mail.ru/mail/lenysik_rezvix/_blogs/i-6720.jpg)
Снова выделенные слои захватываем мышкой и перетаскиваем на листик ,
получаем дубликаты этих слоёв
Выделение на слоях не снимаем и инструментом Перемещение опять сдвигаем Бабочку
Если нужно повернуть Бабочку применяйте Ctrl+T
![](http://content.foto.mail.ru/mail/lenysik_rezvix/_blogs/i-6721.jpg)
Продолжайте дальше таким же образом выстраивать траекторию полёта Бабочки
Примерно так или можно сделать передвижение замкнутым
![](http://content.foto.mail.ru/mail/lenysik_rezvix/_blogs/i-6722.jpg)
Переходим в окно Анимации :
1 кадр - глазик
вкл. только на слое Фон и Рамка (если она у вас есть)
На слоях Фон и Рамка
глазики включены всегда
2 кадр - Бабочка , Фон и Рамка
3 кадр - Бабочка(копия) , Фон и Рамка
Слой Бабочка 2 я пропустила , он мне не нужен , т.к. за рамкой это движение не видно
4 кадр - Бабочка 2(копия) , Фон и Рамка
5 кадр - Бабочка (копия)2 , Фон и Рамка
6 кадр - Бабочка 2(копия)2 , Фон и Рамка
![](//s51.radikal.ru/i131/1007/b0/95e326787b40t.jpg)
В
7 кадре у меня Бабочка садится на ухо кота -
Бабочка (копия)3 , Фон и Рамка
![](http://content.foto.mail.ru/mail/lenysik_rezvix/_blogs/i-6725.jpg)
В
8 кадре она делает взмах так же на ухе кота -
Бабочка 2(копия)3 , Фон и Рамка
![](http://content.foto.mail.ru/mail/lenysik_rezvix/_blogs/i-6726.jpg)
Бабочка должна посидеть немного на одном месте ,
при этом махая крыльями
Для этого мне надо продублировать несколько раз
7 и
8 кадры
Стоя на 8 кадре зажимаю клавишу Shift и кликаю по 7 кадру , они выделились синим цветом и жму на листик , т.е. дублирую их несколько раз (я нажму 3 раза) и получу 4 пары одинаковых кадров
![](http://content.foto.mail.ru/mail/lenysik_rezvix/_blogs/i-6728.jpg)
Кликаем на последний кадр и выделение снимется
Далее продолжаем собирать анимацию
С 15 кадра у меня Бабочка полетела дальше
15 кадр - Бабочка (копия)4 , Фон и Рамка
16 кадр - Бабочка 2(копия)4 , Фон и Рамка
17 кадр - Бабочка (копия)5 , Фон и Рамка
Надеюсь я понятно объяснила как собирать анимацию , думаю дальше вы справитесь сами .
Осталось разобраться в задержки кадров , т.е.
выставить время
На
1 кадре - 1 сек.
На кадрах где Бабочка
летит 0,1 сек.
На кадрах где Бабочка
сидит и машет крыльями 0,3 сек.
Вы можете экспериментировать и выставить своё время
Сохраняем :
Файл -
Сохранить для Web в формате
GIF
Автор урока
Елена
Уроки от Елены
Сообщество : Самая Лучшая Коллекция Анимационных Картинок и Уроки Фотошопа