用PS同UGA5结合做移动光束
[这个贴子最后由 心情日记 在 2003/08/21 03:31pm 进行第 1 次编辑]
一,备用文件;
1,当然是选择好你想要的图片,打开PS稍为修一下到你想要的背景图啦,如上图1;
2,新建一文件,(选择透明背景,这样转到UGA里就是无背景的了),画一细长柜形,填充白色(如上图2),选择透明度为50%(如上图3),具体的按自己想要的效果就行了咯,多动手试一下哈~;
PS:这里柜形的大小,长度可以不管,到UGA里可以调节。当然你若是调好尺寸也行哈(偶对数字没概念的说~)
3,把光束文件存成PS格式文件,完成第一步。
二,打开UGA,偶们来做移动渐变;
1,先打开偶们刚刚备用的底图1,添加一空白帧,在其上添加图象,打开在PS里做的光束(如上图1);
2,在第一帧按右键选择相同的帧,这里偶添加五个一样的背景图(如上图2);
3,选择光束(就是画得那个透明柜形咯),选择变形工具,旋转它D角度同大小,按自己想要的调节,见下图1,
如果要标准角度的话,如下图2调节;
PS:这里尽量把光束的长度调到比背景图长一点;
4,选择偶们调好角度同大小的光束,复制,分别在五个背景图上粘贴。调到不同的位置,使其产生渐变。
5,选择所有的帧,按右键打开画面帧属性面板,调下时间;
完成了,是不是好简单?最终效果如上图。
当然你可以发挥一下你的想象力,作出不同的移动光束咯,在这里只把简单的方法告诉大家~
在UGA里也可以直接画柜形,调节透明度。在FW里也是一样的,都是相通的。大家不妨自己一试,原理都是一样D~
——END——
网页图形动画制作实战例4
制作动画小礼物,我们可以通过GIF Animator的导出功能将GIF动画导出成一个可执行文件(以exe结尾的文件),打包后只有100K左右,使用电子邮件可以将它发给自己的好朋友做为小礼物。
1. 打开一个GIF动画文件或新建一个GIF动画文件。
2. 点击“文件”菜单,点击“输出”,再点击“动画包[EXE]”。
3. 在弹出的对话框中的Message Box Style(消息框样式)栏中选择一种样式,在下面的预览框中显示消息框样式。
4. 在Loop Count(循环数)中设置循环次数,如果要使用无限循环,选中Loop infinitely(无穷循环)。
5. 在Enter Message(输入信息)栏中输入信息。
6. 点击Font(字体)按钮,设置信息的字体和样式。
7. 分别在Start Frame Position(开始帧位置)End Frame Position(结束帧位置)中分别设置动画的开始结束位置。如果要随机的显示,将这两项设置为Random(随机)。
8. 在Generate Executable File(生成可执行文件)栏中,设置导出的文件名和路径。
9. 点击“OK”按钮,在运行这个文件后,将看到首先出现的GIF动画,然后点击一下,将出现信息。

在使用GIF Animator4.0设计时应注意以下问题:
1. 在其它图像处理软件中设计每幅图像时,要尽量使用比较简单的颜色,否则使用GIF格式时,有些颜色后改变。
2. 在设计完每幅图像后,应将文件保存为GIF格式,以减小动画大小。
3. 在编辑完动画后,要将动画优化,同时可以设置优化参数以减小动画大小。
GIF Animator是一个相当强大的网页图像动画制作软件。在新版本中的功能比前期版本要强大的多,它的许多功能例如优化和视频F/X等功能具有鲜明的特点。最后,祝愿您进一步在使用GIF Animator的过程中,能发现更多有用的东东,祝您早日成为图像动画大师。如果你在软件使用中有任何问题,请到我们的网站www.5dmedia.com参与讨论。(全文完)
网页图形动画制作实战例3
在制作GIF动画时,我们常常会遇到合成的动画可能太大的问题,尤其是帧数很多的时候,这种情况下的动画可能会大的惊人,在网页中使用这种GIF动画往往不能达到丰富网页的目的,而且使网页的下载速度大打折扣,这样会得不偿失。GIF Animator4.0提供了优化压缩算法对GIF动画进行优化,可使文件的大小缩小很多。
1. 使用动画制作向导,将准备好的素材导入进来。
2. 点击“优化”标签,在“预设”栏中选择GIF Animator预设的七种方案:256色优化、256色无损失优化、128色优化、64色优化、32色优化、16色优化、优化局部调色板。在这里需要说明的是,全局调色板是为了优化而创建的在多个帧之间应用的调色板,而局部调色板是为每个帧创建的调色板,保留局部调色板,可能起不到优化的作用,所以我们选择使用全局优化调色板。

3. 如果在要了解这七种方案的详细设置,点击“高级>>”按钮,在右边的栏中会出现高级的设置。
4. 在高级参数设置区中可以对一些参数进行修改,当您认为修改的参数要在以后经常使用的话,要点击按钮保存为自定义的优化方案,在“预设”栏中填入预设的名称,同时点击按钮可以删除自定义的优化方案,切记不要删除GIF Animator程序自带的优化方案。
5. 在设置好相应的参数后,点击“立即优化”按钮,GIF Animator将对GIF动画进行优化,将优化的结果显示在优化状态区。

使用优化向导
1. 如果使用预设的优化方案中希奇古怪的设置令你摸不清头脑,可以使用优化向导。点击“向导”,启动优化向导。
2. 在弹出的优化向导对话框中,选择推荐的“是”选项,点击“下一步”按钮。
3. 在出现的对话框中,设置GIF格式的颜色数,并且在下面可以设置图像的抖动。值得注意的是,正象在对话框中提醒的一样,颜色应用太少,是可以减小整个文件的大小,但是颜色应用太少可能使图像中的颜色失真,反而得不偿失。点击“高级”按钮对GIF优化引擎和使用的调色板进行设置。
4. 在新出现的对话框中选择是否要删除多余象素、注释块和标题。
5. 最后出现的一个总结性的窗口,将前面的选项汇集到一个对话框中,如果要重新定义一些参数,要点击“上一步”按钮,重新设定。如果对当前的设置满意,点击“完成”按钮。GIF Animator将对动画文件进行优化。
6. 优化完毕后,优化结果的窗口显示优化的成效。点击“预览”按钮,可以预览GIF动画的效果。

7. 如果对优化的成效不太满意,点击“其它尝试”按钮,又回到向导的第一步,再对GIF动画的各个参数进行设置。
8. 如果不想覆盖当前的GIF动画文件,点击“另存为”按钮,将优化后的GIF动画文件存为另外的文件。
9. 点击“确定”按钮,完成优化。
10. 同时可以点击菜单文件>批量处理,可以批量优化处理一个文件夹中的GIF动画文件。
11. 在弹出的对话框中可以对优化处理的参数进行设置。若包含要处理子文件夹中的GIF动画文件,在包含子文件夹的选项前点钩。
12. 如果要选择相应的文件选择“按文件”,并点击“选择文件”按钮选择文件。
13. 如果要创建新文件和要删除原始文件,在创建新文件和在删除原始文件前点钩。
14. 如果没有必要,不要选择添加自定义注释块,那样可能不会起到优化的作用。
15. 点击“确定”按钮,GIF Animator将对文件进行批量优化。
网页图形动画制作实战例2
在网页设计中我们经常会遇到要在图像中加入多条信息的情况,前面讲到的横幅制作可以快速的制作出漂亮的文字信息动画。
1. 新建一个空白的动画
2. 在“图层”菜单中的“添加横幅文字”子菜单中选择“动画”。
3. 在弹出的设置对话框中,点击“添加”按钮添加文字

4. 在列表中选择相应的文字,点击“效果”标签,设置文字的移出和移入方式,例如选择移出和移入都是“渐隐”,将出现文字逐渐显示后,有逐渐隐去,其他的要您去试一试了。

5. 点击“横幅设置”按钮,将边框的选项去掉,选中背景颜色填充在后面的色彩栏中选择喜欢的颜色做为背景。
6. 在设置框中,将鼠标移动到图像边界,可以改变图像的大小。
点击“确定”按钮后,再点击“预览” 标签预览效果。
网页图形动画制作实战例1
制作一个由多幅图像按照一定的顺序出现的动画,素材可以利用现有的图像,也可以自己使用图像处理软件来制作多幅图像。
1. 使用动画向导,在“文件”菜单中选择“动画向导”。
2. 在弹出的对话框中点击“添加图像”按钮。
3. 在弹出的选择文件对话框中选择多个文件。
4. 点击“打开”按钮,在默认状态下,在选择的文件中按照文件名的先后次序排定在动画中的出现次序。可以拖动文件名调整出现次序。
5. 经过对图像抖动和延迟时间的设置后,动画中的各个文件会出现在层面板中,可以点击“缩略图”和“胶片”标签查看每个图像的效果,同时点击“预览”标签预览动画。
6. 在第一幅图像和最后一幅图像的过渡很生硬,所以我们要应用一些效果。在层面板中选择最后一个层,点击“视频F/X”菜单,在“Darkroom”中选择“Hue&Saturation(色调饱和)”。
7. 在弹出的提示框中询问添加的图层数,在这里我们选择“20”。

8. 点击“确定”按钮,在弹出的设置框中将“Hue(色调)”设置为较大的数值
9. 点击新添加最后一个图层,然后再点击“视频F/X”菜单,在“Stretch”中选择“Cross Zoom-Stretch(交叉缩放伸展)”
10. 在设置窗口中将延迟时间设为“4”,点击“确定”按钮 11. 点击“优化”标签,按照默认的方案,点击“立即优化” 点击“OK”按钮后,点击“预览” 标签预览效果
优化动画
在设计动画过程中,当帧数较多时,这个动画文件可能会较大,不适合于在网络上传播,所以GIF Animator中提供了对动画进行优化的功能。这种功能的原理是将将帧的图像分割中若干块,在帧之间的变换时,相同的块将在第二个帧中被删除,达到减小文件文件大小的目的。在工作区中点击优化标签,可以在预设下拉式菜单中选择预置的方案,同时可以点击向导,在优化向导中对优化的参数进行详细的设置。可以点击高级按钮对一些高级的参数进行设置。

在设置好相应的参数后,可以点击“立即优化”按钮,在经过优化过程后,会弹出一个提示框中报告优化的结果。


制作步骤↓↓
Ulead GIF Animator教程..
Macromedia Fireworks教程..
1描边字以及给图图加边边效果
Macromedia Fireworks教程..
2添加蒙版效果..
