Давным-давно - кажется, в прошлую пятницу, мне на нашем форуме попался на глаза вопрос о наложении gif анимации на фон. Называлась тема "Как наложить гифку на обычную картинку?" А задал этот вопрос - Петочег! Так вот развернутый ответ лучшему другу медвежонка Пуха.

По сути задача интересная, ведь иногда проще использовать уже готовые анимированные фрагменты, чем делать их самому "с нуля". Ну например, есть у вас gif - анимация некого персонажа, да еще и с прозрачным фоном. И у вас возникает непреодолимое желание создать с помощью этого готового фрагмента нечто большее. А большее сделать действительно можно ... и как всегда мы сделаем это легко!


Вначале давайте, в общих чертах, обрисуем чего мы собственно хотим добиться на нашем занятии. Итак, у нас есть gif анимация целеустремленно идущего куда-то Винни Пуха. Видимо пытающегося выбраться из пустоты прозрачного фона, в места ему более привычные. Мы ему поможем осуществить это желание, по травке пустим его прогуляться, ну небо там с солнышком предоставим, елки-палки разные. А чтобы придать прогулке анимационной вид сходства с реальностью, используем принцип относительности движения (да простит нас великий Альберт Эйнштейн за эти вольности в трактовке его великой теории). А как мы эту самую относительность движения применим в данном случае - о том читайте далее ....



1. Запускаем Image Ready. Открываем в ней эту gif - анимацию. Видим семь кадров расположенные на отдельных слоях. Прекрасно, продолжим - сохраняем теперь все это в формате psd.

Теперь разнообразные манипуляции с изображением будет попроще проводить.

Кликните для увеличения:


2. Теперь увеличим размер холста. Ну скажем сделаем нашу картинку размером 250х150 пикселов. Все очень просто: в верхнем меню выбираем :