Photoshop动画教程：制作图片循环位移动画效果

说明： 1.本方法由这个教程http://bbs./thread-162743-1-1.html演变而来，感谢原作者及耶菜版主； 2.在本例中移动图片利用先放大画布然后进行裁切的方法，方便可视化操作，并且整个过程进行了详细说明，方便新手； 3.本教程使用PS CS5，以三幅图片为例进行说明 效果： 下面是过程： 在PS中打开相同大小的三幅图片，为使图片不错位，图片大小要一致，当然也可以在打开后修改大小 把图片拉入一个文件，可以按住SHIFT用移动工具，也可以复制粘贴 按住CTRL键，左点两下背景层，解锁“背景层”为“图层0“，然后CTRL+J复制“图层0”为“图层0副本” “图像--画布大小”，打开“画布大小”对话框，因为我们有四个图层，所以把画布宽度放大到四倍，放大后效果如下图所示 转到移动工具，按住SHIFT键，移动各图层图像，使它们看起来紧密地排列在一起，注意排列在最前面与最后面的是同一个图像，这样能保证动画的流畅性（这也是在前面需要复制一个图层的原因） 备注：为了使各图片能很好地连接在一起，在使用移动工具移动各图层图像，要保证“对齐”和“对齐到”都是勾选了的，如下图所示；为了方便后面准确地裁切，我们需要在第一图与第二图之间拉一个参考线（如下面第一图所示） 全选所有图层后（按住SHIFT可以全选当前和上一次选中图层之间的所有图层，按住CTRL键可以加选选中的图层），CTRL+E合并选中的图层 现在转到裁切工具（快捷键C)，如下图所示进行裁切，注意“裁切区域”点选“隐藏”，裁切后的效果如下面第二图所示 “窗口--动画”，调出动画面板，然后点如下面第二图红圈中的图标复制一个桢 转到移动工具，按住SHIFT键拉动图层，如下面第一图所示为拉动过程，最后拉到最后一幅图片与第一幅图片重合，因为两幅图片是同一图像，所以看起来没有变化 点如图所示红圈中图标增加过渡桢，因为要保证每幅图片移动整数桢后刚好完全显示，这样才能不错位，所示这里增加的桢数是移动图片数的整数倍数-1（这里是移动的图片数3*倍数6-1＝17） 最后适当增加每一个图片完全显示的那一桢的时间，完成最后效果如下面最后一图所示