设为首页
收藏本站
最新电影
> 子栏目 firworks | photoshop | flash | 设计理论
您现在的位置: 首页=>图形图像=>fireworks 订阅本栏目  
Fireworks 制作地球旋转动画
时间: 2007-09-25 07:00:06 阅读次数:6566


Fireworks 制作地球旋转动画本教程主要练习蒙板与动画原件的应用闲话少说看实际效果:

图片点击可在新窗口打开查看


具体步骤:


1、双击任务栏右下角的时间


图片点击可在新窗口打开查看


2、打开日期和时间属性对话框后按ALT+PrintScreenSysRq键将对话框屏幕复制到剪贴板中(呵呵就地取材)


图片点击可在新窗口打开查看


3、进入Fireworks新建文件粘贴粘贴后利用裁剪工具将世界地图部分裁剪下来裁剪时一定要放大比例进行裁剪精确一些


图片点击可在新窗口打开查看


4、将裁剪好的世界地图克隆一份(CTRL+SHIFT+D)移动到画布右侧之外空白处单击选择属性栏中的“符合画布”项扩大画布再详细调整地图素材的位置将两张图片左右无缝拼接在一起


图片点击可在新窗口打开查看


5、选取两幅图片素材修改菜单——平面化所选将两幅图片合并为同一张图片


图片点击可在新窗口打开查看


6、新建文件300*200PX绘制一个合适大小的正圆笔触选择无白色填充


图片点击可在新窗口打开查看


7、复制刚绘制的圆形在层面板中新建一层选取新建的层粘贴


图片点击可在新窗口打开查看


8、为方便说明这里我们将步骤6中的圆所在层叫做层1步骤7中的圆所在层叫做层2设定粘贴到层2中的圆形为1PX黑色柔化线段笔触


图片点击可在新窗口打开查看


9、设定层2中的圆形为放射状填充:左右两侧颜色均为黑色将上方的不透明度选项做调整将其中左侧的不透明度选项稍向右移动飞飞Asp技术乐园并将其值设置为0


图片点击可在新窗口打开查看


10、将渐变填充右侧的不透明度选项设置为50左右


图片点击可在新窗口打开查看


11、调整后层2中的圆形如图所示


图片点击可在新窗口打开查看


12、将步骤5中的地图素材复制粘贴到层1中


图片点击可在新窗口打开查看


13、使用缩放工具将地图素材不改变长宽比例进行缩放缩放后的高度和圆形一致并将地图素材右对齐圆形注意上下的位置和圆形重合不能有多余的空隙和边缘露出此时选取地图素材看属性面板记下地图素材现在的宽度教程图片中的宽度是586像素大家制作时按自己的实际宽度记下


图片点击可在新窗口打开查看


14、在层面板中将地图素材拖动到层2中圆形下方


图片点击可在新窗口打开查看


15、选取地图素材按F8打开元件属性面板将地图素材转换为动画元件


图片点击可在新窗口打开查看


16、设置动画的帧数移动方向还有移动距离因为地图素材要向右侧移动(地球自西向东旋转嘛)所以教程中填写的数值是0因为地图素材被我们拼接成了两张旋转一周也就是移动一整张地图素材的宽度或者说是缩放后的地图素材的一半宽度在步骤13中我们记下了地图素材在缩放后的宽度586PX将此宽度除以2得到结果293PX(大家要根据自己记下的宽度为主算其数值)将293数值填入移动距离项目中


图片点击可在新窗口打开查看


17、按住SHIFT键选取层1中的圆形和地图动画元件修改菜单——蒙板——组合为蒙板飞飞Asp@技术乐园


图片点击可在新窗口打开查看


18、选取层1中的蒙板对象


图片点击可在新窗口打开查看


19、在属性栏设定蒙板方式为路径轮廓其实教程中的蒙板圆形是白色不选这项也可以如果大家做的时候蒙板的圆形不是白色此步骤必不可少


图片点击可在新窗口打开查看


20、双击层1的名字选取“共享交叠帧”项目


图片点击可在新窗口打开查看


21、也可以适当给层2中的圆形加阴影效果来增强立体感最后别忘了设置首帧和尾帧的时间让首帧和尾帧时间加一起等于普通其他帧的时间因为首帧和尾帧的内容是一样的如果不改时间动画会出现停顿这时候可以播放动画了导出GIF时因为层2中的圆形有渐变可能会出现颜色过渡不自然大家可以在导出选项中设定抖动选项


PNG 源文件:


图片点击可在新窗口打开查看




站内搜索    

下一篇Fireworks Eyecandy滤镜效果 详解

上一篇实用Fireworks企业标识不扣图反白法

本栏目最新 栏目最新列表
Fireworks画文件夹
Fireworks制作动态banner流程
Fireworks通道原理+快捷运用
Fireworks Eyecandy滤镜效果 详解
Fireworks 制作地球旋转动画
网站优化策划 栏目最新列表
增加网站外链的快速方法
网站上线前必做的30个检查
新的友情链接参考标准(没有google的PR情况
优化Google的AdSense广告的五个工具
王通讲SEO八大基础
站点最新 站点最新列表
微博推广的一些技巧
xhEditor v1.1.7 发布,
收集的一些轻量级非常实
50个新鲜兼容最新版本的
javascript中cookie的设
Excel中出现#VALUE!、#D
jquery插件:飞飞表情插件
十个使用HTML5开发的精彩
支持HTML5的浏览器有哪些
飞妮莫属:漫画:如何写出
历史最热10条信息  
MIME介绍 及 [1] [2] [3]
巧用Google和迅雷来下载
VIA Rhine II Fast Ethe
Transact SQL 常 [1] [2]
电脑常用端 [1] [2] [3]
十道羊皮卷 欣赏+mp3版+
Do you get a kick out
每日一句:A friend and
每日一句:Theres no tu
网站开发常用手册
相关文章
Fireworks 制作地球
围绕鼠标的立体旋转
360度立体旋转文字
 
 width= 
伟哥博客 西安房产 123最新电影 三四六四