打字动画效果的实现
| 首 页 | 网页素材 | 网页特效 | 网页教程 | flash教程 | 3dmax教程 | ASP教程 | 常用范文 | 应用公文 |
教 程 | 频道首页 | flash教程 | 3dmax教程 | photoshop教程 | html/css | asp教程 | php教程 | fireworks教程 | dreamweaver教程|
资 料 | java教程 | 网页模版 | 搜索引擎 | 电脑技术 | 网络应用 | 操作系统 | 饮食文化 | 应用公文 | 贺词致辞 | 个人求职 |
频 道 | 明星资料 | 民俗风情 | 传统节日 | 人物传记 | 历史资料 | 常用范文 | 名胜古迹 | 体育资料 | 教育资料 | 综合资料 |
你的位置:首页 > 资料教程 > 正文 > 打字动画效果的实现
打字动画效果的实现

http://www.sucai123.com 资料教程 2004-10-6 1:18:31

第一步:打开FW,新建一个文件 ,文件的大小为140x20像素,背景色自定,这里采用了黑色。

第二步:选取工具箱中的Text Tool(文字工具),在编辑区输入你想要出现打字效果的文字,这里我们输入了“风云设计眼欢迎您的到来”;字体采用“宋体”;字号采用12Px;颜色自定;字体边缘效果选择“No Anti-Alias”;对齐方式采取默认的左对齐方式。

第三步:选中编辑区的文本对象,执行快捷键“Ctrl+Shift+D”,原地复制相同的一个文本对象,然后打开Fill(填充)面板,将复制的文本对象的颜色做一改变即可,然后向任意方向移动1像素的距离,调整好的效果图如图01所示:
[注:]此步骤可以略去,直接进入下一步,如果你不需要对文字对象做改变的话!


图01 在编辑区输入相关文字

第三步:选中文字所在的层,点击层面板右上角的弹出菜单按钮,在随后出现的弹出菜单中,执行“Share This Layer”(共享这一层)命令,将文字所在层变为共享层,如图02所示。


图02 共享文字所在层

第四步:打开Library(符号库)面板,点击位于库面板由下角的增加新符号按钮,来增加一个新符号。(注:这个快捷按钮的功能和菜单命令“Insert --New Symbol(插入-新符号)”是相同的)如图03所示:


图03 符号库面板

第五步:在弹出的对话框中,可以给新增加的符号起一个名字,也可以采用默认的Symbol不做更改,Type(类型)选择第一个Graphic(图形符号)即可,点击OK按钮即可,如图04所示。


图04 添加新符号对话框

第六步:点击确定后,会自动进入到这个Symbol的编辑区,在编辑区中绘制一个边长为20像素大小的正方形(注意:也可以绘制一个矩形,但是不管是正方形还是矩形,它们的高度都以和编辑区的场景的高度相同或者大于场景高度为宜,不能小于场景高度),正方形的具体大小、边长情况,可以在选定正方形的情况下,打开Info(信息)面板,将其中的W和H的值都调节到20即可,如图05所示。


图05 通过Info面板调整正方形的边长大小

第七步:将画好的正方形的位置进行调整,使其位于符号编辑区的中央部位,如图06所示。


图06 调整符号的位置

第八步:再次点击库面板右下角的新增符号按钮,增加一个新的符号对象。在弹出的对话框中,符号名称还是不做改变,但是符号的Type(类型)要设为Animation(动画的),点击OK按钮确定即可,如图07所示。


图07 增加新符号对象

第九步:点击确定后,会自动进入这个动画Symbol的编辑区。从符号库中选择刚刚制作好的图形Symbol,也就是那个正方形,将其拖到动画Symbol的编辑区,在正方形这个Symbol处于选中状态的情况下,打开Info(信息)面板,将其中的W值变为1,也就是说,将正方形这个Symbol进行水平缩小变形处理了。接着,再次拖动一个正方形Symbol到动画编辑区,同样

此新闻共有31 2 3


-来源:互联网 关闭 打字动画效果的实现】
∷∷ 相 关 文 章 ∷∷
·Fireworks 常见问题解答
·Fireworks MX 2004 绘图新功能:颜色替换
·fireworks mx 实例:图层混合实例剖析
·Fireworks MX:GIF动画
·Fireworks制作相片撕裂效果
·Fireworks MX之旅:导入文字的再编辑
·打字动画效果的实现
·FireWorks象素按纽教程
∷∷ 热 门 推 荐 ∷∷