查看完整版本: GIF格式的动画制作教程

ranwei198588 2007-11-16 01:20

GIF格式的动画制作教程

[size=2][color=#ff0000]ONE~~~Ulead GIF Animator 5 简单GIF制作
[/color]GIF制作之初级篇
1.先[/size][url=http://blog.xunlei.com/web/category.html?uin=380986568&category_id=45&cid=A49C88BF166B4E9A692B971560A77FC0111A0790#][color=#000033][size=2]下载Ulead GIF Animator 5Ulead GIF Animator V5.05汉化版[/size][/color][/url][size=2] 软件大小: 5.06M
软件类别: 国产软件 / 共享版 / 动画制作
应用平台: Win9x/NT/2000/XP
软件介绍:友立公司出版的动画GIF制作软件,内建的Plugin有许多现成的特效可以立即套用,可将AVI文件转成动画GIF文件,而且还能将动画GIF图片最佳化,能将你放在网页上的动画GIF图档减肥,以便让人能够更快速的浏览网页。
2.之后就是安装,完毕后打开Ulead GIF Animator 5
3.然后点打开文件。。打开的文件就是头像拉~~当然事先要有头头~~~活活
这个[/size]
[size=2][/size]

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444115141105.gif[/img]

4.点最上面的帧-->添加Banner文字,然后就会出现以下的窗口

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444115316363.gif[/img]

5.把样本字样改成自己想写的字。(包括名字)注意:打汉字时要调一下字体
6.用鼠标把字移动到自己喜欢的位置。(活活)
7.然后点效果这个标签(自己选喜欢的吧~~~~~)
8.文件->另存为->GIF文件
然后么~~~~~看吧
这就是完成的图图~~

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/20044411547961.gif[/img]

GIF制作之中级篇
首先找几张自己喜欢的图图~~4~5张吧

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444115727887.gif[/img]

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444115738766.gif[/img]

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444115749888.gif[/img]

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/20044411580955.gif[/img]

1.打开Ulead GIF Animator 5
2.选择动画向导然后把画布大小设置为100X100(和你所有的图片一样大,偶的是头头所以100)按下一步->点添加图象把你要的图图都放进去按下一步->再按下一步->在最底端看见自己所选的图图了吧

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444115933302.jpg[/img]

3.然后点取第一幅图,然后选取顶部的视频F/X

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/20044412016430.jpg[/img]

4.选取星形-擦拭,选项设定如下图:

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/20044412116586.jpg[/img]

按确定
5.选本来的第2帧~也就是现在的12帧,见下图:

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/20044412222543.jpg[/img]

6.重复上面的直至所有的图片都有特效了(特效可以选自己喜欢的)
7.复制第一帧,并且把它拖放到最后一帧,再做一次上面的动作.
8.文件->另存为->GIF文件
完成图:

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/20044412313207.gif[/img]

GIF制作之高级篇
这次教的是眨眼:
先找张好图~~恩就这张

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/20044412747810.gif[/img]

1.还是先打开Ulead GIF Animator 5,并打开要做头头的图(100X100)
2.先在最右边的对象上单击右键复制对象

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/20044412833650.jpg[/img]

3.然后最下边的帧上单击右键复制帧

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444121039278.jpg[/img]

4.先点第1帧,然后把右边第2张对象右边的眼睛点掉

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444121128405.jpg[/img]

5.点第2帧,把第1张对象的右边的眼睛点掉~~~~
6.点第2个对象,使用颜色拾取器,吸取眼睛周围的颜色.用画笔工具图掉眼睛,并留下下面的眼睫

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444121252141.jpg[/img]

7.完成后把第1帧时间设置为1/秒,第2帧设置为0.2/秒
8.文件->另存为->GIF文件
完成图:

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444121345390.gif[/img]

TWO~~~眨眼睛GIF教程之PHOTOSHOP篇
工具
主要工具的PHOTOSHOP 6`0 或以上,本人爱用7`0
版本之间区别不大,各位不用担心```
动画原理
PHOTO SHOP制作的GIF原理和别的动画工具不同,是依靠图片祯之间的抖动来形成动画的。
PHOTOSHOP 工具介绍
介绍一下PHOTOSHOP主要工具的使用方法```````右下角有三角的工具用鼠标点住不动可以弹出别的工具
一些基本的东西偶就不写

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444123036556.jpg[/img]

1,选框工具,选中的部分可以编辑``````不影响没有选中的部分
2,移动工具,点住目标,移动,到想要的位置松开
3,索套工具``,和选框工具作用一样,可以作出比较精细的选区
4,魔术棒工具````点图象的某部分可以自动选中颜色相似的部分`在工具栏下方的“容差”可以调整选取范围
5,笔刷工具,粗细,笔触,流量都可以随意调整
6,油漆桶工具,填色用,记得要在封闭图形内```````否则`````会涂出去`````
7,路径工具`````PHOTOSHOP的精髓```使用方法复杂```略过`
8,把当前图片导入IMAGE READY,做动画了`````
实例教程~~~做会眨眼睛的小森 = =```````````RY``````
首先打开原图

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444123131215.jpg[/img]

因为要眼睛动,所以先要把脸先提取出来````````
Ctrl+空格=放大镜的快捷键,放大后好处理``````
用索套工具可以选出精细部位,比如眼睛(看图中左上,地了这个才能建立两个分离的选区```)
Ctrl+A=全选,把当前画面全部选取
Ctrl+C=复制````````
Ctrl+V=粘贴``````这些命令都可以在编辑中找到

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444123315805.jpg[/img]

用取色工具吸取脸部颜色,用画笔把眼睛部分遮盖(之前记得把全图复制一下)
用笔刷把眼睛给涂了

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/20044412335858.jpg[/img]

无眼林森完成

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444123456672.jpg[/img]

考虑好动画要有几个画面构成
眨眼只有两个画面,睁和闭,想眨几次,就复制几个
把无眼林森画上闭着的眼睛
在图层面板里,拖住某图层到圆圈处松开,就可复制该层

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/20044412354243.jpg[/img]

之后在贴几个睁眼的图层
在图层面板可一调整图层上下关系
下面讲解一下PHOTOSHOP的图层概念
上面的会挡住下面的
对这个图层操作时别的图层不会受影响
下图中,圈中的眼睛符号代表该图层可见,可操作,再单击一下为隐藏该层,不可见,不可操作,要改回来再单击就好``
圈中的笔代表正在操作该图层,想操作别的图层单击一下别的图层就好了

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/20044412364487.jpg[/img]

好了,调整好顺序
单击工具箱最下面哪个按钮,直接进入IMAGE READY


[img]http://oldbbs.52samsung.com/UploadFile/2004-4/20044412374995.jpg[/img]

IMAGE READY
画面中央的面板就是动画祯面板了,单击小圆圈中的图标,可以复制当前祯
现在第一个画面是图象的最上面的图层
复制一个,把图层面板中第一个图层隐藏(点那个眼睛),这样第二祯就是第二个图层了```````
这样,在复制一个``再把第而个图层隐藏`````````一直到只剩最后一个图层

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444123835127.jpg[/img]

如图`````````在箭头所指的地方是该祯停留秒数```````点一下可以调整```每祯都可以

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444123932506.jpg[/img]

弄好后,Ctrl+Alt+S储存为GIF格式`````(或者如图中那样在菜单中储存````)
(PS:小圆圈中是播放```忘记说了)

[img]http://oldbbs.52samsung.com/UploadFile/2004-4/200444124019428.jpg[/img]

bobo315 2007-11-16 08:15

不错哦!

myhenyou 2007-11-16 23:07

的确是好贴!

wild_boy 2008-3-30 02:21

学习下。即将用到这玩意。:handshake

zhudou123 2008-4-20 19:15

我也是用这个软件来做的...不过做得挺简单

aliload 2008-8-16 17:19

最顶的用的不是PS 也不是IM用是什么软件啊!!!

tengziwei 2008-10-30 22:49

不错,学习学习!!!
页: [1]
查看完整版本: GIF格式的动画制作教程