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


Анимация "Конверт открывается 27-05-2016 03:12 к комментариям - к полной версии - понравилось!

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

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

Н.Горская с сайта "В стране фотошопа"

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

[400x520]

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

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

[400x291]

 

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

[400x520]

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

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

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

[400x520]

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

[400x564]

[400x520]

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

[400x520]

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

[400x520]

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

[353x247]

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

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

[400x525]

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

[344x285]

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

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

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

[318x320]

 

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

[400x520]

[348x332]

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

[343x339]

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

[400x520]

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

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

[346x344]

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

[400x117]

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

[400x119]

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

[343x339]

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

[400x118]

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

[400x115]

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

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

[400x520]

[400x520]

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

[400x127]

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

[400x242]

[400x71]

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

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

[382x129]

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

[299x138]

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

[400x520]

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

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

[400x168]

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

[447x130]

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

[400x520]

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

[450x109]

[400x520]

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

[345x355]

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

[450x93]

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

[400x520]

27-Сохранить файл для Web и устройств в формате Gif.

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


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

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