甲膀腺高有什么危害:【教程】用Photoshop制作动态图（超详细）

【教程】用Photoshop制作动态图（超详细） 

好不容易弄成了这样，决定贴出来给大家共享。

某镜也是新手，可能有很多步骤麻烦或者做得不好，希望各位大神指点帮忙。

PS. 由于是教程，为防止影响教学效果，希望大家不要插楼！！！（至少别带图插楼！）
预计共有45楼左右（好多。喂，不是要做到“超——级——详－—细”吗？）

 关于动态图片制作的超——详——细——讲座

首先说的是我的系统是苹果的Mac OS X，Mac的东西都比较囧。
Mac版的Adobe Photoshop CS 

鉴于使用Windows系统的同学比较多，某人在这里特地霸占了家里的台机拖了个PS。

正式开始。首先需要Adobe Photoshop软件一个。
在这里以我家台机上的Adobe Photoshop CS3为例。

Step0

前提准备。

先截好你想要用的图片（无论你用什么播放软件这一步都差不多）。截图必须要有一定的连贯性，这样做出来的图才会流畅。
这里以我制作的桂图为例。

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

Step1

打开Photoshop（无论是什么版本的Photoshop使用起来应该都差不多）。
之后出现操作界面。

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

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

Step2

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

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

Step3

点击“文件”→“新建”。新建一个图片。

然后会弹出如下对话框。

图片的宽度和高度根据你所要制作动态图片的截图所定。
（这里我输入“256X192”，是我截图之后调整的大小，因为百度相册也不能上传太大的图。）

背景内容”→“透明”。

出现新图片。

如果你新建以后出现的是以下格式的操作界面。
请更换成上面的那种（怎么说呢？比较方便吧）。

哎呀我的妈呀，那图怎么截得那么大？
失策失策。估计会有亲看不见图了。
对不住了。看不见就到我相册里看吧。
m(__)m

更换方法很简单。
选择“视图”→“屏幕模式”→“标准屏模式”即可。

Step4

然后就可以拿出你截好的原图了。
（注意图片大小，太大的图只能留在自己电脑里欣赏，百度相册不让咱传T__T|||）

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

阿咧 这是哪? (空..)

找到你事先准备好的截图。将它打开。

估计这张图也截大了，抱歉抱歉。
m(___)m

之后出现两个编辑区域。

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

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

如果截图太大可以调整图片大小。
选择“图像” →“图像大小”

之后编辑图像的大小。

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

Step5

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

之后转到下面的空白图层。
使其在处于编辑的条件下按Ctrl＋V，粘贴图片。

粘贴以后就是这个样子

Step6

然后你会发现下方动画编辑栏里的第一帧出现了你粘贴过去的图片。
之后点击下方工具条中“复制所选帧”按钮。（倒数第二个）

然后会出现如下画面。

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

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

另，如果使用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。

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

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

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

Step8

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

根据你的个人喜好和图像连贯水平，点击“其它”，可以自定义。
此处我使用的是自定义的0.3秒。

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

最后点击下方的“播放”既可以预览你的成果了。
如果不满意可以及时编辑。如果满意了就可以保存了。

Step9

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

之后选择文件格式。

选择你要存储图片的文件夹，点击确定即可。
或许会出现一下情况。无视它，点击确定即可。

Step10

于是你的动态图完成了。

另，如果使用Photoshop不顺手，用Abode Imageready同样可以编辑。
使用方法大致相同。在这里我就不说了。自己去找吧，百度上搜一下就能找到下载的。
如下。

我讲完了。大家学会了吗？
（请说你会了吧，哭～ 为了安慰忙活了一上午的我，请说你会了。）

当然如果不会请告诉我（我会改进的。哭～

如果哪位大神有更好的方法请指点。

某镜飘走～～

另，有的图的确截得太大了，可能会有亲看不见。所以，抱歉了。
可以到我的百度相册去看。。。