FLASH实用技巧之太阳系制造

技巧

    太阳系效果主要是通过引导线、遮罩技术来实现的,其中使用到洋葱皮命令,渐变运动的使用方法及一些常用设计技巧。这些设计方法与技巧对大家以后设计自己的Flash作品会大有帮助的。就实例本身而言也是很有实用价值的。

  演示效果:

点击这里下载源代码

  设计步骤:

    实例场景的大小为600px×200px,背景为黑色。帧频在10-20fps之间,以播放效果流畅为准。

    一、制作地球

    1. 按快捷键Ctrl+F8打开“创建新元件”面板,创建一个名为“地图”的图形元件。在“地图”元件的场景里按快捷键Ctrl+R导入一幅地球地图,如下图所示。

    2. 按快捷键Ctrl+F8,新建一个名为“球体”的图形元件。点选“椭圆”工具(不要边线),在“球体”元件的场景中按住Shift键拉出一个圆球,圆球的直径比地图的宽度要大些,见图4。

    注意,球体的中心要和场景的中心(“+”)重叠在一起,这是实现效果的关键之一。

    3. 按快捷键Shift+F9打开混色面板,进行如图3设置,其中三个小滑块的颜色值分别为#2255FC;#116CD2;#699CFC。然后选择“颜料桶”工具并点击圆球为其上色。

    4. 按快捷键Ctrl+F8创建一个名为“地球”的影片剪辑元件。在“地球”元件的场景里双击“图层一”层的名字并改名为“地球”层。按快捷键Ctrl+L打开库,把图形元件“球体”拖拽到“地球”层中,接着在第35帧按F5键插入帧,见下图。

     图

    5. 单击“时间轴”面板中的插入图层按钮新增一层并改名为“地图”。把库中的“地图”元件拖拽到“地图”层中,如图4所示,然后在该层的第35帧按F6键插入关键帧。右键点选该层的第1帧并选择“创建补间动画”命令创建补间动画。

    6. 选中“地图”层第35帧场景中的“地图”元件,把它水平向左移动一段距离,使地图能够从左向右运动。以给人们地球在转动的错觉。

    7. 新建一个“球体遮罩”层,然后点击选中“地球”层中的“球体”元件,按快捷键Ctrl+C复制,紧接着点选“球体遮罩”层的第1帧,按快捷键Ctrl+Shift+V把“球体”元件原位粘贴该层中。

    8. 右键点选“球体遮罩”层的第1帧,点击“遮罩”命令把该层转换成遮罩层。见下图。此时地图就只能以“球体”元件中的蓝色的球体为显示区域了。

    图

    到这里,地球制作好了。下面制作地球系,具体制作方法如下:

    二、制作地球系

    1. 按快捷键Ctrl+F8,创建一个“月球”图形元件。如上方法,在“月球”元件里绘制一个黄色的小圆球。

    2. 创建一个“地球系”影片剪辑元件。在该元件的场景中建立两层,一个“地球”层,一个“月球”层,分别用来放置“地球”元件和“月球”元件。见下图。

 图

    3. 打开库,把“地球”影片剪辑元件拖拽到“地球”层的场景中。点选第120帧按F5键插入帧。

    4. 打开库,把“月球”元件拖拽到“月球”层中。右键点选“月球”层的第1帧并选择“创建补间动画”命令。接着点选该层的第30、60、90、120帧并按F6键插入关键帧。

    5. 右键点选“月球”层,选择“添加引导层”命令为“月球”层添加一个引导层。然后如图6所示在引导层里绘制一个椭圆形引导线。把“月球”层中各关键帧里的“月球”元件吸附到引导线上,并调整好各自的位置,尽量使它们在引导线上进行匀速运动。

    注意,调整“月球”元件的位置时尽量使用洋葱皮命令,因为使用洋葱皮命令可以同时查看不同层或帧中的情况,便于编辑。

    三、制作太阳系

    1. 回到主场景后,创建一个“太阳”影片剪辑元件。在“太阳”元件里设计一个燃烧的太阳效果,由于篇幅关系,具体地设置请参看源文件。

    2. 在主场景中创建一个“太阳”层和一个“地球系”层,用来放置“地球系”元件和“太阳”元件。见下图。

     图

    3. 打开库,把“太阳”元件拖拽到“太阳”层第1帧的场景中。点击选中第120帧按F5键插入帧。

    4. 打开库,把“地球系”元件拖拽到“地球系”层的场景中,右键点选“地球系”层的第1帧并选择“创建补间动画”命令创建补间动画。接着点选该层的第30、60、90、120帧按F6键插入关键帧。

    5. 右键点选“地球系”层,选择“添加引导层”命令为“地球系”层添加引导层,然后绘制引导线,再让“地球系”元件吸附到引导线上。

    效果到这里就完成了。如果您对制作过程还有什么不明白的话,可以下载源文件。

时间: 2024-10-30 07:24:32

FLASH实用技巧之太阳系制造的相关文章

Flash实用技巧:动感星形遮罩

动感|技巧 本例的这个效果做起来就比较简单,我们只需要做的是把两个图片放在不同的图层,然后,上面的图片做一遮罩层,遮罩层最终能覆盖上面整个图片,图像切换完成了.     具体做法如下:     1.新建一FLASH文档,创建三个图层.     2.导入两个图片(最好大小一样),分别放在下面的两个图层,让上面图片刚好能覆盖下面的图片.     3.在第三层里画一小正方形,转换为元件MC,命名为MASKFIELD,实例名一样.     4.双击MASKFIELD,进入编辑状态,让元件的原点跟正方形的

谷歌浏览器你不知道的5个实用技巧

对于一款浏览器软件来说,能够快速.安全.稳定的浏览网页自然是最重要的,正如Chrome浏览器在介绍中所描述的一般.不过,如果这样你就满足了,那就太没追求了,别看Chrome浏览器的界面非常简洁,它可以实现的功能可远不止那么简单. 连邦免费下载 谷歌浏览器你不知道的五个实用技巧 Chrome浏览器自动更新 使用最新版的Chrome浏览器可以获得最稳定的浏览体验,所以及时升级就显得格外重要.由于Chrome浏览器的版本更新较快,人送外号"版本帝",所以很多用户都觉得用Chrome要经常下载

2345好压解压文件的几个实用技巧

  相信很多网友都非常熟悉2345好压的文件压缩跟压缩包解压功能,那您知道可以使用2345好压在文件压缩的过程中的一些使用技巧吗?比如说:一个大的压缩包内有很多文件,只需要解压其中的几个文件夹的时候,该怎么操作呢?一起来看看今天小编为大家整理的2345好压解压文件的几个实用技巧! 一:如何设置所有的压缩包都解压到指定目录: 电脑上的压缩包多如牛毛,每个压缩包解压后都会产生一个文件夹,何不让将这些压缩包都统一解压到一个目录下呢?其实这很容易,只要你打开好压主程序--工具--设置--"压缩标签栏&q

CSS实用技巧及常见问题

个人总结的一些css实用技巧及必须得注意的事项: 1.注释须知:html中注释不能这样写: 复制内容到剪贴板 代码: <div></div><!--------这是错误写法-------><div></div><!--=======这是正确写法========-->这种写法,FF中会忽略其下面的内容详见:http://www.bluebirdsky.cn/article.asp?id=153.2.CSS注释切记在/*之后及*/之前空一

Flash动画技巧:人侧面走路动画制作

flash动画|技巧 人的动作是复杂的,但却有规律可寻.人的走路的运动规律:出右脚甩动左臂(朝前),右臂同时朝后摆.上肢与下肢的运动方向正好相反.另外,人在走路动作过程中,头的高低也必然成波浪形运动.当迈开步子时,头顶就略低,当一脚着地,另一只脚提起朝前弯曲时,头就略高.由此以有前辈们总结了,人走路可以用五幅画组成一个完步. 附件: 走路图1 走动画01  走动画02  01  02  走动画03  03

Flash动画技巧之如何掌握引导层

flash动画|技巧     问题:作移动渐变动画的时候,使用了引导层.但是我的元件为什么没有按照引导线去运动,而是从开始帧的位置直接移动到结束帧的位置? 解决思路:      引导层的作用是限制元件的移动轨迹.如何来实现呢,我们必须把元件运动的开始帧放到引导线的一端,结束帧放到引导线的另一端,这样引导线才可以根据自身的形状来限制元件的移动.出现上述问题的朋友很多,其实原因很简单,就是在放置元件的过程中没有与引导线粘合,导致无法之作出效果. 具体步骤:      1.运行Flash MX 200

制作Flash动画技巧之遮罩效果解析

flash动画|技巧 一.最近无意中发现了这一效果,以前也曾经看到多次,却没有在意,以为原理就是这么简单,最近发现,其实不是想像的那么简单呦,原来事情换一种角度来看会发现有不一样的收获. 1.  新建一文件黑色背景,在图层1中画几条线,转换成元件1, 2.  再新建图层2,画一个白色放射状圆形转成元件2,再创建一段补间动画.让小球动起来. 3.  选中图层1,右键单击出现菜单,选择"遮罩层". 现在发布一下影片,看看效果-- 发现屏幕一片黑,没有出现任何东西! 难道是做错了吗?原因是什

Flash小技巧之Object.watch

object|技巧 Object.watch是用来监听对象属性的变化,但是对getter/setter属性是不起作用的. 下面我们来测试以下: 在场景中加入一个input text,然后变量命名为t 之后在第一帧加入以下代码: function myvarWatch(prop, oldval, newval, userData){ trace(prop+" has changed!!"); trace(newval); return newval;}_root.watch("

flash trace 技巧 和lineStyle()变化

技巧 flash trace 技巧 作者:egoldy   类型:转载   来源:egoldy flashblog trace 多个变量 var x=y=z=myparm; file://正常的trace方法 trace("x,y,z="+x+","+y+","+z+"); file://技巧方法 trace("x,y,z="+[x,y,z]");得到的结果是一样的.省时省力. :) lineStyle()