图文教程:详解Fireworks中的动画制作

教程|详解

有过FLASH动画制作基础的朋友一定知道,在FLASH中将绘制的图像转换成的“图像元件”或“动画元件”是可以通过软件的内建指令,产生运动及其它变化的效果。而在Fireworks中也沿用了这种动画制作方式,从而大大减省了GIF动画制作时的繁琐性。而在本篇教材中,我们也只针对软件直接生成的动画效果进行分析,不对手工分桢的动画制作进行讨论。

一、动画的基本运动

在Fireworks中,动画的运动方式可分为四个基本动作:

1、直线运动:图像由A点直线移动至B点;

2、旋转:图像原地进行顺时针或逆时针旋转;

3、不透明度渐变:图像的透明度发生变化;

4、缩放:图像的产生放大或缩小的变化。

每种动画效果即可独立作用于一个图形对象,也可同时作用于一个图形对象上。

二、图像的动画制作

在Fireworks中,将绘制完成的图形对象制作成动画效果,可以通过“动画”的设置对话框直接完成。同时也可以将图像转为“图像元件”后,通过“补间实例”功能来间接实现。

1、使用“动画”设置框制作动画

点选将要制作成动画的图形对象后,选择菜单栏上的“修改——动画——选择动画”命令,将会弹出“动画”的设置对话框,如图01。

图01

在这里,可以设置动画的帧数、图像的移动距离、运动方向、缩放程度、不透明度的变化以及旋转的方向和角度等。设置完成后可点击“确定”按钮。如果此时的“帧”浮动面板里的帧数少于当前将要创建的动画帧数时,则会弹出一个提示框,示意是否为当前动画建立足够的帧数。再次点击“确定”后,软件将自动把该图形对象转成动画元件并按刚才所设置的动画参数,自动成动画效果。我们可通过Fireworks画布文档下方的动画播放按钮进行效果查看。如图02。

图02

2、使用“补间实例”功能制作动画

这是一种间接制作动画的方式。具体的操作方法是,先选中图形对象后按F8键,在“元件属性”对话框中将图象转为“图形元件”。此时打开“库”浮动面板的话就会看到,这里多了一个“图形元件”。说明该对象已被成功转换为“图形元件”。如图03。



图03

而原来画布中的图像左下角则会多出一个小箭头标志,表明这是该“图形元件”的一个分身。我们从“库”面板中用鼠标将该“图形元件”拖拽至画布当中,为该“图形元件”建立第二个分身对象。同时选中这两个分身对象后,在任意一个分身对象上点击鼠标右键,并从弹出菜单中选择“元件——补间实例”命令,从而启动“补间实例”对话框,如图04。



图04

在“步骤”栏中可输入这两个分身之间过渡的图像步骤,在这里我们可以理解为该动画设置帧数。而“分散到帧”复选框则是将这两个分身之间的过渡图像按顺序分发到每个帧之中。因此只有选中了该项,整个动画才能完成。在点击“确定”按钮后即可生成动画效果了。

如果想让图像做成动画后产生缩放、不透明度渐变以及旋转效果的话,可在启动“补间实例”之前对这两个分身对象进行不同程度地缩放、不透明度设置和旋转后,再进行“补间实例”的操作。

时间: 2024-11-03 21:01:01

图文教程:详解Fireworks中的动画制作的相关文章

详解Fireworks中的动画制作

详解 有过FLASH动画制作基础的朋友一定知道,在FLASH中将绘制的图像转换成的"图像元件"或"动画元件"是可以通过软件的内ㄖ噶睿硕捌渌浠男Ч6贔ireworks中也沿用了这种动画制作方式,从而大大减省了GIF动画制作时的繁琐性.而在本篇教材中,我们也只针对软件直接生成的动画效果进行分析,不对手工分桢的动画制作进行讨论. br> 一.动画的基本运动 在Fireworks中,动画的运动方式可分为四个基本动作: 1.直线运动:图像由A点直线移动至

Spring整合MyBatis(Maven+MySQL)图文教程详解_java

一. 使用Maven创建一个Web项目 为了完成Spring4.x与MyBatis3.X的整合更加顺利,先回顾在Maven环境下创建Web项目并使用MyBatis3.X,第一.二点内容多数是回顾过去的内容 . 1.2.点击"File"->"New"->"Other"->输入"Maven",新建一个"Maven Project",如下图所示: 1.2.请勾选"Create a si

Mac版PhpStorm之XAMPP整合apache服务器配置的图文教程详解_php实例

选择在PhpStorm集成apache服务器,下面是我自己的亲测的步骤. 1.如何修改apache默认端口 xampp apache默认的http访问端口是80 修改完成后在xampp中重启apache. 2.配置流程 打开Settings / Preferences 找到 Build, Execution, Deployment 选项,点击 Deployment 添加如下: 因为我们修改了默认端口80,所以这里一定要指明端口号.目录是/Applications/XAMPP/xamppfiles

Mac版PhpStorm之XAMPP整合apache服务器配置的图文教程详解

选择在PhpStorm集成apache服务器,下面是我自己的亲测的步骤. 1.如何修改apache默认端口 xampp apache默认的http访问端口是80 修改完成后在xampp中重启apache. 2.配置流程 打开Settings / Preferences 找到 Build, Execution, Deployment 选项,点击 Deployment 添加如下: 因为我们修改了默认端口80,所以这里一定要指明端口号.目录是/Applications/XAMPP/xamppfiles

腾达tenda无线路由器设置图文教程详解

本文以腾达系列无线路由器为例,主要给大家介绍下tenda无线路由器设置的过程,全文为图解过程,便于大家理解和掌握,重点介绍无线网络配置部分. tenda无线路由器设置:硬件设备的安装连接 如下图所示WAN口连接宽带进线.LAN口连接局域网内的电脑. 下图为完整的无线网络结构拓扑图 tenda无线路由器设置:如何登陆路由器 1.设置所连接电脑的IP地址. 右键点击"网上邻居""属性"(如下图) 右键点击"本地连接""属性"(如下

安装CentOS 6.3_x86_64系统图文教程详解

1.启动电源: 2.选择第一项后,如下图: 3.选择 Skip后,如下图: 4.点击 Next 后,如下图: 5.选择 English(English),点击Next后,如下图: 6.选择 U.S.English,点击 Next后,如下图: 7.选择第一项,点击 Next后,如下图: 8.选择 Yes后,如下图: 9.主机名默认,点击Next后,如下图: 10.时区选择Asia/Shanghai,点击Next后,如下图: 11.填入密码,点击Next后,如下图: 12.由于我密码设置的比较简单,

乐高蝙蝠侠3头像与罐头怎么获得 获得方法图文教程详解

问:有没有人知道这个罐头到底要怎么拿? 答:欧洲那一关一出来的那个罐头其实是在欧洲第二部分的最后一个部分(进电门之后), 把左边的树打光后地上会有一个小洞,用原子侠进去拿. 问:贪婪的需要第二部分 关卡开始后往后走 有个任务头像怎么拿? 答:就在下面图的左面,打碎之后,记得好像触发什么机关,中间那个方形的地面会升起来 然后再打后面,打碎之后,有两个可以踩的机关,分别选两个大块头的人站上去(比如鳄鱼人),就会把中间那个方形柱子再压起来两截,就可以拿到人物了.

详解Python中time()方法的使用的教程

  这篇文章主要介绍了详解Python中time()方法的使用的教程,是Python入门学习中的基础知识,需要的朋友可以参考下 time()方法返回时间,在UTC时代以秒表示浮点数. 注意:尽管在时间总是返回作为一个浮点数,并不是所有的系统提供时间超过1秒精度.虽然这个函数正常返回非递减的值,就可以在系统时钟已经回来了两次调用期间返回比以前调用一个较低的值. 语法 以下是time()方法的语法: 参数 NA 返回值 此方法返回的时间,因为时代以秒表示浮点数(在UTC). 例子 下面的例子显示ti

Android开发实现带有反弹效果仿IOS反弹scrollview教程详解_Android

首先给大家看一下我们今天这个最终实现的效果图:   这个是ios中的反弹效果.当然我们安卓中如果想要实现这种效果,感觉不会那么生硬,滚动到底部或者顶部的时候.当然 使用scrollview是无法实现的.所以我们需要新建一个view继承ScrollView package davidbouncescrollview.qq986945193.com.davidbouncescrollview; import android.annotation.SuppressLint; import androi