Уроки по Анимации

Анимированные картинки - то есть двигающиеся, прыгающие кадр за кадров, сменяющие друг друга надписи создаются с помощью разных программ. Самое простое - стандартный комплект - Adobe Photoshop и Adobe ImageReady.
Принцип анимирования таков: берем картинки, которые хотим прогнать кадр за кадром, подгоняем под один размер в ФШ, сохраняем в одной папке, лучше дать имена цифрами, в таком порядке они и отобразятся в Имейдже. Затем открываем собственно ImageReady, делаем вот так:

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]


в открывшемся окошке выбираем нужную папку с кадрами и получаем:


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]


Ну а теперь устанавливаем скорость смены кадров, меняем при желании итоговый размер и жмем:


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]


Вот, что вышло (типа авка):

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

_______________
Дальше буду предлагать различные анимационные эффекты.

Анимация "шум"


1. Для начала берем картинку. Если необходимо, обрезаем до нужного размера.

Затем в ФШ создаем два-три слоя, покажу на двух, принцип ясен.


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]


К каждой картинке применяем опцию "шум"


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]


выбрав разные значения для каждой картинки, например 15 и 25.


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]


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


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]


Ну а дальше см. выше. В Имедже ставим нужную скорость смены кадров, размер и получаем:


[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]


Усложнив задачу, например подвергая шуму отдельно выбранную область или сделав рамку, можно получить:

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Ой, Лина! Вроде и не сложно, но как-то боязно браться. А ведь точно знаю, что стоит один раз попробовать, так потом и не остановишь. Я пока не могу, у меня фотошоп не ставится, что-то там устарело. Но я все-таки попробую что-нить санимировать.

УРаааааааа!!!!!!

всё-таки, вовремя наехать и темку оживить было куда полезнее))))

Надеюсь, пригодится)) Я чуть погодя еще законспектирую шевелящиеся волосы и дождик)) Долго принты на радикал грузятся - скорость у инета убойная((

Лина спасибо за такие уроки! Я сейчас же буду пробовать!

Анимация "Дождь"

Как только не делают "дождь" любитель Фотошопа! Я покажу свой любимый способ - быстро и, как мне кажется, легко.
Напомню, нужны AdobePhotoshop CS и ImageReady (может, у кого поновее версии редакторов, но, думаю, принцип не сильно разнится)

1. Выбираем картинку, я взяла вот это чудное вересковое поле:

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

2. Заходим в ФШ и корректируем размер, если необходимо. Затем добавляем новый слой, задаем ему заливку серым цветом с прозрачностью 10%

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

3. Дублируем этот слой дважды, а затем каждый из трех слоев подвергаем опции "шум" с разными значениями, я взяла 30, 35 и 40

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

4. А теперь к каждому слою применяем опцию "смазывание движения".

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Задаем параметры: выбираем нужный наклон и длину, для последующих слоев чуть меняем параметры. Например: для 1 - искажение 57 градусов, дистанция 10, для 2 - 59 и 13 и для 3 - 55 и 15

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

5. Теперь сохраняем в новую папку три картинки - фоновый слой+первый дождевой, фоновый+второй дождевой, фоновый+третий дождевой

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

6. Идем в ImageReady, импортируем нужную папку, задаем параметры смены кадров, я взяла 0,2 сек, подгоняем размер, сохраняем и вуаля:

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Лина, так это вересковое поле! А я думала ирисы цветут.
Но дождь просто обалденный!
Еще бы так научиться делать...

Наташ, да-да, моя любовь - Шотландия))
И эта анимация совсем не сложная! Скорее, одна из самых простых)) Так что, ФШ тебе в руки!))

Цитата :

Скорее, одна из самых простых)) Так что, ФШ тебе в руки!))

Вот отогреюсь и попробую на выходных. У нас вчера антенну отремонтировали, так что теперь у меня есть спутниковый тырент. Можно будет рискнуть, а потом показать. Только все надо мне скопировать, а потом пробовать.

Честно говоря, впервые прочитала об анимации в фотошопе! Картинки такого рода, конечно, встречаются на сайтах, но я даже не предполагала, что они выполняются в этой программе! Очень интересная информация, обязательно попробую сделать свою картинку.