旋转地球仪GIF动画制作

《旋转地球仪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 动画及网页设计