【教程】用Photoshop制作动态图（超详细）
到百度贴吧首页
新闻   网页   贴吧   知道   MP3   图片   视频   百科
    吧内搜索 | 帮助

转贴次数：22

1

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

 一楼喂百度小受

2

写在前面
neconeco少爷拜托某镜制作一个“超——级——详——细”的动态图制作方法，必须一看就懂。于是某镜从早上开始把制作步骤全部截图下来，一直忙到现在也算对得起neco少爷了。

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

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

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

某镜在这里谢谢大家！

以上！

3

终于要开始了
かがみの忧郁 关于动态图片制作的超——详——细——讲座

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

好吧连带着那个图标在下方的桌面还有最大小化关闭的按钮在左边的窗口以及双击标题栏不是最大化而是最小化的设置，请全部无视无视！（用Mac系统用到暴走的某人T__T|||）

4

你确定已经开始了吗？
鉴于使用Windows系统的同学比较多，某人在这里特地霸占了家里的台机拖了个PS。

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

5

Step 0
Step0

前提准备。

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

6

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

7

Step 1
Step1

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

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

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

8

Step 2
Step2

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

9

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

10

Step 3
Step3

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

11

继续 Step 3
然后会弹出如下对话框。

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

背景内容”→“透明”。

12

继续 Step 3
出现新图片。

13

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

14

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

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

15

Step 4
Step4

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

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

16

回复：【教程】用Photoshop制作动态图（超详细）
阿咧 这是哪? (空..)

17

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

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

18

继续 step 4
之后出现两个编辑区域。

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

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

19

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

20

继续 step 4
之后编辑图像的大小。

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

21

Step 5
Step5

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

22

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

23

继续 Step 5
粘贴以后就是这个样子

24

Step 6
Step6

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

25

继续 Step 6
然后会出现如下画面。

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

26

继续 Step 6
然后关闭曾经的打开截图。

27

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

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

首先找到你的截图。在图片上点击“打开方式”→“画图”，使用画图程序编辑。

28

继续，另，windows自带“画图”实现“全选复制粘贴”
弹出画面如下。

29

继续，另，windows自带“画图”实现“全选复制粘贴”
调整图像大小也可使用“画图”程序。
选择“图像”→“拉伸/扭曲”。

30

继续，另，windows自带“画图”实现“全选复制粘贴”
然后可按百分比进行改变大小。
（数学功夫来了，大家需要计算哦。没看出来吗？我那个“256X192”的动态图正是原来截图“640X480”的40％。）

发表回复

标　题:
内　容:
图片/视频链接: (如何贴图/贴视频？)
用户名:
      
©2010 Baidu 贴吧协议  意见反馈