Этот урок фотошопа по анимации будет полезен всем начинающим.После выполнения этого урока фотошоп Вы без труда сможете делать баннеры и логотипы для сайтов.

Результат будет такой:

Откройте выбранное изображение.
Создайте новый документ размером 350*350px.
Перетащите свое изображение на новый документ, и трансформируйте (Ctrl+T) его ,чтобы оно было меньше документа примерно так:

Залейте нижний слой белой заливкой.

Теперь включите Линейки CTRL+R или View > Rulers (Просмотр - Линейки) и инструмент Прямоугольная область и создайте выделение вокруг левой нижней части картинки.
Потом нажмите Ctrl+J, чтобы скопировать выделение на новый слой.
То же самое можно сделать Layer > New > Layer via Copy (Слой - Новый - скопировать на новый слой)

Теперь вернитесь на слой к основному изображению и проделайте то же самое с каждым квадратом. В конце просто удалите слой с картинкой.

Теперь нужно каждому кусочку придать стили, откройте их Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения)
Выставляете одному кусочку дальше просто Правая мышки - копировать стили, Вклеить стили.
Установите такие параметры:

Получится примерно так:

Дальше используя трансформацию (Ctrl+T),немного передвиньте их:

Теперь оставьте видимым только один кусочек(слой) на фоне

И откроеи Окно - Анимация.
В рабочем окне перетащите картинку в верхний правый угол таким образом, чтобы остался видимым только маленький уголок.
Затем нажмите на кнопку Duplicates current frame (Создать дубликат текущего кадра), которая находится в окне с кадрами.
После чего перетащите картинку в рабочем окне снова на положенное место.

Выделите первый кадр и нажмите на кнопку Добавить промежуточные кадры (Tween).

В окне Tween установите такие настройки:

После ДА Ваших кадров станет сразу много . Если нажать на кнопку Play (Воспроизвести), то получится вот так:

Далее на последнем кадре делаем видимым еще один слой в палитре и проделываем те же действия. Так с каждым кусочком.

Когда у вас все будет готово, зайдите в меню Файл-Сохранить для Web...(File - Save Optimized As...)
Сохранять нужно в формате gif.
Готово!

Удачи!
Автор:En-Studio.ru