Зачастую, создание отдельного слоя для каждого кадра кажется утомительным и где-то даже иррациональным подходом. К чему, например, создавать сотню кадров, описывающих поступательное движение объекта, если Фотошоп может взять эту работу на себя?
Создайте анимацию из двух кадров, описывающих начальное и конечное состояния изображения. В нашем примере, второй кадр отличается размером сердца (скрыты все фигуры, кроме «Heart 1»), стилем и положением текстового слоя. Сейчас наша задача - создать плавный переход между этими двумя состояниями...

К сожалению, авто-фрагменты годятся лишь для тех участков, расположение (при перестройке таблицы оно может непредсказуемо измениться) и вид которых нас не слишком волнуют.
Если же параметры авто-фрагмента надо зафиксировать, щёлкните его инструментом Выделение Фрагмента и сконвертируйте в пользовательский фрагмент щелчком на кнопке «Преобразовать» (Promote) на строке Параметров. С другой стороны, при удалении ненужного пользовательского фрагмента Фотошоп может просто-напросто заменить его автоматическим...

К этому моменту мы почти уже готовы сохранить веб-страницу. Однако, стандартные настройки вывода могут нам не подойти. Зайдите в меню «Оптимизация» и вызовите диалог «Настройки вывода» (Output Settings). Если Вы знаете язык HTML, здесь Вы сможете уточнить некоторые параметры HTML кода.
Если же Вы не знакомы с HTML, или Вас попросту не волнует вид кода, зайдите лишь на вкладку «Фон» (Background) и задайте цвет будущей веб-страницы (по умолчанию, он - белый)...

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