用户名: 密码: 免费注册 忘记密码? 网站地图 | 加入收藏 | 设为首页
首页 | 新闻 | 工具 | 系统 | 办公 | 聊天 | 多媒体 | 网页 | 运营 | 平面 | 欣赏 | 数据库 | 程序 | 服务器 | 组网
网页 | 3dmax | Ghost | Windows Xp| Dreamweaver | photoshop | Flash | office | Alexa | Css | QQ | Asp | PHP | Jsp | Access
Flash MX 2004入门 | 网站推广策略 | CorelDRAW入门 | ASP学习 | 网站建设大师功 | Word入门
  iTbulo.com > 学院 > 网页制作教程 > 网页制作技巧 > 文章正文
Gif 动画软件比较-4
iTbulo.COM 2005-4-3 佚名()
  Fireworks4.0是Macromedia公司推出的一款编辑矢量和位图的综合工具。与Dreamweaver和Flash合为网页制作三剑客。在Fireworks中,您可以创建动画广告条,动画标志,动画卡通等多种类型的动画图像.和其他一些动画编辑软件差不多,它是通过动画符号(symbol)在不同影格的不同设置,造成我们视觉上的变化。当影像随着影格播放,就形成了动画.因为该软件制作动画随意性比较大,所以下面用具体的步骤来说明。

  1. 步骤一:新建一个文件,定义好长和宽,导入所需图片。

  2. 步骤二:选中图片,选择modify菜单Animate->Animated selection,进入动画参数设置。

  3. 步骤三:在frame 框中输入10,说明这个动画将由10个帧组成,帧数越多,动画越细腻,但是会加大文件大小。

  4. 步骤四:在move框中输入200,这是设定移动的距离像素。

  5. 步骤五:在direction中输入45,设定移动的角度,你可以点击工作区上的symbol,用鼠标拖动路径上的第一帧(绿色的点)和最后一帧(红色的点),来改变它们的位置。也可以拖动中间的帧(蓝色的点),改变整条路径(w)。

  6. 步骤六:单击ok,Fireworks 将会问你是否添加新的frame(帧)。单击ok,将会自动添加新的帧,步骤同上。

  现在图中的矩形上的右下角就会加上一个小小的箭头,表示这是一个动画符号(animation symbol),一条线表示这个符号的移动路径,线上的每一个点表示一帧。用鼠标拖动路径上的第一帧(绿色的点)和最后一帧(红色的点),来改变它们的位置。也可以拖动中间的帧(蓝色的点),改变整条路径。

  你可以直接在工作区内预览这个动画。点击画布下方的播放/停止按钮,就可以播放动画。在frames面板上你可以看到每一帧的动画(如果frames面板不可见,选择window -> frames。)。

  要在浏览器中看到这个动画,就必须输出成gif动画格式或swf格式。

  1) 打开optimize(优化)面板。

  2) 选择输出格式设为animated gif(必须的)。
  3) 单击菜单上file -> export命令。
  4) 保存类型选择 html and images就可以输出一个html文件。

  Fireworks对创建的任何对象或导入的对象都可以作为动画符号。每一个符号都有自己独立的属性。所以你可以针对不同的对象创建不同的动画形式,例如移动,淡入淡出等。

 利用Fireworks你的创作可以更自由,更有创意。

文章搜索
相关资讯
相关文章 相关下载
韩国商业模版下载二十七(附PSD图)
韩国商业模版下载二十五(附PSD图)
在网页里做类似window右键的弹出式菜单
几行代码轻松搞定网页的简繁转换
用javascript实现超酷的“网页时钟”
焦点信息