设为首页
加入收藏
联系我们
电脑入门 | 操作系统 | 工具软件 | 病毒安全 | 平面设计 | 媒体动画 | 网页制作 | 网络编程 | 数 据 库 | 服 务 器 | 程序设计 
认证考试 | 网管大全 | 站长CLUB | 游戏娱乐 | 机械电子 | 学院热门 | 热门源码 | 软件新闻 | 驱动下载 
您当前的位置:藏经阁资源站 -> 网页制作 -> Fireworks -> 设计实例 -> 教程内容 退出登录 用户管理
栏目导航
热门教程
· 劲舞团8K舞步 1.7最新舞步 魔神舞步
· [组图] 上网助手反间谍专家火热试用
· [组图] Win2000/XP/2003:系统万能Ghost全攻略
· [组图] Photoshop超酷海报效果
· [组图] Photoshop合成图:蛋壳-女孩
· [图文] 一分钟攻破ADSL 盗遍宽带密码1
· [组图] MATLAB 概 论
· VBOCX.OCX是完全免费的ActiveX控件
· AutoCAD二次开发语言及工具介绍
· [图文] 《仙剑奇侠传4》绝密情报 首度曝光
· [图文] 将数码照片做成自动放映的Flash
· [图文] 《上古卷轴4:湮灭》开启控制台及秘籍
· [图文] 《魔兽世界》漫画官方宣布
· [组图] 初学java常用开发工具介绍
· [图文] [常用]免费短信收发工具串串烧
· [图文] 《上古卷轴4》杂志扫描图抢先看
· 超全!Windows快捷键大全
· [组图] FLASH:《大话李白》创作全过程
· Pro/E 功能
· [组图] 用Pro/E画减速机渐开线斜齿圆柱齿轮的一般方法
相关教程
· [组图] Firewoks打造液体金属表面效果
· [图文] Firewoks打造液体金属表面特效
· [图文] Firewoks制作立体黑水晶质感文字
· [图文] Fireworks教程:制作逼真梵高之光特效
· [图文] 运用Fireworks“建立控点法”绘炫彩画面
· [组图] 在AE中用DE Fire特效快速创建长明灯
· [图文] Fireworks粒子插件帮助AE制作绚丽焰火
· Google、FireFox之死!流氓推广的恶果?
· Mozilla紧急修复Firefox漏洞
· 容易被攻击:Firefox受URI协议隐患影响
· [组图] 巧用Fireworks笔触绘制飘逸的白云
· [图文] Fireworks绘制美丽的细叶榕树
· [图文] Fireworks丰富的笔触设置面板详解
· [图文] Fireworks滤镜巧绘极光字特效
· [图文] Fireworks CS3蒙版基础教程
· [图文] Mozilla Firefox中实现Flash透明背景
· [图文] Fireworks 制作一个水晶图标
· [图文] 运用Fireworks 建立控点法 绘炫彩画面
· [图文] Fireworks打造《梵高之光》
· [图文] Fireworks轻松绘制Vista质感LOGO
Fireworks巧妙制作地球旋转动画
作者:佚名  来源:不详  发布时间:2007-12-31 21:35:40  发布人:admin

减小字体 增大字体

 
  本文中我们用Fireworks制作地球旋转动画,主要练习蒙板与动画原件的应用。

  我们先看看最终效果:


效果预览

  制作具体步骤:

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


图1

  2、就地取材,打开电脑中“日期和时间”属性对话框后,按ALT+PrintScreenSysRq键,将对话框屏幕复制到剪贴板中。


图2

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


图3

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


图4

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


图5

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


图6

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


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


图8

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


图9

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


图10

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


图11

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


图12

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


图13

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


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


图15

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


图16

  17、按住SHIFT键选取层1中的圆形和地图动画元件,修改菜单——蒙板——组合为蒙板。


图17

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


图18

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


图19

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


图20

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

  PNG 源文件:


图21

[] [返回上一页] [打 印] [收 藏]
∷相关教程评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
 
Copyright © 2000-2006 18839.Com. All Rights Reserved .
EMAIL:webmaster@18839.com 联系QQ:63191918 苏ICP备05065193号 带宽支持:三九互联