Анимация плюс - урок анимации в Image Ready

Будем добавлять анимацию к статичной картинке или соединять с другой анимацией.


[показать] [показать]



Случай первый


Берем вот такие картинки:


[показать] [показать]


Анимированную картинку открываем в Имидж Реди и переходим в Фотошоп.


Жмем папку.


[показать]


И перетаскиваем слои в папку.


[показать]


Делаем новый документ (я делаю 120 на 120 пикселей).


[показать]


И перетаскиваем в новый документ нашу папку с анимационными картинками.


[показать]


Открываем картинку, на которую будем накладывать анимацию, в Фотошопе и перетаскиваем ее в "новый документ".


Таким образом, у нас получилось так:


[показать]





Кликаем папку и ставим ее на понравившуюся вам опцию смешивания. Я выбрала скрин.


[показать]





Мне кажется, что анимированый "шарик" в глазике немного темноват, поэтому я хочу подправить его уровнями ... и при этом все слои одновременно.


Если Вы со мной согласны, нажимаете, как я. [показать]


[показать]


Еще я думаю, что "шарик" немного великоват и поэтому я его уменьшаю (Ctrl+T).


[показать]





Теперь сам процесс анимации: в палитре Animation жмем Make Frames From Laers и удаляем все фреймы, кроме фреймов анимационного "шарика".


[показать]


Ну вот почти все.


Кликните на первый фрейм в палитре анимейшен , а в палитре слоев включите видимость у слоя с глазиком.


[показать]


Вот, что у меня получилось.


[показать]

 

Cлучай второй: анимация + анимация


1) Анимация "в окошке"


[показать] [показать]


Я взяла две, похожие по смыслу, анимированные картинки .


Одна из них будет основная, а вторая дополнительная.


Открываем обе анимированнные картинки в Имидж Реди и переходим в Фотошоп.


Поскольку основная картинка у меня маленького размера, то я ее увеличиваю.


[показать]


Дополнительную анимационную картинку оформляем в папочку (см первую часть урока ) и переносим в основную анимацию .


Уменьшаем до нужного нам размера .


[показать]


Теперь берем карандашик в один пиксель, задаем нужный нам цвет и на новом слое рисуем рамочку (можно также использовать готовую).


[показать]


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


[показать]


Т.к.на дополнительной картинке у меня больше слоев чем на основной , то я удалила (не подключила ) несколько слоев. Так, чтобы это не вредило анимации.


Вот, что вышло у меня.


[показать]

 

2) Вообще, случай «два» - это совмещение двух первых частей урока, когда одна анимация накладывается на другую.


Например, путем наложения через смешивание. [показать]


[показать] + [показать] = [показать]