在读这个帖子之前，建议你看一下我写的揭穿动画制作谜底>>>动态头像签名档自己做（一），在这个帖子中主要介绍了动画的基本原理，我采取倒推方法，把动画“掰开了、揉碎了”，先让你真正明白动画的基本组成元素，然后再分步学习动画制作方法。

动态头像的制作过程为例详细讲解每个步骤

步骤一
打开PS，从中打开一组准备用来制作动画的图片素材      
 

看看PS中我们要用的工具：工具和图层—— 如果画面中没有，可以从“窗口”下拉菜单中打开
    

步骤二
淘宝头像的要求是：图片尺寸最大120*120像素，文件大小100k以内（支持JPG，GIF）。

现在开始按照要求处理图片
      

        打开图片“图像大小”窗口

        钩选“约束比例”调整的图片，高度或宽度可以满足120像素要求。

        没有钩选“约束比例”调整的图片，高度和宽度可以同时满足要求120像素。

        依次把三张素材图片都处理到120*120像素。

步骤三
       新建一个120*120像素的画面

        结果如下图

把修改好的素材图片添加到新建图片中
       

         用鼠标左键点住要移动的素材图片，拖到新建画面中松开鼠标（如果拖拽失败，用鼠标点一下工具条中的“移动工具”）

 现在要用到“图层”窗口了，留意小眼睛和反蓝选项
       

        新建的120*120像素图片中，现在有3个图片，对应的名称分别是图层1、图层2、图层3。

        有小眼睛的图层是在新建图片中可见的，如图层1和图层3；图层2的小眼睛关闭了，对应的在新建图片中也没有显示。用鼠标点击小眼睛，可开启和关闭小眼睛。

        反蓝的图层是被选择的（用鼠标点击），代表当前活动图层，对应的图片是可以用鼠标移动的——下面马上用到。

调整素材图片在新建图片窗口中的位置
      

         显示并选择图层1，调整好位置；依次再对图层2和图层3进行调整。

         调整后的新建图片如下：

        到此为止，PS的工作就结束了。在揭穿动画制作谜底>>>动态头像签名档自己做（一） 中，我说过动画“其实就是在几幅普通的图片（用Photoshop修改过）中，加上一个动画控制程序（通过ImageReady完成），让几幅图片按照预定顺序和频率反复出现” 

        下面转入“用ImageReady把几幅图片编排起来”，完成动画制作。

步骤四                  
         

 在PS画面中点击如图所示图标，耐心等1分钟就会启动ImageReady程序。
        

        如果打开的画面没有“动画”和“图层”，在窗口下拉菜单中点选“动画”和“图层”。这是我们要用到的工具。工作画面如下：

现在转到“动画”窗口，见下图红箭头，用鼠标点击“复制当前贞”，点一下出现一贞画面，新建图片中包含3幅图片，我们点击鼠标3次，出现3个同样的画面。
       

接下来要让3个画面分别显示不同的3张素材图片，操作步骤如下：
       

        在“动画”窗口选择1贞画面，然后转到“图层”窗口，打开其中一个图层的小眼睛，关闭其它图层，开启状态的图层就显示在当前贞画面中。依次给其它贞画面选择图层结果如下：

完成3贞画面不同显示图层的选择后，再为3贞画面编排显示时间
      

       如上图所示，在每贞画面的下方“0秒”的按钮上点击，就可以编排时间了。你可以先任意选择时间，测试效果不满意还可以回来重新调整。

        给每贞画面都设定好显示时间后，点击图中的“播放”按钮，你可以看到自己制作完成的动画了。要重新调整时间或保存结果，都需要先点击“停止”按钮。你可以分别设定不同显示时间的动画，在“文件”下拉菜单下点“将优化结构存储为”选项分别保存多个动画。

[1] [2] 下一页