上一篇:Fireworks卡通头像:搞怪宝宝(1) >>
Fireworks4创建动画
1,新建一个文件,长和宽都是200pixel
2,用矩形工具画一个矩形,你可以使用你喜欢的任何颜色
动画的设定
1,选中这个矩形,选择modify菜单animate->animated selecation.
2,在frame 框中输入5
3,move框中输入180,这是设定移动的距离像素
4,在direction中输入45,设定移动的角度
5,单击ok,fireworks 将会问你是否添加新的frame(帧)
6,单击ok,将会自动添加新的帧
现在图中的矩形上的右下角就会加上一个小小的箭头,表示这是一个动画符号(animation symbol),一条线表示这个符号的移动路径,线上的每一个点表示一帧。
动画预览
你可以直接在工作区内预览这个动画
1,如果frame(帧)面板不可见,选择window -> frames
2,点击画布下方的播放/停止按钮,就可以播放动画。
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)
3,单击菜单上file -> export命令
4,保存类型选择 html and images就可以输出一个html文件
5,你可以用浏览器打开这个动画来看了
()
下一篇:Fireworks卡通头像:搞怪宝宝(2) >>
相关文章:
- · Dreamweaver 4.0使用技巧集锦
- · 用Dreamweaver实现飘浮光球特效
- · 让IIS Web服务器不再拒认ASP网页
- · 网站构成的基本元素—网页布局
- · 高手进阶:网页设计中的文字运用
- · 网页设计进阶:巧用记事本编辑网页网页设计进阶:巧用记事本编辑网页
- · 制作弹出窗口常用技巧九则
- · 巧制可全屏拖动的图片
- · 巧使网页图片产生旋转效果
- · 增强网站的魅力 网页制作技巧三则
- · 制作个人主页有诀窍
- · 相对路径和绝对路径在网页中的用途
- · 网页上的视觉传达与艺术表现
- · 网页布局设计基础
- · 个人首页制作诀窍
- · 网页设计的十要十不要
- · 一些与网页密切相关的技术
- · 制作主页的独门功夫五十招
- · 制作网页十大诀窍
- · 怎样设计首页?(解答)
- · 用Flash建站的通用思路及步骤
- · 从Flash中导出透明背景的动态GIF图形
- · 教你轻松制作MTV 体验精美flash动画
- · 用Flash MX软件制作遥控小汽车
- · 沟通从这开始 用Flash MX作留言程序
- · 用DW MX制作导航下拉菜单
- · LiveMotion精彩实例教程(一)
- · LiveMotion曲线编辑
- · 调整Golive 5窗口到适当的大小
- · Dreamweaver MX应用表格排序
- · 解析HTML的增强标记
- · 特殊字符编码大全
- · 邮件链接的主题和收藏夹的图标
- · 固定语言编码、字号、字体
- · HTML 4.0新增特性示例
- · HTML中的META元素
- · 网页中多层效果的灵活使用
- · WEB高手培训班之HTML篇
