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


урок по фотошопу ..анимация 28-05-2014 22:30 к комментариям - к полной версии - понравилось!

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

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

При цитировании достаточно нажать кнопку "Нравится"

С сайта "В стране фотошопа"

 Автор admin
 

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

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

[252x185]

 

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

 

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

[400x341]

 

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

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

 

[400x300]

 

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

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

 

butterfliy

 

 

4- На вертикальной панели инструментов выбрать инструмент"перемещение" move и перетащить бабочку на файл с фоном.

 

[400x300]

 

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

 

[346x222]

 

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

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

 

[400x324]

 

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

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

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

6-На панели инструментов выбрать инструмент "лупа",  lupa на горизонтальной панели кликнуть по лупе с плюсом

[392x29]

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

 

[400x311]

 

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

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

 

[400x319]

 

9-На панели инструментов выбрать лупу, lupa  вверху кликнуть по лупе с минусом

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

 

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

 

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

Серия сообщений "• анимация 6":
Часть 1 - Использование масок в пр. "Sothink SWF Quicker"
Часть 2 - Урок от NATALI: Крутящиеся блёстки
...
Часть 43 - Наложение футажа на изображение. Фотошоп СС
Часть 44 - Наложение футажей на временной шкале.2-й урок
Часть 45 - Анимация бабочки
вверх^ к полной версии понравилось! в evernote


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

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