Fireworks动画--飞机和降落伞
现在我们来学习用Fireworks制作动画,为了使动画看起来更加真实,我们采用飞机和降落伞的照片作为素材,同时还可以学习套索工具的使用和外部图像的输入方法。在本例中,你将要实际接触到动画制作必不可少的概念--- Layer(层)、Frame(帧)、Symbol(符号)和Instance(引用),以及如何合理地使用它们。如果你能仔细地按照下面的方法操作,本例的动画十分精彩,近似于一段电影画面
第一步:导入飞机图片并去掉背景。打开一个新文件,Width=250,Hight=120,背景色为#0066FF。选择File > Import(导入外部文件),在目录中选择飞机的照片(本例使用的照片已事先调整好大小,为GIF格式),如图1。在工具箱中选择套索工具的Polygon Lasso,用鼠标细心地沿着飞机的外部轮廓一小段连着一小段地选取, 当选取的路径首位相连时,击下鼠标左键,轮廓线变为虚线,如图2。然后在主菜单中选择Edit > Cut,就把选取的飞机图窦粝虏⒋嫒爰籼逯校傺≡馝dit > Deselect,Edit > Clear,清除掉剪下以后剩余不要的照片。
图 1 导入飞机图片 
图 2 使用套索去掉背景
第二步:把飞机图像变为Symbol。选择主菜单的Edit > Paste,就把刚才剪下的飞机图像拷贝到了画板上。点击一下飞机图像,选择Modify > Group,再选择Insert > Convert To Symbol,把飞机图像变为一个符号,在出现的对话框中,Name栏输入一个名字,如Plane(不要输入中文名),Type选择Graphic,如图3,再点击OK,就把飞机图像变成了一个Symbol(符号)。选择Edit > Clone,克隆出一个飞机的Instance,把新的飞机拉到上面一些,再选中原来的(第一个)飞机,选择工具箱中的Trasform按钮,拖动出现在第一个飞机周围的方框角上的小方块,把它调到较小,再把克隆出的(第二个)飞机拖到左上方画板边沿以外的位置,按着Shift键,把两个飞机都选中,如图4所示。
图 3 符号属性设置 
图 4 同时选中符号和引用
- 游客发表于:07-06-15
要它动起来
- 讲解行业网站设计心得体会全面攻略 (顶了9次)
- 使用CSS美化页面 (顶了3次)
- 用Dreamweaver制作网页七招实用技巧 (顶了2次)
- 学习网站建设中一些容易被忽视的问题 (顶了1次)
- DREAMWEAVER:加入图像、表单和超链接 (顶了1次)
- 用Dreamweaver实现漫天花雨效果 (顶了1次)
- Dreamweaver 8 轻松制作漂亮的Flash (顶了1次)
- 使用Dreamweaver8在网页中轻松插入Fl (顶了1次)
- 充分利用Dreamweaver CS3的代码片断 (顶了1次)
- 【基础教程】层及其应用 (顶了0次)
- 周一至周五9:00-20:00 周末10:00-17:00
- 客服热线:010-51296260
- 发布招标任务咨询QQ:822959988
- 承接招标任务咨询QQ:822959988
- 发布任务服务邮箱:post@taskcn.org
- 承接任务服务邮箱:service@taskcn.org
- 传真电话:010-82612985