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


Анимация конверт открывается 10-11-2021 19:43 к комментариям - к полной версии - понравилось!

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

Анимация конверт открывается.

Анимация конверт открывается.

26.05.2016 | Автор: admin

 

В этом уроке сделаем простую, но интересную анимацию с конвертом. Должна получится такая анимация, конверт открывается и оттуда выскакивает какой-нибудь сюрприз.

[показать]   

 

Возьмем изображение закрытого и открытого конверта на прозрачном фоне.

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

[показать]

 

2- Теперь открываем второй файл.

[показать]

Создадим новый файл, куда будем перемещать конверты.

3-Файл-создать, размер 500 на 650 пик.

4-Редактирование-выполнить заливку. Залить любым цветом.

[показать]

5-Инструментом "перемещение"   [показать] перенести изображение закрытого конверта на созданный файл.

[показать]

[показать]

6-Туда же перенести изображение открытого конверта

[показать]

и аккуратно совместить с закрытым конвертом.

[показать]

В окне слоев три слоя.

[показать]

Еще  потребуется отдельно  нижняя часть конверта, которая будет закрывать содержимое конверта.

7-Инструментом "прямолинейное лассо"   [показать] выделить часть конверта.

[показать]

8- Слой-новый-скопировать на новый слой.

[показать]

9-Выделение-отменить выделение.

Открываем файл с ягодами.

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

[показать]

 

11- Перенести изображение ягод на конверт.

[показать]

[показать]

12-В окне слоев слой с ягодами поместить под слой 4.

[показать]

На картинке ягоды окажутся внутри конверта.

[показать]

Для анимации все готово. Анимация конверт будет сделана  простым способом.

13-В окне слоев отключить глазки, кроме слоя 1 и слоя 2,

[показать]

а в окне анимации на первом кадре поставить время 0,1

[показать]

14-Скопировать первый кадр, нажав на значок копирования кадров.

[показать]

15-В окне слоев отключить глазок  на слое 2 и включить на верхних слоях.

[показать]

Вот что получится в окне анимации:

[показать]

16-В окне анимации скопировать второй кадр. (Кадр уже выделен, просто нажать на значок копирования.)

[показать]

17-Теперь смотрим, чтобы в окне слоев был активирован слой с ягодами (выделен синим цветом), а в окне анимации активирован третий кадр.

18- На картинке инструментом "перемещение"  [показать]  передвигаем ягоды вверх, одновременно, нажав на клавиатуре Shift (чтобы ягоды двигались точно по вертикали).

[показать]

[показать]

19- В окне анимации нажать на значок Tween (создание промежуточных кадров),

[показать]

в появившемся окошке поставить 8 кадров и нажать ok.

[показать]

[показать]

Скорректируем время анимации на кадрах.

20- На последнем кадре можно поставить время 1 сек.,

[показать]

а на первом 0,5 сек.

[показать]

Смотрим анимацию

[показать]

А чтобы анимация конверта была интересней, добавим текст.

21-Открыть текст.

[показать]

22-В окне анимации активировать последний кадр, кликнув по нему и поставить время 0,1 сек.

[показать]

23-Теперь на картинке перенести текст   на конверт.

[показать]

24-В окне анимации копировать последний (одиннадцатый кадр), а на картинке передвинуть текст вверх, как в пункте 18.

[показать]

[показать]

25-В окне слоев слой с текстом поставить под слой 4.

[показать]

26-В окне анимации нажать на значок создания промежуточных кадров, все сделать, как в пункте 19 и на последнем кадре поставить время 1 сек.

[показать]

И поставьте 1 сек. на 11 кадре, чтобы была задержка после появления ягод.

[показать]

вверх^ к полной версии понравилось! в evernote


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

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