************************************************************

понедельник, 30 мая 2016 г.

Анимация "Конверт открывается".Н.Горская с сайта "В стране фотошопа"



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


2- Теперь открываем второй файл.
konvert
Создадим новый файл, куда будем перемещать конверты.
3-Файл-создать, размер 500 на 650 пик.
4-Редактирование-выполнить заливку. Залить любым цветом.
fon
5-Инструментом "перемещение"  move перенести изображение закрытого конверта на созданный файл.
konvert2
konvert3
6-Туда же перенести изображение открытого конверта
konvert4
и аккуратно совместить с закрытым конвертом.
konvert5
В окне слоев три слоя.
sloi
Еще  потребуется отдельно  нижняя часть конверта, которая будет закрывать содержимое конверта.
7-Инструментом "прямолинейное лассо"  lasso выделить часть конверта.
konvert6
8- Слой-новый-скопировать на новый слой.
sloi1
9-Выделение-отменить выделение.
Открываем файл с ягодами.
10- Файл-открыть.
zem

11- Перенести изображение ягод на конверт.
konvert7
sloi2
12-В окне слоев слой с ягодами поместить под слой 4.
sloi5
На картинке ягоды окажутся внутри конверта.
konvert8
Для анимации все готово. Анимация конверт будет сделана  простым способом.
13-В окне слоев отключить глазки, кроме слоя 1 и слоя 2,
sloi4
а в окне анимации на первом кадре поставить время 0,1
cadr
14-Скопировать первый кадр, нажав на значок копирования кадров.
cadr1
15-В окне слоев отключить глазок  на слое 2 и включить на верхних слоях.
sloi5
Вот что получится в окне анимации:
cadr2
16-В окне анимации скопировать второй кадр. (Кадр уже выделен, просто нажать на значок копирования.)
cadr3
17-Теперь смотрим, чтобы в окне слоев был активирован слой с ягодами (выделен синим цветом), а в окне анимации активирован третий кадр.
18- На картинке инструментом "перемещение" move  передвигаем ягоды вверх, одновременно, нажав на клавиатуре Shift (чтобы ягоды двигались точно по вертикали).
konvert9
konvert10
19- В окне анимации нажать на значок Tween (создание промежуточных кадров),
cadr4
в появившемся окошке поставить 8 кадров и нажать ok.
tween
cadr5
Скорректируем время анимации на кадрах.
20- На последнем кадре можно поставить время 1 сек.,
cadr6
а на первом 0,5 сек.
cadr6a
Смотрим анимацию
konvert1
А чтобы анимация конверта была интересней, добавим текст.
21-Открыть текст.
text
22-В окне анимации активировать последний кадр, кликнув по нему и поставить время 0,1 сек.
cadr7
23-Теперь на картинке перенести текст   на конверт.
konvert11
24-В окне анимации копировать последний (одиннадцатый кадр), а на картинке передвинуть текст вверх, как в пункте 18.
cadr7a
konvert12
25-В окне слоев слой с текстом поставить под слой 4.
sloi6
26-В окне анимации нажать на значок создания промежуточных кадров, все сделать, как в пункте 19 и на последнем кадре поставить время 1 сек.
cadr9
И поставьте 1 сек. на 11 кадре, чтобы была задержка после появления ягод.
анимация конверт открывается
27-Сохранить файл для Web и устройств в формате Gif.
Рубрики: ║ФОТОШОП — АНИМАЦИЯ

Комментариев нет:

Отправить комментарий