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


Анимация бабочки. 25-05-2015 20:06 к комментариям - к полной версии - понравилось!


 

Анимация бабочки.

 

 

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

В программе Фотошоп можно тоже создавать много интересных вещей с бабочками. В летних открытках и коллажах очень популярна  анимация бабочки. Разноцветные изящные бабочки придают коллажу легкость и своеобразную прелесть.

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

 

[252x185]

 

 

Создадим пустой файл с прозрачным фоном , размер 400х300.

 

1-Файл- создать.

[418x356]

 

Зальем файл каким-либо цветом.

2- Редактирование -выполнить заливку. В появившемся окне выбрать любой цвет.

 

[400x300]

 

Откроем изображение бабочки на прозрачном фоне.

3-Файл- открыть.

 

1432571342_butterfliy (200x177, 41Kb)

 

 

4- На вертикальной панели инструментов выбрать инструмент"перемещение" 1432571437_move (32x33, 0Kb) и перетащить бабочку на файл с фоном.

 

[400x300]

 

В окне слоев два слоя.

 

[346x222]

 

Немного повернем бабочку, чтобы удобнее было работать.

5-Редактирование-свободное трансформирование.

 

[417x338]

 

Подвести мышку к верхнему маячку и повернуть изображение.

Теперь будем трансформировать крылья для анимации. Но, чтобы у бабочки было неподвижно туловище, нужно его выделить и вырезать на новый слой. Выделять будем с помощью быстрой маски.

Увеличим бабочку для удобства выделения.

6-На панели инструментов выбрать инструмент "лупа",  1432571588_lupa2 (31x27, 0Kb) на горизонтальной панели кликнуть по лупе с плюсом

[392x29]

и кликнуть по изображению бабочки один раз.

 

[416x323]

 

7- Выделение-редактировать в режиме быстрой маски.

8-На панели инструментов выбрать кисть, 1432571682_brush (32x35, 0Kb)жесткую, 6 пик. и закрасить туловище бабочки и усы.(Если где-то больше закрасили, чем надо, можно стереть ластиком)

 

[417x333]

 

9-На панели инструментов выбрать лупу, 1432571750_lupa2 (31x27, 0Kb)  вверху кликнуть по лупе с минусом

и один раз кликнуть по изображению бабочки, чтобы вернуть ее в первоначальный размер.

 

[418x320]

 

10-Выделение-редактировать в режиме быстрой маски. На картинке появится выделение.

 

[400x321]

 

11-Слой-вырезать на новый слой. Получится отдельно слой 2 с туловищем бабочки и слой 3 с крыльями. Слой с туловищем всегда должен стоять ниже слоев в крыльями.

 

[345x221]

 

Теперь займемся трансформированием крыльев. Анимация бабочки будет на пяти слоях.

12-Слой -создать дубликат слоя. (В окне слоев активен слой 3 ). Появится еще один слой с крыльями.

 

[346x257]

 

Теперь активен слой 3 копия.

13-Редактирование-свободное трансформирование. Уменьшить только значение ширины до 90 %.

[494x24]

 

[419x319]

 

14- Слой-создать дубликат слоя.

15- Редактирование-свободное трансформирование. Уменьшить ширину до 90%.

 

[412x324]

 

16- Слой-создать дубликат слоя.

 

[354x343]

 

17-Редактирование-свободное трансформирование. Уменьшить ширину до 90%.

 

[416x323]

 

18-Слой-создать дубликат слоя. И этот слой уменьшить до 90 % (ширина)

 

[418x324]

 

Итак, у нас пять слоев с крыльями, слой с туловищем и фон.

[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]

 

Получится такое окно анимации.

 

[600x122]

 

Выделение не снимать.

29- Еще раз нажать на треугольник справа вверху и выбрать " обратный порядок кадров".

Нажимаем на значок пуска

 

[600x124]

 

и смотрим.

 

[400x300]

 

Уже лучше, но медленно. Поменяем время на кадрах.

30 Выделить все кадры, нажать на первом кадре на треугольник, выбрать "другое" и поставить время 0,07.

 

[600x116]

 

Теперь уже хорошо..

 

[400x300]

 

Чтобы сохраненная анимация бабочки была на прозрачном фоне, нужно в окне слоев удалить нижний слой с фоном.

31- В окне слоев кликнуть по нижнему слою , затем правой кнопкой мыши и выбрать "удалить слой.

 

[347x361]

 

 

Затем сохранить анимацию для web и устройств в формате Gif.

 

[252x185]

 

Теперь эту анимацию бабочки можно добавлять в любой коллаж. Как  вставить анимацию бабочки на открытку смотрите "Весенний коллаж"

 

Урок взят с сайта 1432573392_e1383b09b2403a3e2e0a229e013910aa842ece06 (150x46, 4Kb)

 

 

вверх^ к полной версии понравилось! в evernote
Комментарии (3):
emmainna 19-12-2015-23:32 удалить
благодарю за подробное объяснение!
nika_nira 03-01-2016-23:33 удалить
С Новым годом и днём рождения! Радости и любви вам! [700x532]


Комментарии (3): вверх^

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

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