应要求而作，动画小教程，图文并茂地教你『让背景动起来』

羽er紫陌纤尘 · 发表于 2009-6-15 00:47:17

初作教程，粗糙之处不许笑

首先，先贴上效果图

喜欢这效果么？那就往下看吧

首先是做背景图，我个人比较喜欢做飞天上的，比较简单嘛

FC的云海风景就是不错的选择

剪切个远山图，图中突兀的地方用修补等工具抹掉

复制图层两次，拖移，拼合成一幅

复制，拼图的目的呢，其实是为了营造出同个图中有两处完全相同的风景

自此，背景图做好了，保存。
接下来是做美化图，因为人物的名字位置也是不变的，所以在这里也一并做上去，做好后保存成PNG格式的图片。

准备工作都做好了，开始做动图。打开GIF软件，先打开美化图，再导入背景图（保证做出来的动图尺寸大小同美化图）

复制相同桢，第1桢，背景图左对齐，第2桢，背景图右对齐，稍作调整，让背景图的两个相同风景的地方分别在第1、2桢中显示出来。

按Shift键选中这两桢，插入过渡桢（红线圈出的那个图标）。这里我插入的是18桢，因为葫芦的WAS资源动画桢数是10，18+2，正好是10的倍数。

背景的移动就此制作完毕，先预览下效果吧

往这移动的背景上添加人物，这我就不多赘述了，会做动染的同学都会。

在做过渡桢前的调整，如果左右对齐的顺序相反，可以做飞向另一方向的效果。

写完了

不清楚的同学可以回帖子询问

[ 本帖最后由羽ル紫陌纤尘于 2009-6-17 18:20 编辑 ]

羽er紫陌纤尘 · 发表于 2009-6-15 00:52:15

很郁闷地发现，我不能发附件~~ 只得一一传到WY博客相册再转过来……然后这发完了我又发现更郁闷的事——后面3张GIF图居然没动

吐血。。。

元原 · 发表于 2009-6-15 01:28:07

LZ辛苦了

学习学习

泪ル潸然而下 · 发表于 2009-6-15 04:14:35

我很笨

冲动的龙龙 · 发表于 2009-6-15 04:23:58

超赞的

幽忧淑琴 · 发表于 2009-6-15 07:34:29

效果挺不错的

幽忧淑琴 · 发表于 2009-6-15 07:54:36

博客相册是不能动的吧

还是再转转转到网易相册就能动了

羽er紫陌纤尘 · 发表于 2009-6-15 11:01:49

沉了…自己捞起来

黑妹野菊花 · 发表于 2009-6-15 11:23:54

·好东西啊顶了·

羽er紫陌纤尘 · 发表于 2009-6-15 11:37:54

图区好冷清

春天的馒头 · 发表于 2009-6-15 11:58:12

让我来教作业吧

开始看教程
教不上别打我啊

春天的馒头 · 发表于 2009-6-15 12:32:33

1018003 · 发表于 2009-6-15 12:47:01

顶个貌似我还不会作图

馒头学的好快、

图片动的也好快啊

＇&蒂法/）’ · 发表于 2009-6-15 13:35:53

好漂亮啊

~~弱弱地问下，那个demo里面的莲花一样的背景是笔刷嘛

、、

也好漂亮

羽er紫陌纤尘 · 发表于 2009-6-15 14:20:25

回14楼，那花是笔刷，然后又用普通笔刷刷了两下。
馒头很好学呢

谢谢馒头捧场，不过我现在是手机上网，看不到图

[图文] 应要求而作，动画小教程，图文并茂地教你『让背景动起来』