论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

电视雪花效果动画

文章类别:Fireworks | 发表日期:2008-9-20 19:32:01

教程开始之前,首先请看如下所示动画效果:

  如何才能产生这种类似电视雪花效果的动画呢?通过滤镜、插件?不用,FW4里面已经为我们预备好了这种效果,请看后面的具体步骤:

  [注重]在开始本节的学习前,请大家首先参阅一下先前的文章“模拟条形码的制作”,因为我们后面的操作是对上一节操作的继续,相关的内容这里就不再赘述了。

第一步、首先我们先和“模拟条形码的制作”一文简单的接一下头,在“模拟-”一文中,通过调整矩形的颜色调节手柄,已经出现了如图01所示的条形码效果:


图 01 条形码效果

第二步、选定矩形对象,此刻矩形的调节手柄会显示出来,我们可以发现,起始端点的圆形调节手柄和结束端点的正方形调节手柄位于同一条直线上,好了,现在仍然选定正方形的调节手柄,向起始端点的圆形手柄拖动,这样两个端点的距离会越来越小,同样的矩形的填充效果也会随着你的鼠标的推动而不断的发生变化,两个端点的距离位置关系请参考图02所示:


图 02 调节手柄的位置

第三步、选定圆形调节端点(请注重:要选定它),向下部移动,随着调节手柄的位置发生变化,矩形的填充区域也同样发生着变化,不断移动它,直到拖动到如图03所示位置为止:

第四步、很明显,我们所做的这些努力已经得到回报了,那就是电视机的那种雪花效果已经出现了!还带有一条白色扫描线呢!:)
好了,接下来就开始电视雪花效果的动画制作。选取工具箱的文本工具,在弹出的文本编辑框内输入相关文字,这里输入的是“风云”二字,颜色可以使用自己喜欢的颜色,这里就不多讲了,文字编辑好后,调整它到合适的位置,如图04所示:


图 04 加入文本对象

第五步、打开Frames(桢)面板,点击右上角的弹出菜单按钮,在弹出的下拉菜单中,选择Duplicate Frame(复制当前桢)命令,如图05所示:


图 05 复制桢命令

第六步:在随后弹出的对话框中,Nmmber(插入桢的数目)选择“1”,我们只需要插入一桢即可;Insert ner frames(插入新桢的位置)选项选择默认的“After current frame(在当前桢的后面)”选项,然后点击OK按钮确定,这样我们就在当前桢的后面(也就是第2桢)插入了一个复制的新桢,新桢的内容和第一桢的内容是完全一致的,如图06所示:


图 06 复制桢的插入位置

第七步、本步是产生雪花动画效果的要害步骤。执行完上步的复制桢命令后,目前的编辑区就已经是第二桢所在的编辑区了!选定矩形对象,调节手柄出现,还是选定圆形调节手柄,向左或者向右拖动调节手柄,使得白色扫描线的位置发生变化,这样电视的那种雪花跳动的效果已经开始初步形成了,不信,点击播放按钮看看效果呵~调整的效果如图07所示(向左移动的调节手柄):


图 07 移动调节手柄的位置

第八步、同样,对文本对象可以进行相关操作,比如改变字体的颜色大小,或者改变文本内容等等,视自己的情况而定吧!如图08所示,改变了文本内容:


图 08 改变文本对象

第九步、哈,接下来的操作是不是不再需要我多费唇舌了?不断重复第5到第8步的操作,不断的调整雪花的位置,文本对象的内容或颜色、大小等等状况,一个模拟电视机雪花效果的动画已经产生了,不是吗?

第十步、抱着对各位负责的态度,补充上最后一句,输出文件时千万记得要将输出格式变为“Animated Gif”,免得我们辛辛劳苦制作的动画不能看到啊?嘿嘿!

上一篇:模拟条形码制作 人气:2082
下一篇:一款立体字的制作 人气:3250
Fireworks视频教程

Fireworks视频教程
Windows视频教程
Windows操作
[文]
WORD教程
Word教程
[文]
Excel教程
Excel教程
[文]
PowerPoint教程
PowerPoint
[文]
Dreamweaver
Dreamweaver
[文]
FIREWORKS
Fireworks
[文]
FLASH教程
Flash教程
[文]
photoshop平面设计
PhotoShop
[文]
CorelDraw
CorelDraw
[文]
C语言教程
C语言教程
[文]
html
Html教程
[文]
DivCss布局
Div+Css布局
[文]
Javascript
Javascript
[文]
ACCESS数据库
ACCESS数据库
[文]
ASP教程
ASP教程
[文]
SQLServer数据库
SQLServer
[文]
ASP.NET教程
ASP.NET教程
[文]
FlashAS
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化: 网页制作开发视频教程: 平面广告设计视频教程 初级程序设计及ASP动态网站开发 Asp.net动态网站开发视频教程 Flash 动画角本编程视频教程
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058