设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
用Fireworks4创建动画
返回列表
发布主题
用Fireworks4创建动画
[复制链接]
查看:
263
|
回复:
0
gggds
当前离线
积分
22693
IP卡
狗仔卡
gggds
发表于 2009-12-27 03:24:06
|
显示全部楼层
|
阅读模式
用Fireworks4创建动画(Candy 2001年06月05日 09:42)三、创建动画
创建一个物体来产生动画
1,新建一个文件,长和宽都是200pixel2,用矩形工具画一个矩形,你可以使用你喜欢的任何颜色
5 p1 K! o# f8 p( V6 [6 P
% G5 L$ \; C7 u1 u1 @
8 B P( J7 K6 Y+ G0 g- l5 r
动画的设定
1. 选中这个矩形,选择modify菜单Animate->Animated selecation.2. 在frame 框中输入53. move框中输入180,这是设定移动的距离像素4. 在direction中输入45,设定移动的角度5. 单击ok,Fireworks 将会问你是否添加新的frame(帧)6. 单击ok,将会自动添加新的帧现在图中的矩形上的右下角就会加上一个小小的箭头,表示这是一个动画符号(animation symbol),一条线表示这个符号的移动路径,线上的每一个点表示一帧。
动画预览
你可以直接在工作区内预览这个动画1. 如果frame(帧)面板不可见,选择window -> frames2. 点击画布下方的播放/停止按钮,就可以播放动画。
5 t. X- ^# K5 w7 M4 q* I
7 ]- ?( U \4 U3 X0 q+ n
, _# v. ~+ M d! L8 c
3. 再次点击这个按钮可以停止。4. 在frames面板上你可以看到每一帧的动画现在你可以给这个动画做一些修改
动画的编辑
可以使用object(对象)面板对动画进行编辑1. 打开object(对象)面板2. 点击frames面板上的第一帧3. 选中这个symbol,在object(对象)面板上就会显示这个动画的设定,4. 你可以对这个设定进行修改,比如在scaling(缩放比例)内输入110,使从第一帧到最后一帧图象放大10%5. 在opacity(透明度)左边的框内输入10,右边的框内输入100,这将使动画产生透明度的渐变6. 在rotation(旋转)中输入180, 将使动画产生180度的旋转7. 再次点击播放按钮就可以看看效果了。
编辑运动路径
1. 点击工作区上的symbol,运动路径就可以显示出来2. 你可以用鼠标拖动路径上的第一帧(绿色的点)和最后一帧(红色的点),来改变它们的位置3. 也可以拖动中间的帧(蓝色的点),改变整条路径4. 再预览一下看看吧
输出gif动画
要在浏览器中看到这个动画,就必须输出成gif动画格式或swf格式1. 打开optimize(优化)面板2. 输出格式设为animated gif(动画gif)
! v0 N* E! e) Z" U& B4 Z% O! P
* P" X6 M! c8 _3 n# P
7 P, D! i4 w9 F7 Z( |
3. 单击菜单上file -> export命令4. 保存类型选择 HTML and images就可以输出一个html文件5. 你可以用浏览器打开这个动画来看了转载自5D多媒体
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表