Плавный анимированный переход одной картинки в другую в Adobe Photoshop

Многие из вас видели анимированные GIF картинки на которых одно изображение плавно сменяет другое. Сделать такую анимацию при помощи программы Adobe Photoshop очень просто. Для этого нам понадобиться несколько изображений. Для примера я выбрал вот эту фотографию:

Далее я создал копию слоя с этой картинкой и при помощи различных фильтров получил такой результат:

Теперь можно приступать к анимации. Для этого необходимо включить шкалу времени и создать анимацию кадра:

Анимация будет выглядеть следующим образом: три секунды будут показана фотография до обработки затем плавный переход из одной фотографии в другую и три секунды будет показана фотография после обработки, затем опять плавный переход к первоначальной фотографии и так по кругу.

Для этого необходимо создать две копии выделенного кадра. Для первого и третьего кадра нужно отключить видимость слоя 1, а для второго отключить слой 0. Установить длительность в 1,5 сек. Для 1 и 3 кадра, а для второго – 3 сек. Должно получиться как на рисунке:

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

Я добавил 10 кадров:

Чем больше кадров, тем длиннее будет переход. Теперь выделим кадры со 2 по 11 и установим время отображения равным 0, т.е. без задержки:

Теперь выделим 12 кадр и снова добавим 10 кадров и установим время отображения для них – 0 сек:

Теперь можно посмотреть, как выглядит наша анимация. Если все получилось как задумано значит можно сохранить анимацию в GIF файл. Для этого нажимаем комбинацию Alt+Shift+Ctrl+S или заходим в меню Файл – Экспортировать – Сохранить для Web:

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

На этом все. Спасибо за внимание! :)