Эти удивительные создания, порхающие в саду и на лугу, как цветы сорванные ветром, вызывают восхищение своей неповторимой красотой. С бабочками связано много мифов и легенд. На востоке считается, что бабочка, залетевшая в дом, приносит благополучие и удачу. Яркие, легкокрылые бабочки вдохновляют и художников, и поэтов.
В программе Фотошоп можно тоже создавать много интересных вещей с бабочками. В летних открытках и коллажах очень популярна анимация бабочки. Разноцветные изящные бабочки придают коллажу легкость и своеобразную прелесть.
В этом уроке будет создавать бабочку с движениями крыльев.
[252x185]
Создадим пустой файл с прозрачным фоном , размер 400х300.
1-Файл- создать.
[400x341]
Зальем файл каким-либо цветом.
2- Редактирование -выполнить заливку. В появившемся окне выбрать любой цвет.
[400x300]
Откроем изображение бабочки на прозрачном фоне.
3-Файл- открыть.
4- На вертикальной панели инструментов выбрать инструмент"перемещение" 
и перетащить бабочку на файл с фоном.
[400x300]
В окне слоев два слоя.
[346x222]
Немного повернем бабочку, чтобы удобнее было работать.
5-Редактирование-свободное трансформирование.
[400x324]
Подвести мышку к верхнему маячку и повернуть изображение.
Теперь будем трансформировать крылья для анимации. Но, чтобы у бабочки было неподвижно туловище, нужно его выделить и вырезать на новый слой. Выделять будем с помощью быстрой маски.
Увеличим бабочку для удобства выделения.
6-На панели инструментов выбрать инструмент "лупа", 
на горизонтальной панели кликнуть по лупе с плюсом
[392x29]
и кликнуть по изображению бабочки один раз.
[400x311]
7- Выделение-редактировать в режиме быстрой маски.
8-На панели инструментов выбрать кисть, 
жесткую, 6 пик. и закрасить туловище бабочки и усы.(Если где-то больше закрасили, чем надо, можно стереть ластиком)
[400x319]
9-На панели инструментов выбрать лупу, 
вверху кликнуть по лупе с минусом
и один раз кликнуть по изображению бабочки, чтобы вернуть ее в первоначальный размер.
[400x306]
10-Выделение-редактировать в режиме быстрой маски. На картинке появится выделение.
[400x321]
11-Слой-вырезать на новый слой. Получится отдельно слой 2 с туловищем бабочки и слой 3 с крыльями. Слой с туловищем всегда должен стоять ниже слоев в крыльями.
[345x221]
Теперь займемся трансформированием крыльев. Анимация бабочки будет на пяти слоях.
12-Слой -создать дубликат слоя. (В окне слоев активен слой 3 ). Появится еще один слой с крыльями.
[346x257]
Теперь активен слой 3 копия.
13-Редактирование-свободное трансформирование. Уменьшить только значение ширины до 90 %.
[494x24]
[400x305]
14- Слой-создать дубликат слоя.
15- Редактирование-свободное трансформирование. Уменьшить ширину до 90%.
[400x315]
16- Слой-создать дубликат слоя.
[354x343]
17-Редактирование-свободное трансформирование. Уменьшить ширину до 90%.
[400x311]
18-Слой-создать дубликат слоя. И этот слой уменьшить до 90 % (ширина)
[400x312]
Итак, у нас пять слоев с крыльями, слой с туловищем и фон.
[339x365]
Переходим в окно анимации.
20-На первом кадре поставить время 0,1 сек.
[400x113]
и сделать еще четыре кадра, нажав на значок копирования.
[400x111]
21-Кликнуть по первому кадру в окне анимации,
[400x109]
а в окне слоев выключить глазки у четырех верхних слоев.
[346x364]
22-В окне анимации кликнуть по второму кадру,
[400x112]
а в окне слоев включить глазок на слое 3 копия и выключить на слое 3.
[346x367]
23- В окне анимации кликнуть по третьему кадру,
[400x108]
а в окне слоев включить глазок на слое 3 копия 2 и выключить на слое 3 копия и на слое 3.
[343x364]
24-В окне анимации кликнуть по четвертому кадру, а в окне слоев включить глазок на слое3 копия 3 и выключить на слое3 копия 2 и на слое 3.
[343x364]
25-В окне анимации кликнуть по пятому кадру, а в окне слоев включить глазок на слое 3 копия 4. и выключить на слое 3 копия 3 и слое 3.
[343x364]
26-В окне анимации кликнуть по значку пуск
[400x109]
и смотрим, как получилась анимация бабочки.
[400x300]
А получилось не очень хорошо, движения крыльев резковаты. Сделаем махи крыльями плавнее.
27- В окне анимации выделить все кадры.( Кликнуть по первому кадру, затем, нажав Shift, по последнему.) Все кадры выделятся.
[400x98]
28- В этом же окне нажать на маленький треугольник (выделение кадров не снимать)
[400x98]
и в появившемся окне выбрать "скопировать кадры", снова нажать на треугольник, выбрать "вставить кадры" и в новом окошке "вклеить кадры" нажать OK.
[408x173]
Получится такое окно анимации.
[400x81]
Выделение не снимать.
29- Еще раз нажать на треугольник справа вверху и выбрать " обратный порядок кадров".
Нажимаем на значок пуска
[400x83]
и смотрим.
[400x300]
Уже лучше, но медленно. Поменяем время на кадрах.
30 Выделить все кадры, нажать на первом кадре на треугольник, выбрать "другое" и поставить время 0,07.
[400x77]
Теперь уже хорошо..
[400x300]
Чтобы сохраненная анимация бабочки была на прозрачном фоне, нужно в окне слоев удалить нижний слой с фоном.
31- В окне слоев кликнуть по нижнему слою , затем правой кнопкой мыши и выбрать "удалить слой.
[347x361]
Затем сохранить анимацию для web и устройств в формате Gif.
[400x300]
Теперь эту анимацию бабочки можно добавлять в любой коллаж.
http://kalejdoskopphotoshopa.ru/animaciya-babochki.html