В этом уроке сделаем простую, но интересную анимацию с конвертом. Должна получится такая анимация, конверт открывается и оттуда выскакивает какой-нибудь сюрприз.
Возьмем изображение закрытого и открытого конверта на прозрачном фоне.
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 кадре, чтобы была задержка после появления ягод.
27-Сохранить файл для Web и устройств в формате Gif.
Надежда, БОЛЬШОЕ спасибо Вам за урок ! Успехов в Вашем творчестве! Вы МОЛОДЕЦ!
Очень хороший урок.Спасибо!!
Урок выполнен ! Ура, всё получилось ! Слава Надежде !
Спасибо большое за этот урок! Я давно хотела попробовать так сделать!
превосходно !!!
Спасибо, Филия! Рада, что вам понравилось.
Спасибо, Любовь! Приятно, Что ВЫ заходите на сайт,несмотря на то, что уроки сейчас пишу не часто.
Конечно, Филия, все и должно было получится. Анимация здесь не сложная.
Спасибо, Ирина,за комментарий и за Ваш интерес к урокам.
Спасибо, Татьяна!
Отличный урок и интересный! Всё просто и понятно, как всегда!
Спасибо, Надежда!
Надежда, а можно Вас попросить создать урок анимации флакона духов : пальцами нажимают и видно распыление … Я видела на одной открытке, а как это сделать — не знаю. Если возможно, научите нас. С уважением к Вашему труду.
Филия, смогу написать такой урок только через две недели, так как уезжаю.
Надюш,спасибо за урок,очень понравился,сделала сыну на ДР открыточку.
Наденька, очень интересно! Но вот с надписью проблема! Не получается, надпись то в конверт прячется, то сверху конверта. Какой кадр должен быть активным, когда я добавляю надпись? Пробовала несколько раз и никак!
Наденька, еще один вопрос. Вот у Вас в уроке 7 слоёв, а у меня 6. Может где-то пропущен шаг какой-то? Третий день сижу и не могу сообразить, что не так! Извините, пожалуйста, что надоедаю, но в коментах выше у людей вроде всё получилось!
Алла,вы можете сделать так: активировать последний кадр и добавить на картинку надпись.Она будет видна. Теперь в окне слоев опустите слой с надписью под слой с передней частью конверта, как у меня на скриншоте. Надпись исчезнет, но, так как слой с надписью активный, его можно будет перемещать. Дальше в окне анимации делаете копию последнего слоя,на картинке поднимаете надпись вверх (она внизу конверта), меняете время на кадре и нажимаете Tween.
Алла, у Вас все правильно, наверное у меня был лишний слой и я его удалила.
Наденька, спасибо, что ответили. Сейчас буду пробовать! Рада была снова с Вами пообщаться!!!
Наденька, я активировала последний кадр, ничего не получилось. Тогда я активировала последний слой, а не кадр, слой с надписью переместила под слой с передней частью конверта (вообщем всё как Вы и написали), надпись получилась внутри конверта на всех кадрах кроме первого. Вышлю Вам скриншот на почту. Что-то не то получается!
уважаемая Надя!
это мой первый и последний урок в шопе — когда-то давным-давно …
всё получилось сразу …
и вот теперь я снова наткнулась на Вас …
ни за что Вас больше не потеряю …
редко кто так доступно объясняет …
подписалась на Ваши статьи …
буду учиться только у Вас — очень уж понятно рассказываете совсем неумехам …
Спасибо, ttan.Я помню, что Вы когда-то писали комментарии к урокам. И мне очень приятно, что Вы не забыли о моем сайте.Желаю вам приятного и успешного творчества.
очень понравился урок .А есть урок как нарисовать конверт?
Я не часто пишу комментарии, но слежу постоянно за Вашими работами, так как они мне нравятся! Делайте почаще уроки фотошопа, у Вас они все интересные ))) Спасибо!
Людмила, урока, как нарисовать конверт у меня нет.
Спасибо, Ирина, за теплые слова.