gif头像动画制作以及签名LOGO制作[望置顶]

来源:百度文库 编辑:超级军网 时间:2024/04/27 16:50:17
制作gif的软件:Ulead GIF Animator V5.05


<P>软件下载地址:http://dlb.pchome.net/design/animation/UGA505tbyb_E.exe
汉化:
http://dlb.pchome.net/design/animation/PUleadGIFAnimator.exe</P>
<P>制作眨眼的动画,就需要睁眼和闭眼的图。</P>
<P>实例如下:</P>
<P>请先找到自己喜欢的图片,下面这张是原图(图像高300、宽295)</P>
<P></P>
<P>用PS加工一张闭眼的图。(必须用原图的尺寸)加工后的效果如下图</P>
<P></P>
[此贴子已经被作者于2004-8-28 3:55:40编辑过]
制作gif的软件:Ulead GIF Animator V5.05


<P>软件下载地址:http://dlb.pchome.net/design/animation/UGA505tbyb_E.exe
汉化:
http://dlb.pchome.net/design/animation/PUleadGIFAnimator.exe</P>
<P>制作眨眼的动画,就需要睁眼和闭眼的图。</P>
<P>实例如下:</P>
<P>请先找到自己喜欢的图片,下面这张是原图(图像高300、宽295)</P>
<P></P>
<P>用PS加工一张闭眼的图。(必须用原图的尺寸)加工后的效果如下图</P>
<P></P>
[此贴子已经被作者于2004-8-28 3:55:40编辑过]
<P>下面是制作流程</P>
<P>1.首先先介绍如何绘制闭眼的图片:</P>
<P>流程如下:</P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P></P><P>动画完成如下:</P><P></P>
这样的帖子不顶不是人
<P><b><FONT color=#17c7c7>色彩代码:</FONT></b></P><P><FONT color=#17c7c7></FONT></P><P><FONT color=#555555>色彩代码表</FONT></P><P><FONT color=#555555></FONT></P><P><FONT color=#555555>色彩代码表</FONT></P><P><FONT color=#555555></FONT></P><P><FONT color=#555555>FW(firework)工具详解图 </FONT></P>
<P><FONT color=#333333>最简单的会动的字:</FONT></P><P><FONT color=#333333></FONT></P><P><FONT color=#333333><FONT color=#555555>用FW做的(用PS也是一样的) </FONT></P><P>打开FW,点击文件,打开。 <P>1.打开你要加字的图片 <P>2.点左边工具栏“A” <P><P></P><P>选按CTRL+A,选定图片,点右键--编辑--复制。 </P><P>右边的祯面板的右下角点新建祯,右键--编辑--粘帖。 <P>在点第一祯,写上要写的字。</P><P></P><P><FONT color=#555555>选中字,右键--编辑--复制 </FONT></P><P>右边祯面板点第二祯,右键--编辑---粘帖。 <P>以此类推</P><P></P><P>变换第二祯的字体颜色。 </P><P></P><P><FONT color=#555555>OK,做完。 </FONT></P><P>文件--导出---选择.GIF为结尾的</P><P></P><P>完成图。 </P><P>大家可以根据自己的想像设计出不同的效果。</P><P></P><P><FONT color=#555555>也可以在第一祯里写一半的字,第二祯里写另一半的字,形成另一种效果 </FONT></P></FONT>
<P>下面请各位把这张图:</P><P></P><P>做成这张图</P><P></P>
顶上去,8准沉!!!
<DIV class=quote><B>以下是引用<I>你还爱我么</I>在2004-8-27 16:25:00的发言:</B>
这样的帖子不顶不是人</DIV>
<P>我就不是人,咋的?</P>
好好学习,还布置作业了呢,呵呵
顶啊,高手上课了
厉害啊,楼主 电脑功夫了得,pfpf ~~~
[此贴子已经被作者于2004-8-27 21:10:56编辑过]
<P>得</P><P>哪这么复杂啊</P><P>呼吸小秘书这个软件用过没有啊</P>
<P>不错,提示一个小方法,用Firework也可以做GIF动画。</P><P>此贴发到数码区更好!</P>
高人要是多发这样的帖子我们菜鸟就爽了吼吼吼
我还是习惯用PHOTOSHOP自带的软件来做
同上。偶在学FIREWORK,所以发的帖子也和这有关。
NND,为了赶飞机,只睡了3个钟头,继续补充该帖子!!!
<P>关于动画字幕的创作</P><P>1、首先下载Ulead GIF Animator 5

友立公司出版的动画GIF制作软件,内建的Plugin有许多现成的特效可以立即套用,可将AVI文件转成动画GIF文件,而且还能将动画GIF图片最佳化,能将你放在网页上的动画GIF图档减肥,以便让人能够更快速的浏览网页。

图文处理制作工具。本软件具有使用方便,是一个名符其实的绿色软件。当您运行本软件时,只需单击其中的中文版或者英文版按钮,双语精灵程序就会自动为您生成并打开相应语言版本的PhotoShop7.0程序,而且还会使PhotoShop7.0自动记录您最后使用的语言界面,也就是说,如果您直接打开PhotoShop7.0,PhotoShop7.0会按照您最后使用的语言界面显示,使您使用更便捷。软件的优点: 本程序的最大优点为绿色软件,只有一个文件,不修改原有的任何文件,保持系统及软件的稳定性,还有最重要的就是免费提供给喜爱PhotoShop的人!
下载地址:
<a href="http://sd-http.skycn.net:8181/down/PUleadGIFAnimator.exe" target="_blank" >http://sd-http.skycn.net:8181/down/PUleadGIFAnimator.exe</A>


2、安装,完毕后打开Ulead GIF Animator 5
3、打开后它会询问你是新建还是打开一个文件,这里我们选择打开一个文件(事先要有一个头像图)如下图:</P><P></P><P>4、选择顶部的帧&gt;添加条幅文本,就会弹出一个画面,如下图:</P><P></P><P>5、然后把样本字样改成自己想写的字。
6、用鼠标把字移动到适当的位置。
7、选择特效。选效果一项。(我选择的是进入场景时:水平合并,退出场景时:顶部滚动)
8、保存。选另存为&gt;GIF文件。这样就OK了~
完成图:</P><P></P><P>动态分离式头像制作2</P><P>
1)首先下载Ulead GIF Animator 5(下载地1http://www.yfclub.com/software/down/fo-ga5f.zip
下载地址2(附汉化包)http://202.102.249.231/hanhua/DOWNLOAD/fo-ga5f.zip)
2)安装,完毕后打开Ulead GIF Animator 5
3)打开后它会询问你是新建还是打开一个文件,这里我们选择打开一个文件(事先要有一个头像图)如下图:</P><P></P><P>4)然后点取第一幅图,然后选取顶部的视频F/X,如下图黄色部分:</P><P></P><P>5)选取Star-wipe,选项设定如下图:</P><P></P><P>6)点取第2幅图,如下图:</P><P></P><P>7)再次选取顶部的视频F/X,选取Bar-Slide,选项设定如下:E4
8)后面的图重复以上动作(视频F/X的选项不同)
9)完成图:</P><P>
</P><P>

</P>
[此贴子已经被作者于2004-8-28 4:00:27编辑过]
<P>“傻瓜式”头像  LOGO  特殊文字制作</P><P><FONT color=#0000ff>首先进入在线制作的站点:</FONT><a href="http://www.flamingtext.com/" target="_blank" ><FONT color=#333333>http://www.flamingtext.com/</FONT></A><FONT color=#0000ff>
这里它提供了导航条、按钮、字体和网站标题等许多与网页相关的制作服务。点击上面第一个连接“Headings”,这样就进入了特效文字LOGO的制作页面。
在此页面中,我们可以选择自己喜欢的样式,有动态的,静态的。在页面中间放有各种样式的图例,点击下方“NEXT”可查看更多的样式。在动态效果栏里有火焰、发光、跳跃、回旋等大量的动态文字特效,我今天就选择了火焰效果。
点击“Animations”下的“Fire—Red”连接,按下面的设置。 </FONT></P><P><FONT color=#0000ff></FONT></P><P><FONT color=#0000ff>设计结束后就点击下面的“Create Logo”,等待15秒后,自己设计的动态火焰LOGO图就显示在新打开的网页中,点击它存盘收集吧!
效果图:</FONT></P><P><FONT color=#0000ff></FONT></P>
<P><FONT color=#ff0000 size=2>Photoshop的文字制作
霓虹字 </FONT></P><P>[WARNING! WARNING!] http://www.pconline.com.cn/pcedu/sj/famous/fif/0403/flash/040321glassbutton.swf</P>
<P><FONT color=#ff0000 size=3>火焰字</FONT></P><P><FONT color=#ff0000 size=3>[WARNING! WARNING!] http://www.pconline.com.cn/pcedu/sj/famous/fif/0403/flash/040319fifbutton.swf</FONT></P>
<P>用morpher制作“变脸”动画</P><P>Morpher是一种制作图像变形动画的工具,用户只需要准备两张或两张以上的图片,就可以运用Mprpher制作图像变形动画了。可以轻松实现人物成长过程(从小孩的图片过渡到成人的照片)等物殊效果。整个软件非常小,而且用起来很简单,但制作出来的效果却十分逼真。目前在电子像册、多媒体课件等多种场合有着广泛的应用。 </P><P>  下面我们就来看看如何用Morpher将两张图片制作成一个动画文件;这里我要给你介绍的是Morpher3.1,它是用Java语言编写的,所以你的电脑上至少要安装了Ie4才能使用它。 </P><P>准备工作:小孩和成人的图片,大小一样,都是:宽133,高156,而且是真彩色的,图片的格式可以是BMP、JPG、GIF三种。</P><P>制作一个“变脸”的AVI基本步骤: </P><P>启动Morpher。 现在看到的就是Morpher的界面,看上去挺简单的</P><P></P><P>用Morpher制作电影有个基本步骤,一是准备图片,二是设置变化的关键点,三是勾画轮廓,四是输出。  </P><P>1.准备图片 </P><P>我们先点一下工具栏上的第一个按钮,建立一个文件,屏幕上出现一个设置图像大小的对话窗,这里我们设置新文件的大小和准备好的原始图片大小相同,然后点“OK”。  </P><P>  此时窗口中的画面发生了变化,有红色边线的这边是当前可以编辑的。我们先在1号这边引入小男孩的头像,打开“File”菜单,选择最后一项“Import Image”,在对话框中选择“Boy.bmp”,再点“打开”。现在1号这边就是小男孩。  </P><P>再点2号,打开“File”菜单,选择“Import Image”,这次选择“men.bmp”。现在这两张头像就引入好了,窗口下面显示了图像变化的方向是从小男孩变成大男孩。</P><P></P><P>2.设置关键点和轮廓 </P><P>  接下来我们要设置变化的关键点,然后再把关键点连接起来组成轮廓。对于这两个头像的变化,要考虑,眼睛、鼻子、嘴、头发、脸的轮廓这几个部分的平滑过渡。我们先来画小男孩左眼的关键点,可以先点一下工具栏上的“放大镜”,将图像放大一些。再点一下这个“小笔头”按钮,在眼睛的边缘上双击,鼠标点击的地方会出现一个方形的小点,成人这边的图像的同一位置上也会出现一个方形小点。接着点第二个小点,第三个小点。我们用9个小点描绘出一个眼睛的轮廓。    </P><P>现在看成人这边,关键点的位置显然是不正确的</P><P></P><P>我们要把这些关键点移动到眼睛的周围。用鼠标拖动这些小点到其对应的位置,拖动时要注意小点的顺序,最好不要弄错了,然后调整好小点保证这些小点可以组成眼睛的轮廓。 好,现在左眼的关键点就做好了,将来小男孩左眼会平滑的变成成人的左眼。</P><P>  别忘了,接下来还要把这些关键点连接成轮廓。点一下工具栏上这个画线的笔头,我们先画小男孩这边,用鼠标点一下其中的一个点,按下鼠标的时候,鼠标箭头会变成一个十字形。然后点相邻的小点,此时两点之间便出现了一条细线,同样你会发现成人这边的小点之间也连上了细线。接下来我们再点第三个点,一直转一圈,把所有的点都连接起来。现在两个小孩的左眼的轮廓就勾好了。 </P><P>接着再给鼻子、嘴、头发、脸的轮廓画好关键点,并勾出轮廓</P><P></P><P>现在需要平滑过渡的位置的的轮廓就做好了。 </P><P>3.输出 </P><P>  下面我们要进行最后一步:输出;不过我建议先把做好的这个文件保存一下,点一下工具栏上的小磁盘,屏幕上出现一个对话窗,在“名称”这里另输入一个名字,再点一下“保存”。</P><P>输出比较简单,点一下工具栏上的“电影胶片”按钮,屏幕上出现一个“渲染”的对话窗,上面这一项是产生一个静止的图片,我们选择输出的类型:“Make a movie.”,此时窗口下方出现了一些新的设置,默认的是输出GIF动画,我们选择电影格式“AVI”。旁边这里是渲染的质量,默认的是“中等”质量,这次选择“高质量”,不过处理起来就慢一点,最后点“OK”。</P><P></P><P>接着屏幕上会出现一个保存电影的对话窗,同样先取一个名字,再点“保存”。接下来是设置AVI的格式,上面的这一项是每秒钟播放的帧数,我们将它改为15帧;中间是压缩格式,默认的是Cinepak格式,这根据需要来选择,这里我们就不更改了,这种格式制作出的电影比较清晰,只是大一点。再将下面的压缩质量调到90%</P><P></P><P>最后点“OK”。Morpher开始自动运算</P><P></P><P>等待一会儿,动画文件就渲染成功了。</P>
<P><FONT color=#ff6600 size=2>像素图GIF动画制作(PHOTOSHOP)</FONT></P><P><FONT color=#ff6600 size=2>1. ImageReady 3.0</P><P><FONT color=#ff6600 size=2>ImageReady 3.0 是Photoshop6.0 自带的一个图像处理软件</FONT></P><P><FONT color=#ff6600 size=2>所以在Photoshop(以下简称PS)里画好的图片就可以直接进入ImageReady(以下简称IR)去处理。</FONT></P><P><FONT color=#ff6600 size=2>首先要在PS里将图片画好</FONT></P><P><FONT color=#ff6600 size=2>这次制作的是一个看到了漂亮MM的便便</FONT></P><P><FONT color=#ff6600 size=2>我把便便的眼睛画成了两颗爱心,来表达它对漂亮MM的一见钟情</FONT></P><P><FONT color=#ff6600 size=2>要有心跳的感觉,就要分别画一副小眼睛和一副大眼睛的图</FONT></P><P><FONT color=#ff6600 size=2>先画好小眼睛的</FONT></P><P></P><P>然后选择菜单Windows中的Layers面版</P><P></P><P>在这副图上新建一个层</P><P></P><P>在新建的层上画上大一点的眼睛,遮住原来的小眼睛</P><P></P><P><FONT color=#ff6600 size=2>最后将这个层设置为隐藏</FONT></P><P></P><P>接下来就是GIF动画的制作了,点击工具面板上的Jump to ImageReady键,进入IR的界面。</P><P></P><P>选择菜单Windows中的Animation面版</P><P></P><P>新建一个帧,选择该帧</P><P></P><P>将刚才图片上隐藏的那一层显示</P><P></P><P>点击每一帧的右下角,就可以选择这一帧显示时间的长短,也可以自定义。</P><P></P><P>最后,点击菜单File中Save Optimized As...将图片保存为gif格式。</P><P></P><P>好了,一个简单的GIF动画就制作成了^^</P><P></P></FONT>
<FONT color=#ff6600 size=2>2. Animagic GIF</FONT><P><FONT color=#ff6600 size=2>这个软件是我最早学做GIF图片时用的,操作起来非常简单,比较适合适合初学者使用。</FONT></P><P><FONT color=#ff6600 size=2>首先我们在PS里将刚才画的图片,分别另存为两张眼睛大小不一样的图。</FONT></P><P><FONT color=#ff6600 size=2></FONT></P><P><FONT color=#ff6600 size=2></FONT></P><P><FONT color=#ff6600 size=2>图片 1</FONT></P><P><FONT color=#ff6600 size=2></FONT></P><P><FONT color=#ff6600 size=2>图片 2</FONT></P><P><FONT color=#ff6600 size=2>然后在Animagic GIF中将&lt;图片1&gt;打开,再点击菜单File中的Instert frames...将&lt;图片2&gt;插入</FONT></P><P><FONT color=#ff6600 size=2></FONT></P><P><FONT color=#ff6600 size=2>点击Animation中的Frame rate...调节帧的速度</FONT></P><P><FONT color=#ff6600 size=2></FONT></P><P><FONT color=#ff6600 size=2></FONT></P><P><FONT color=#ff6600 size=2>最后将图片另存就OK了^^</FONT></P><P><FONT color=#ff6600 size=2></FONT></P>
[MOVE]完成任务。。。。。。。。。。目标,浦东机场。。。。。<FONT color=#cc5233><b><EM>GOGOGO</EM></b></FONT><FONT color=#000000>[/MOVE]</FONT>
<P>ding !</P>
好就要顶~~!
<P>楼主利害!我电脑要出了问题就找楼主了!</P>[em05][em05][em05]
<P>有那么累吗????看得头晕~~~~~~~~</P><P>动画是件快乐的事,工具复杂化就少了涂鸦的快乐~~~~~~~</P><P>不过楼主的细心教导的精神很是佩服的~~~~</P>[em07]
楼主真是个好人啊
ADOBE的Imageready也不错,和photoshop结合使用可以直接调用PSD的图层
看楼主写的这么仔细,顶顶[em02]
不知楼主可否帮偶做一个头像签名咧?[em04][em04][em04]
<P>超大成课堂啦,不错!</P>
谢谢大哥啊~~
好帖哇。。。顶!~
<P>借地方,上传一个</P>
<P>还是不会</P>