文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | firefox | WPS | 杀毒软件 | Picasa
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形图像 办公软件 媒体动画 精文荟萃 常用软件 网页编程 技术开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院图形图像Fireworks用Fireworks 4.0制作旋转文字动画
精品推荐
特别推荐
·Fireworks绘制精致打印机图标
·Fireworks绘制精致青花陶瓷按钮
·Fireworks给图片做锐化马赛克特效
·Fireworks制作温馨母亲节动画贺卡
·Fireworks描绘QQ企鹅
·轻松解决Fireworks菜单位置偏差
·Fireworks 常见问答集(三)
·Fireworks 制作 IE 浏览器图标
·用Fireworks MX滤镜制作水痕文字
·巧用Style制作立体感文字
·QQ皮肤制作全程实录
·Fireworks 2004 画明基77G显示器
·Loading动画的制作
·Fireworks Edge滤镜与彩色描边(2)
·超酷图标教你做
·fireworks画液晶显示器简要教程
·FireworksMX2004常见问题解答
·Fireworks轻松绘制banner广告
·Fireworks绘制可爱水粉卡通画
·用Fireworks为照片做精美边框
热点TOP10
·玩出新花样 制作精美动画GIF图片
·Fireworks制作温馨母亲节动画贺卡
·Fireworks混合模式之宝石花效果(图)
·利用Photoshop自定义画笔制作逼真的水泡
·制作简单的gif动画
·Fireworks国画:葡萄小鸡图
·Fireworks轻松绘制banner广告
·使用Fireworks制作相片框
·“译典通”-卡通形象设计大赛
·Fireworks巧绘精美闪图动画
·Fireowrks制作夸张幽默的卡通表情
·Fireworks巧妙绘制生肖鼠年邮票
·用Fireworks MX滤镜制作水痕文字
·用Fireworks为照片做精美边框
·Fireworks轻松绘制简单卡通海景画
·Windows XP风格按钮步步通(图)
·Fireworks绘制精致打印机图标
·Fireworks描绘QQ企鹅
·用Fireworks 4.0制作旋转文字动画
·FW制作照片连续滚动效果

用Fireworks 4.0制作旋转文字动画

日期:2008年4月13日 作者:清风网络学院 查看:[大字体 中字体 小字体]


Fireworks与Dreamweaver、Flash一起合称网页制作三剑客,可是如果我们没有学会很好地利用它,那就与未出鞘的宝剑一样,难见光芒。所谓万事靠积累,只有多学多练才能让剑客真正发挥威力。今天就让我们来看一下如何利用Fireworks 4.0制作一个旋转文字的小动画,希望能对您有所帮助。


  1、建立新文件:

启动Fireworks 4.0,按Ctrl+N键新建一个工作区,设置工作区宽度(Width)为400,高度(Height)为300,颜色为黑色,其余依照默认值。


  2、输入文本图形:

  首先单击文本工具(就是那个“A”),设置参数如下:字体为“华文行楷”,大小为“20”,颜色为“红色(#FF0000)”,其余的不用管它。然后在文本栏里输入文字,单击OK按钮。用箭头工具选择并移动文本到工作区稍微靠上的位置,接下来在Windows→Effect面板中选择ShadowandGlow→Glow(发光)选项,设置具体参数如下:宽度为2,柔化度为1,颜色为黄色(#FFFF00),透明度为100%。此时文本效果如图1所示。


 



图1

  3、制作文本图形的分布路径:

  首先取消对文本图形的选择,然后单击椭圆形工具(找不到?按矩形选择工具两秒钟看看会不会出现!),在Stroke和Fill面板中均选择None。按住Shift键在画布中画一个标准的圆形。按Ctrl+A键,或者单击箭头选择工具,按住Shift键分别点击文本图形和圆形,从而将二者全部选定,单击Text→AttachtoPath选项或者按快捷键Ctrl+Shift+Y,是不是看到文本图形乖乖地沿着路径进行了分布呢?哈哈,先不要得意的太早,路漫漫其修远兮……如果你看到的文本图形并未分布均匀的话,那么请用鼠标左键双击文本图形,在弹出的文本参数对话框中修改AV的值,直到文本图形沿路径均匀分布到令你满意的状态为止。


  4、开始制作动画:

  选中图形,单击Insert→ConverttoSymbol…(转变为符号)选项或者按F8键,在其对话框中将符号图形命名为“TEXT”,并选择“Graphic”(图案)选项,单击OK按钮,此时图形就被转化为图形符号了,并且被一个左下角有小箭头标记的虚线框包围着。



  5、克隆其他图例:

  单击Edit→Clone选项或者按Ctrl+Shift+D键克隆一个图例出来(前提是工作区的图例处于被选中状态),然后单击比例变换工具,可以看到图例周围出现了八个小方块,拖动鼠标,将克隆出来的图例顺时针旋转一定的角度(如图2)。使用同样的方法将当前图例再克隆一个并再次旋转一定角度。总共连续三次(也可以更多次)执行此操作。


 


图2

  6、创建动画:

  按Ctrl+A键选中所有图形,单击Modify→Symbol→TweenInstances…选项,在弹出的对话框中输入步骤(Steps)为3,单击选中“DistributetoFrames”选项,最后单击OK按钮。这时我们打开Frame面板,可以发现Fireworks已经自动加入了很多帧,到此为止,我们的旋转动画已经完成一大半了。


  7、加入修饰图形:

  在帧面板(Frames)中单击第1帧,单击画布空白处,取消所有图形的选择。单击椭圆形工具,设置笔刷颜色为无色(None),油漆桶颜色为红色。在Stroke面板中选择填充方式为None。在Fill面板中选择Cone,并单击Edit按钮将渐变色调整为红、黄渐变,按住Shift键在画布上的文本中画一个圆形,并使之居中(使圆形居中的方法:按Ctrl+A选中所有图形,然后在上方的工具栏上先后选择对齐方式为“水平居中”和“垂直居中”)。对圆形进一步修饰,在Windows→Effect面板中选择ShadowandGlow→Glow选项,设置具体的发光参数如下:宽度为6,柔化度为6,下面的Offset为6,颜色为黄色(#FFFF00),透明度为100%。如果最后的填充效果并不能使你满意,你还可以单击油漆桶工具,可以看到在圆形上面出现了一个小圆点和一个小方块,试着拖动其中的任意一个,就会出现不同的填充效果。


  8、复制圆形及其效果到其他帧:

  在第1帧中选中圆形(注意切不可选中周围的文本图形),单击帧面板(Frames)右上角的右箭头按钮,在弹出的菜单中选择“CopytoFrames...”选项,在弹出的对话框中单击“Range”选项,在下面的框里输入“2”To“13”(笔者做的这个动画共有13帧,您可以设为您的动画所具有的最大帧数),单击OK按钮。此时圆形就被复制到了第2帧~第13帧中。可依次单击每一帧来观察文本图形的旋转效果及圆形的状态,如有不满意的地方一一修改,比方说在某帧将文本图形或者圆形的颜色、发光效果等调整一下,那么做出的动画就会更有光彩了。具体的设置您可以慢慢尝试。



  9、输出动画:

  单击File→EXPortPreview...选项或按Ctrl+Shift+X键,将弹出导出文件预览窗口(如图3)。


 


图3

  在弹出的导出预览窗口Option选项中“Format”下拉菜单中选择“AnimatedGIF”方式。单击Animation标签,单击左下的循环按钮让动画永远播放(Forever)。然后可以单击窗口中的播放按钮观看效果,如果有哪一帧的效果不能令人满意,还可以单击Cancel按钮回到画布中进行修改。待一切OK后,你就可以单击“Export...”按钮,选择输出路径并指定文件名称,保存!



[1] [2] 下一页 




上一篇:Photoshop常见问题之专家会诊

下一篇:资料整理用Excel

用Fireworks 4.0制作旋转文字动画 相关文章:
·Photoshop CS3教程:模拟雷达动画
·玩出新花样 制作精美动画GIF图片
·Powerpoint特殊动画效果制作
·[动画演示]用Photoshop去除照片中文字
·[最新QQ空间代码]QQ空间花,漂浮物、开场动画代码
·Flash联合粒子特效软件打造超酷浪漫动画特效
·Photoshop CS3制作平面动画:特效制作技巧
·Photoshop结合Flash制作瓢虫变色交互动画(1)
·推荐:精彩漂亮手机屏保手绘MM动画图片
·Flash制作漂亮的三重卷动相册特效动画
用Fireworks 4.0制作旋转文字动画 相关软件:
·《最终幻想12》超清晰CG动画
·Flash MX 动画制作实例教程
·3Dmax 动画教程
·《仙剑奇侠传四》宣传动画第二版
·万能注册码动画教程
·3D 动画与建模:人体的综合与分析技术
·《下级生2》片尾动画音乐
·精美动画片《铅笔人》
·医学动画欣赏
· gif动画集锦

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.vipcn.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.vipcn.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn