制作动态图片.docx

制作动态图片.docx

《制作动态图片.docx》由会员分享，可在线阅读，更多相关《制作动态图片.docx（24页珍藏版）》请在冰豆网上搜索。

制作动态图片

首先需要Adobe Photoshop软件一个。

在这里以我家台机上的Adobe Photoshop CS3为例。

先截好你想要用的图片（无论你用什么播放软件这一步都差不多）。

截图必须要有一定的连贯性，这样做出来的图才会流畅。

截图的文件名最好使用1,2,3,4,5等等按数字顺序排列，方便后面编辑。

打开Photoshop（无论是什么版本的Photoshop使用起来应该都差不多）。

之后出现操作界面。

这步貌似我不说大家也明白哈。

（pia～你不是说要尽——量——的详细吗？

）

然后点击上方“窗口”按钮，找到“动画”。

把动画工具栏调出来之后就可以进行动态图片制作了。

点击“文件”→“新建”。

新建一个图片。

然后会弹出如下对话框。

图片的宽度和高度根据你所要制作动态图片的截图所定。

（这里我输入“256X192”，是我截图之后调整的大小，因为XX相册也不能上传太大的图。

） 

背景内容”→“透明”。

出现新图片。

如果你新建以后出现的是以下格式的操作界面。

请更换成上面的那种（怎么说呢？

比较方便吧）。

更换方法很简单。

选择“视图”→“屏幕模式”→“标准屏模式”即可。

然后就可以拿出你截好的原图了。

（注意图片大小，太大的图只能留在自己电脑里欣赏，XX相册不让咱传T__T|||） 

然后选择“文件”→“打开”

找到你事先准备好的截图。

将它打开。

之后出现两个编辑区域。

下方的空白区域是你需要制作动态图的区域，上方的是你打开的截图。

（有的时候各图片的窗口会相互重叠，要编辑的区域可能被比较大的图片盖在下面，需要将上方的窗口挪开才能看到。

及时挪动，就不会出现错误。

）

如果截图太大可以调整图片大小。

选择“图像” →“图像大小”

之后编辑图像的大小。

我在这里将其改为“256X192”，具体可视情况而定。

调整后，在图片处于编辑条件下（就是说标题栏是深蓝色，下方图片标题栏是浅蓝色即不能编辑）按Ctrl＋A全选图片，你会看到图片的边缘出现虚线。

然后按Ctrl＋C复制图片。

之后转到下面的空白图层。

使其在处于编辑的条件下按Ctrl＋V，粘贴图片。

粘贴以后就是这个样子

然后你会发现下方动画编辑栏里的第一帧出现了你粘贴过去的图片。

之后点击下方工具条中“复制所选帧”按钮。

（倒数第二个）

然后会出现如下画面。

你会发现第二帧画面在下方动画编辑栏里出现，和上方图片一样都是第一帧的内容。

然后关闭曾经的打开截图。

另，如果使用Photoshop复制粘贴不顺手的话（窗口之间互相遮挡的确很烦），可以使用Window自带的“画图”工具。

方法很简单。

使用画图就不用进行Step4和Step5，直接从Step3接到这里。

首先找到你的截图。

在图片上点击“打开方式”→“画图”，使用画图程序编辑。

弹出画面如下。

调整图像大小也可使用“画图”程序。

选择“图像”→“拉伸/扭曲”。

然后可按百分比进行改变大小。

（数学功夫来了，大家需要计算哦。

没看出来吗？

我那个“256X192”的动态图正是原来截图“640X480”的40％。

）

改变大小之后就可以进行“全选复制粘贴”过程了。

可以仍然使用Ctrl＋A和Ctrl＋C，也可以点击“编辑”找到这两个命令。

先“全选”

然后“复制”

之后同样粘贴到photoshop里。

之后仍然同Step6，点击“复制所选帧”的步骤。

PS版同step4的“打开”和step5的“全选→复制→粘贴”一样，画图版如上述，把第二张截图粘贴到上方图片编辑区域（不要粘贴到下方动画编辑区）。

之后再次点击“复制所选帧”。

由此同样步骤循环，直到你粘贴完最后一张图片。

步骤千万别错了，否则就不能很好的显示动态的画面。

因此正如上面要求，截图的文件名最好是1,2,3,4,5等等的数字排列，防止错乱。

我用了16张截图，此时下方出现的是16帧。

当第16帧粘贴完成后就不用按“复制到所选帧”了。

此时画面显示的全部都是最后一帧的图像。

“复制到所选帧”这一步可以不用急着做，可以全部图片都复制-粘贴完了之后，一次性做完，有多少帧直接复制成多少张就行了。

这样做的时候思路会清楚一点···个人感觉···

为了使每张截图都能按顺序显示出来，需要将图层按标号顺序显示，同时隐藏不需要的图层。

例如，第一帧显示图层1，隐藏图层2,3,4,5….16。

同样，第二帧显示图层2，隐藏图层1,3,4,5…16。

依次类推，最后一帧显示最后一个图层，隐藏图层1,2,3…15。

显示和隐藏的编辑在右侧，点击图层左边的小眼睛它就可以显示，抹掉小眼睛它就隐藏了。

注意一定要仔细检查，如果图层显示或隐藏错乱，动态图像会变得很奇怪。

当所有的帧都只显示它所表示数字的图层时，动画编辑区域的每一帧画面就都不同了。

从第一帧开始依次插入时间。

在每一帧图片的下方都显示着“o秒”，点击右侧的黑色倒三角可以出现时间选择。

根据你的个人喜好和图像连贯水平，点击“其它”，可以自定义。

此处我使用的是自定义的0.3秒。

全部自定义完成后，所有的时间均显示0.3秒。

最后点击下方的“播放”既可以预览你的成果了。

如果不满意可以及时编辑。

如果满意了就可以保存了。

保存。

选择“文件” →“存储为web和设备所用格式”。

之后选择文件格式。

选择你要存储图片的文件夹，点击确定即可。

或许会出现一下情况。

无视它，点击确定即可

于是你的动态图完成了。

另，如果使用Photoshop不顺手，用Abode Imageready同样可以编辑。

使用方法大致相同。

在这里我就不说了。

自己去找吧，XX上搜一下就能找到下载的。

如下。