Установите Линейки следующим образом (разделите на четыре равные части).Чтобы сделать этот инструмент активным нажмите CTRL+R или View > Rulers (Просмотр - Линейки)

Затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой.То же самое можно сделать Layer > New > Layer via Copy (Слой - Новый - скопировать на новый слой).Теперь вернитесь к основному изображению и проделайте то же самое с каждым квадратом. В конце просто удалите слой с картинкой.

Обводка:

Затем нажмите Ctrl+T или Edit > Free Transform (Редактирование - свободная трансформация) и примените данный инструмент к каждому кусочку. Разверните их каким-нибудь уникальным образом.

Нажмите Shift+Ctrl+M чтобы переслать данные в ImageReady. Там также как в Фотошоп будет рабочее окно, но кроме этого вы увидите еще полоску для кадров. Это для тех у кого фотошоп CS2.
Я работаю в фотошопе CS3, там по другому, в нем анимация встроена, поэтому в этой версии мы просто выбираем Окно-Анимация. Принцип работы одинаковый.

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

Потом постепенно выдвигаем его больше и больше и у нас получится вот так

Проделываем это с каждым кусочком.
Когда у вас все будет готово, зайдите в меню File > Save Optimized As... (Файл - Сохранить оптимизированный как...)