*制作移动动画 （ps教程）

图片

前几天撰写了两篇教程，探讨“轮播动画”的制作方法。本篇教程，重在探讨“移动动画”的制作方法，与朋友们共享。移动动画的制作方法如下：1、打开ps软件。2、执行菜单栏“文件”

图片

“打开”命令。在电脑硬盘中找到要应用的图片素材（最好是PNG格式的图片），双击打开。图片规格为：200*461。按比例缩小后的图像效果如下：

图片

3、执行菜单栏“文件”

图片

“打开”命令。在电脑硬盘中找到要应用的另一幅图片素材（风景图），双击打开。图片规格为：600*461。按比例缩小的图像效果如下：

图片

4、选择工具栏的“移动工具”，将美女图片拖动到风景图片中。5、切换到美女图片窗口，执行菜单栏“编辑”

图片

“变换”

图片

“水平翻转”命令。将美女图片“水平翻转”以后，再用“移动工具”拖动到风景图片中。按比例缩小后的图像效果如下：

图片

6、执行菜单栏“视图”

图片

“标尺”命令，调出“标尺”。7、执行菜单栏“视图”

图片

“新建参考线”命令3次。新建3条“垂直参考线”。8、选择工具栏的移动工具，将一条“垂直参考线”拖动到图片正中央，另外的两条“垂直参考线”备用。9、执行菜单栏“窗口”

图片

“时间轴”命令。此时，“时间轴”面板中已创建了一幅“帧”。点击帧下方的“0秒”，在下拉菜单中选择“0.2”。点击“时间轴”面板下方右起第二个图标：“复制所选帧”四次，此时，“时间轴”面板中显示出五幅“帧”。效果如下：

图片

10、修改“帧”：选择第一帧，点击“图层2”，将左边的美女拖动到风景图外面；点击“图层1”，将右边的美女拖动到风景图外面。（要记住欧！“图层2”是控制左边的美女的， 胃寒吃什么好“图层1”是控制右边的美女的。在下面的步骤中，我就不再赘述啦。）用“移动工具”分别将两条参考线拖动到距离风景图片左、右边线一厘米处。选择第二帧，然后分别将美女拖动回来，与两条参考线对齐。按比例缩小后的图像效果如下：

图片

11、选择第三帧。将两条参考线都向中间移动一厘米，将美女也都向中间移动，与参考线对齐。12、选择第四帧。将两条参考线都向中间移动一厘米，将美女也都向中间移动，与参考线对齐。13、选择第五帧。将美女都拖动到与中间的参考线相接。并把第五帧的显示时间修改为：2秒。按比例缩小后的图像效果如下：

图片

14、执行菜单栏“视图”

图片

“清除参考线”命令。15、点击“播放”按钮测试效果（“播放”按钮就是“永远”一栏向右的那个小三角形图标。）。16、保存图像：执行菜单栏的文件“存储为Web所用格式…” 。在弹出的方框下方点击“存储…”。 在又一次弹出的方框中输入文件名（例如：轮播动画.gif），“格式”选择为：“仅限图像”，选择保存的地方（例如：桌面），产品展示点击“保存”按钮。 在又一次弹出的方框中输入文件名（例如：轮播动画.gif），“格式”选择为：“仅限图像”，选择保存的地方（例如：桌面），点击“保存”按钮。效果如下：

图片

还可以继续编辑，修改为另一种效果欧！1、选择第四帧，点击“时间轴”面板中的“菜单”按钮（“时间轴”面板最右面的那个图标：一个小三角形与四条短横线的图标。），点击“拷贝单帧”。点击“时间轴”面板中的“菜单”按钮，点击“黏贴单帧”，点击“确定”按钮。将刚刚添加的帧（用白色方框框住的那幅帧）拖动到最右面。2、选择第三帧，点击“时间轴”面板中的“菜单”按钮（“时间轴”面板最右面的那个图标：一个小三角形与四条短横线的图标。），点击“拷贝单帧”。点击“时间轴”面板中的“菜单”按钮，点击“黏贴单帧”，点击“确定”按钮。将刚刚添加的帧（用白色方框框住的那幅帧）拖动到最右面。3、选择第二帧，点击“时间轴”面板中的“菜单”按钮（“时间轴”面板最右面的那个图标：一个小三角形与四条短横线的图标。），点击“拷贝单帧”。点击“时间轴”面板中的“菜单”按钮，点击“黏贴单帧”，点击“确定”按钮。将刚刚添加的帧（用白色方框框住的那幅帧）拖动到最右面。4、将第一帧的显示时间修改为2秒。效果如下：

图片

讲到这里，也许有些朋友们会提问啦，移动动画与轮播动画有何区别呀？差不多吧？你说对啦，“差不多”就是有区别呀。移动动画，在制作过程中，不需要把要移动的图像素材合并为一幅图像，不需要裁剪，不需要添加过渡帧。“移动动画”的制作比“轮播动画”简单多啦。“移动动画”与“轮播动画”的显示效果也是有区别的。“移动动画”是将你创建的各幅帧直接进行变换，而“轮播动画”有各幅“关键帧”之间的过渡过程。如果你还有点儿不明白，就细致地观察一下它们的显示效果，比较一下它们的制作方法吧。

图片

“春天没来”编撰2016年1月21日于北京