制作动态图片.docx

1、制作动态图片首先需要AdobePhotoshop软件一个。在这里以我家台机上的AdobePhotoshopCS3为例。先截好你想要用的图片（无论你用什么播放软件这一步都差不多）。截图必须要有一定的连贯性，这样做出来的图才会流畅。截图的文件名最好使用1,2,3,4,5等等按数字顺序排列，方便后面编辑。打开Photoshop（无论是什么版本的Photoshop使用起来应该都差不多）。之后出现操作界面。这步貌似我不说大家也明白哈。（pia你不是说要尽量的详细吗？）然后点击上方“窗口”按钮，找到“动画”。把动画工具栏调出来之后就可以进行动态图片制作了。点击“文件”“新建”。新建一个图片。然后会弹出如下

2、对话框。图片的宽度和高度根据你所要制作动态图片的截图所定。（这里我输入“256X192”，是我截图之后调整的大小，因为XX相册也不能上传太大的图。）背景内容”“透明”。出现新图片。如果你新建以后出现的是以下格式的操作界面。请更换成上面的那种（怎么说呢？比较方便吧）。更换方法很简单。选择“视图”“屏幕模式”“标准屏模式”即可。然后就可以拿出你截好的原图了。（注意图片大小，太大的图只能留在自己电脑里欣赏，XX相册不让咱传T_T|）然后选择“文件”“打开”找到你事先准备好的截图。将它打开。之后出现两个编辑区域。下方的空白区域是你需要制作动态图的区域，上方的是你打开的截图。（有的时候各图片的窗口会相互

3、重叠，要编辑的区域可能被比较大的图片盖在下面，需要将上方的窗口挪开才能看到。及时挪动，就不会出现错误。）如果截图太大可以调整图片大小。选择“图像”“图像大小”之后编辑图像的大小。我在这里将其改为“256X192”，具体可视情况而定。调整后，在图片处于编辑条件下（就是说标题栏是深蓝色，下方图片标题栏是浅蓝色即不能编辑）按CtrlA全选图片，你会看到图片的边缘出现虚线。然后按CtrlC复制图片。之后转到下面的空白图层。使其在处于编辑的条件下按CtrlV，粘贴图片。粘贴以后就是这个样子然后你会发现下方动画编辑栏里的第一帧出现了你粘贴过去的图片。之后点击下方工具条中“复制所选帧”按钮。（倒数第二个）然

4、后会出现如下画面。你会发现第二帧画面在下方动画编辑栏里出现，和上方图片一样都是第一帧的内容。然后关闭曾经的打开截图。另，如果使用Photoshop复制粘贴不顺手的话（窗口之间互相遮挡的确很烦），可以使用Window自带的“画图”工具。方法很简单。使用画图就不用进行Step4和Step5，直接从Step3接到这里。首先找到你的截图。在图片上点击“打开方式”“画图”，使用画图程序编辑。弹出画面如下。调整图像大小也可使用“画图”程序。选择“图像”“拉伸/扭曲”。然后可按百分比进行改变大小。（数学功夫来了，大家需要计算哦。没看出来吗？我那个“256X192”的动态图正是原来截图“640X480”的40

5、。）改变大小之后就可以进行“全选复制粘贴”过程了。可以仍然使用CtrlA和CtrlC，也可以点击“编辑”找到这两个命令。先“全选”然后“复制”之后同样粘贴到photoshop里。之后仍然同Step6，点击“复制所选帧”的步骤。PS版同step4的“打开”和step5的“全选复制粘贴”一样，画图版如上述，把第二张截图粘贴到上方图片编辑区域（不要粘贴到下方动画编辑区）。之后再次点击“复制所选帧”。由此同样步骤循环，直到你粘贴完最后一张图片。步骤千万别错了，否则就不能很好的显示动态的画面。因此正如上面要求，截图的文件名最好是1,2,3,4,5等等的数字排列，防止错乱。我用了16张截图，此时下方出现的

6、是16帧。当第16帧粘贴完成后就不用按“复制到所选帧”了。此时画面显示的全部都是最后一帧的图像。“复制到所选帧”这一步可以不用急着做，可以全部图片都复制-粘贴完了之后，一次性做完，有多少帧直接复制成多少张就行了。这样做的时候思路会清楚一点个人感觉为了使每张截图都能按顺序显示出来，需要将图层按标号顺序显示，同时隐藏不需要的图层。例如，第一帧显示图层1，隐藏图层2,3,4,5.16。同样，第二帧显示图层2，隐藏图层1,3,4,516。依次类推，最后一帧显示最后一个图层，隐藏图层1,2,315。显示和隐藏的编辑在右侧，点击图层左边的小眼睛它就可以显示，抹掉小眼睛它就隐藏了。注意一定要仔细检查，如果图

7、层显示或隐藏错乱，动态图像会变得很奇怪。当所有的帧都只显示它所表示数字的图层时，动画编辑区域的每一帧画面就都不同了。从第一帧开始依次插入时间。在每一帧图片的下方都显示着“o秒”，点击右侧的黑色倒三角可以出现时间选择。根据你的个人喜好和图像连贯水平，点击“其它”，可以自定义。此处我使用的是自定义的0.3秒。全部自定义完成后，所有的时间均显示0.3秒。最后点击下方的“播放”既可以预览你的成果了。如果不满意可以及时编辑。如果满意了就可以保存了。保存。选择“文件”“存储为web和设备所用格式”。之后选择文件格式。选择你要存储图片的文件夹，点击确定即可。或许会出现一下情况。无视它，点击确定即可于是你的动态图完成了。另，如果使用Photoshop不顺手，用AbodeImageready同样可以编辑。使用方法大致相同。在这里我就不说了。自己去找吧，XX上搜一下就能找到下载的。如下。