Photoshop CS5
【1】运行Photoshop CS5，“文件”-“打开”-“图片”。【2】Crtl+R调出标尺，添加辅助线规划图片。【3】利用“矩形工具”绘制出需要分块的“矩形路径”①、②、③、④、⑤。（本教程需分5块）注：图片可以分成矩形、圆形、不规则图形等，根据实际情况而定。
【1】清除参考线。（视图-清楚参考线）【2】点击选择“第①块”拼图的“矩形路径”-右键“建立选区”。【3】“背景图层”下，“Crtl+J”生产一块拼图，②、③、④、⑤拼图按本步骤生成。（注，每块拼图必须在背景图层下Crtl+J才能生成）
【1】“双击”解锁背景图层。【2】选择所以“矩形路径”-“建立选区”。【3】形成拼图缺块：“背景图层”下，按“Delete”删除选区中图层。
【1】“图像”-“画布大小”，调整一下画布大小，因为我们做的动态拼图因原图太小无法展开动作。【2】开始编辑图片，将①、②、③、④、⑤拼图移动布置好。（可以添加辅助线上下左右移动布置拼图。）【3】使用“裁剪工具”，把画布裁剪刚好合适拼图大小。
【1】“窗口”-“动画”。
【1】选中“第1帧”【2】图层：第①拼图【3】按住“Shift”下移第①拼图
选中“第1帧”，点击复制一帧。
【1】选中“第2帧”。【2】图层：第②拼图。【3】按住“Shift”下移第②拼图。
第3、4、5帧动态动画，根据上面步骤完成。
修改第1至5帧的滚动时间。（“0”代表无延迟）
【1】选择“文件”-“储存为Web和设备所有格式”。（快捷键：Ctrl+Shift+Alt+S）【2】图片格式：选择'GIF'格式。【3】循环模式：选择“永远”。【4】点击“储存'。
最终动态拼图效果：
如果大家对以上内容满意：请为小编点击【投票】并【有得】，如果还有什么意见请点击【我有疑问】发表。劳烦大家支持！！希望大家多多支持！！
保存打不开的小伙伴们，请修改打开方式。
请大家注意每个步骤的细节。