45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > Photoshop >

亲身体验Firework动画制作

电脑软硬件应用网 45IT.COM 时间:2005-12-30 19:29 作者:45IT收集


  作为一款网络图像处理软件,Fireworks正越来越受到网页设计师的喜爱。目前推出的Fireworks 4.0提供了更强大的网页动画制作功能,其中的自动动画生成功能,能够使你在创作GIF动画时,事半功倍。本文在此通过制作一个空间环绕动画,对Fireworks提供的自动动画生成功能进行一次“亲身体验”。

  开始制作之前,首先应对GIF动画的概念有所了解。我们知道,传统的电影是由一个一个的胶片连续播放形成的动态影像。GIF动画和电影相类似,它由一格一格的影格(Frame)组成,相当于电影胶片,在影格中放置不同的图像,然后将影格连续播放,就形成了动画。下面我们就开始制作空间环绕动画。

  制作环绕文字

  1.打开Fireworks 4.0,选择菜单File>New(文件>新建),建立200×200大小的画布。

  2.选择工具面板文字工具(Text tool),在画布上输入一串文字。可以是中文,也可以是英文和数字。

  3.选择椭圆工具(Ellipse tool),按住“Shift”键,在画布上绘制一个正圆。

  4.选择指针工具(Pointer tool),按住“Shift”键,选中文字和正圆(两者同时选中),选择菜单Text>Attach to Path(文字>附着到路径)。此时可以看见文字环绕正圆形成文字路径。你可以双击文字打开文字编辑器,调整文字的大小和间隔,使文字尽量均匀环绕。

  制作环绕动画

  5.选中做好的文字路径,选择菜单Insert>Convert to Symbol(插入>转换为符号)。选择符号类型(type)为动画符号(Animation)。

  6.在动画符号属性对话框设置属性参数,可以先按照本文的参数做一个,以后根据实际需要再做调整。

  制作空间环绕

  7.选择倾斜工具(Skew tool)、缩放工具(Scale tool),将画布上的动画符号倾斜一定角度,然后横向压扁,再旋转一定角度,形成带有空间感的形状。

  输出设置

  8.在优化面板(Optimize)将文件格式设置为动态GIF(Animate GIF),并在面板上进行相关输出属性的设置。

  9.选择菜单File>Export(文件>输出),输出动画。

  打开你创建的空间环绕图片,就可以看见一串沿着椭圆轨道的空间文字在不停地旋转。如果添加一定的场景,还可以做出更好看的效果。

  动画完成后如果还希望再次改变动画参数,也是非常方便的事。你只需要选中动画符号,选择菜单Modify>Animate>Setting(修改>动画>设置),重新打开动画符号属性对话框,改变相关参数,然后Fireworks就会自动对动画进行修改。

  利用Fireworks 4.0制作动画就是这样简单。如果不做空间环绕,你还可以做直线运动、淡入淡出、旋转等各类变化多姿的动画。它们的方法和原理是相同的。

  最后给出几点建议:1.动画不要太大,否则会影响浏览。GIF动画一般用于网页页面的点缀,或者制作广告条(banner)、标志(LOGO),所以不宜用过大的尺寸。2.影格越多动画会越细腻,但会增大文件。3.好的动画节奏一定要合理,所以调整影格时间对于动画也非常关键。4. Fireworks的自动动画功能仅仅是一个高效的创作工具,我们还需要掌握更多的动画创作手段。5.Fireworks制作动画,请记住一定要选择输出格式为动态GIF(Animate GIF )。 

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识