Продолжаем серию уроков на данную тему. Сегодня поговорим об эффектах зума. Существует Zoom In (приближение, увеличение ) и Zoom Out (отдаление, уменьшение). Вы часто наверняка часто пользуетесь этими опциями в навигаторах различных программ, чтобы увеличить изображение. Существует множество программ, автоматически создающих подобные анимации. Я покажу вам несколько примеров для фотошопа.

Берем ну очень большую картинку, поскольку мы будем ее уменьшать.
Открываем изображение, дублируем слой. Идем в меню Edit -> Free Transform. Удерживая на клавиатуре Alt и Shift, уменьшаем немного картинку. Клавиши удерживаются, чтобы сохранить пропорции а не сдвинуть картинку.

[506x513]

Нажимаем Enter, чтобы применить трансформацию, дублируем уменьшенный слой и проделываем с ним тоже самое. Уменьшаем примерно на одинаковое расстояние. Создаем 5 таких кадров (можно и больше, но анимация тяжелая получится). В итоге получаем:

[699x449]

Верхний слой не трогаем, переходим на второй сверху. Идем в меню Filter -> Blur -> Radial Blur. Настройки такие:

[687x329]

Переходим на следующий слой. Применяем тот же фильтр, но меняем Amount на 10. И так далее, прибавляя каждый раз по 5. Кроме последнего слоя. Верхний и нижний слои не трогаем!
Переходим в окно анимации Window -> Animation. Превращаем слои в кадры: первый кадр - верхний слой, остальные невидимы и т. д. до последнего. Берем верхний слой и обрезаем по нему картинку. Время показа первого и последнего кадра - 0,5 сек., остальные по 0,1 сек.

[633x234]

Сохраняем через Save for Web...

[267x274]

Таким образом можно создавать картинки с "едущими" машинами, "летящими" предметами. Кстати, вот эта очень популярная на лиру картинка, сделана по тому же принципу. Если вкратце, то изображение девушки вырезано из картинки, помещено на новый слой, проведена цветокоррекция (для совпадения с фоном), увеличена ее прозрачность, применена трансформация без размытия. Все.
[534x630]