《旋转地球仪GIF动画制作》由会员分享,可在线阅读,更多相关《旋转地球仪GIF动画制作(8页珍藏版)》请在金锄头文库上搜索。
1、集美大学计算机工程学院实验报告课程名称:Web 动画及网页设计 专业:计算机网络工程指导教师:余元辉 姓名:实验成绩:实验项目名称:旋转的地球仪 GIF动画制作学号: 上机实践日期:2012-10-17实验项目编号:04 班级:0911 上机实践时间: 2 学时一、实验目的熟练掌握利用 Firworks 制作 GIF 动画的过程二、实验内容与设计思想利用 Firworks MX 2004 制作旋转的地球仪 GIF 动画; 三、实验使用环境操作系统: Microsoft Windows XP SP2软件环境:DreamWeaver MX2004、FireWork MX2004、Flash MX2
2、004、PhotoShop CS3四、实验步骤和设计过程(一)、新建文档1.新建一个文档,大小为 600*400 的,背景为白色(二)、新建“地图”图形元件:1.导入一张从网上下载下来的世界地图,导入地图图片如下2.选中该图形,按 Ctrl+C 键,再按 Ctrl+V 键,复制该图形,对齐原图,右移动,实现无缝对接:3.单击图层 1,在“修改”选项中选择“平面化所选”,实现将 2 个地图拼接成一张图:(三)、建“地球转”元件:1. 新建一个文档,大小为 600*400,背景为白色,在画布上画一个正圆:2. 新建一个图层 2,将图层 1 中的圆复制到图层 2 中,设置笔触为黑色 1 象素柔化3.
3、a.设置填充为 “渐变”的 “放射状”,上方的左边稍向右移动并设置不透明度为 0:b.设置上方的右方的不透明度为 50:c下方的左右两侧都为黑色图层 2 中的圆的效果如下:(四)、组合“地图”与“球体”:1. 将“地图”元件复制到图层 1 中,并调整地图的高与位置,使之与圆相切:2. 将将“地图”拖动到“圆”的下方,单击图层 1 中的“地图”,按 F8 建选择设置为动画元件,帧为 20,移动为宽的一半 250,其中的参数如下:3. 按住 Shift 键单击“地图”和“圆”,选择“修改”选项中的“蒙版”中的“组合蒙版”:4. 选取层 1 中的蒙板对象,蒙版为:路径轮廓5. 双击图层 2 与图层
4、1,在“共享交叠帧”上打钩6. 添加地球仪支架1. 新建一个文档,大小为 600*400,背景为白色,导入一个地球仪支架:2. 按 Ctrl+c 键将他复制到之前做好的地球的层 1 中3. 调整支架的大小与位置,使之与地球吻合:(五)、导出点击 文件导出向导,在选项中的“抖动”处打钩,可避免由于层 2 中的圆形有渐变,可能会出现颜色过渡不自然五、实验小结由于老师课上有做演示,所以还算比较简单的完成了,但在实验中 Firework 中的其他工具与命令做了一些尝试,对于 Firework 也有了初步的了解,而在实验基础上稍微加上了个支架,也显示了此次实验的主题旋转的地球仪。六、附录Web 动画及网页设计