返回织梦建站服务网首页 业界新闻 教程文档 资源下载 酷站鉴赏 免费服务 站长工具
织梦建站工作室
织梦建站论坛
载入中…
专题栏目
最新热门
>>更多热门...  
最新推荐
>>更多推荐...  
  您现在的位置: 织梦建站服务网 >> 建站教程 >> 图形图像 >> Fireworks >> 教程正文
Fireworks 4 制作打字动画特效            
HITS: TIME:2006-6-14 10:17:02 AUTHOR:风筝 URL:It365cn
CONTENT INTRODUCE :
放大文字  缩小文字  发表评论  加入站内收藏夹  告诉好友  打印模式  关闭窗口 
很长时间以来,总是有人在探讨在FW中如何制作打字效果的动画这个问题。大部分的朋友认为,使用FLASH可以轻松的实现这一种效果,但在FW中似乎要困难些,好像除了一帧一帧的累加以外,就没有更好的办法了。原来也是一直这么来理解的,但是今天无意中找到了一种在FW中实现打字动画效果的更好的方法,请随我来:

  第一步:打开FW,新建一个文件 ,文件的大小为140x20像素,背景色自定,这里采用了黑色。
  第二步:选取工具箱中的Text Tool(文字工具),在编辑区输入你想要出现打字效果的文字,这里我们输入了“风云设计眼欢迎您的到来”;字体采用“宋体”;字号采用12Px;颜色自定;字体边缘效果选择“No Anti-Alias”;对齐方式采取默认的左对齐方式。
  第三步:选中编辑区的文本对象,执行快捷键“Ctrl+Shift+D”,原地复制相同的一个文本对象,然后打开Fill(填充)面板,将复制的文本对象的颜色做一改变即可,然后向任意方向移动1像素的距离。
  如果你不需要对文字对象做改变的话,此步骤可以略去,直接进入下一步!
  第四步:选中文字所在的层,点击层面板右上角的弹出菜单按钮,在随后出现的弹出菜单中,执行“Share This Layer”(共享这一层)命令,将文字所在层变为共享层。

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

  第六步:在弹出的对话框中,可以给新增加的符号起一个名字,也可以采用默认的Symbol不做更改,Type(类型)选择第一个Graphic(图形符号)即可,点击OK按钮即可。
  第七步:点击确定后,会自动进入到这个Symbol的编辑区,在编辑区中绘制一个边长为20像素大小的正方形(注意:也可以绘制一个矩形,但是不管是正方形还是矩形,它们的高度都以和编辑区的场景的高度相同或者大于场景高度为宜,不能小于场景高度),正方形的具体大小、边长情况,可以在选定正方形的情况下,打开Info(信息)面板,将其中的W和H的值都调节到20即可。
  第八步:将画好的正方形的位置进行调整,使其位于符号编辑区的中央部位。
  第九步:再次点击库面板右下角的新增符号按钮,增加一个新的符号对象。在弹出的对话框中,符号名称还是不做改变,但是符号的Type(类型)要设为Animation(动画的),点击OK按钮确定即可。
  第十步:点击确定后,会自动进入这个动画Symbol的编辑区。从符号库中选择刚刚制作好的图形Symbol,也就是那个正方形,将其拖到动画Symbol的编辑区,在正方形这个Symbol处于选中状态的情况下,打开Info(信息)面板,将其中的W值变为1,也就是说,将正方形这个Symbol进行水平缩小变形处理了。接着,再次拖动一个正方形Symbol到动画编辑区,同样打开Info(信息)面板,将其中的W值变为144(注意:一定要宽于编辑区的场景宽度),好了,看看现在在动画Symbol的编辑区的两个对象吧。

  第十一步:同时选定这两个已经变形处理的的正方形Symbol对象,点击快捷工具栏的对齐选项按钮,让这两个对象左对齐,并且水平方向居中对齐(鼠标所点击就是水平居中对齐按钮),对齐

[1] [2] 下一页

教程录入:jerome    责任编辑:jerome 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

    相关教程
    PS与ImageReady打造动态Logo
    Adobe ImageReady的切片教程
    打造After Effects大光圈景深效果
    在Fireworks中绘制QQ聊天表情
    CSS背景:background-repeat
    CSS文本:line-break
    CSS文本:word-break
    CSS文本:direction
    CSS:font-stretch
    Dreamweaver MX 2004打造细线表格
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    湘ICP备05010790号 {$Wap}
    关于我们 | 版本历史 | 联系方法 | 隐私条例 | 链接我们 | 广告服务 | 常见问题 | 友情链接 | 网站公告 | 设为首页 | 收藏本站
    Copyright © 2001-2006 17zm.NET All Rights Reserved.  织梦建站工作室[织梦建站工作室]™荣誉出品. Since 2001