基于Flash+ActionScript制作美丽的星空
- 格式:pdf
- 大小:308.37 KB
- 文档页数:3
设置文档属性(1) 选择【文件】|【新建】命令,或单击标准工具栏中的新建按钮,新建一个Flash MX 2004文档。
(2)选择【修改】|【文档】命令,打开的【文档属性】对话框,设置成550×400像素,帧频15fps。
(3) 场景大小自定,背景颜色设为黑色,主要是为了增加一种神秘的感觉,而且更能突出光线的效果,与动画设置的环境相搭配。
制作元件(1) 制作一个球体。
新建一个元件,取名为“光球”,行为为“图形”,然后在工具栏里选取圆形工具,在工作区绘制一个正圆形。
(2) 设置颜色效果。
选择【窗口】|【混色器】命令,打开【混色器】面板,选择渐变色中的圆形渐变,制作两个滑块的渐变色,其中第一个滑块颜色选取成白色,但Alpha值设置为100,表示不透明,最好不要放在最左边,否则,中间的白点就太小;第二个滑块为浅黄色,Alpha值设置成0,即为全透明。
这样设置以后,将会达到很好的视觉效果。
(3) 用渐变色填充图形,小球有了放射性的效果。
(4) 制作光线1。
首先设置第一种光线色彩效果,选择矩形工具,并在【混色器】面板中,选择渐变色中的线性渐变,制作4个滑块的渐变色,其中两头的滑块颜色选取成黄色,但Alpha值设置为0,即全透明的黄色。
中间滑块的颜色也选取成黄色的,但Alpha值仍设置为80,部分透明。
(5) 新建一个元件,取名为“光线一”,选择矩形工具,在黑色背景的电影上任意画一个区域,矩形框高度大概为“1 pixel”左右,此时会有光线的效果。
(6) 制作光线2。
首先设置第二种光线色彩效果。
按照第(4)步的设置,制作4个滑块的渐变色,其中在两边的滑块颜色设为粉红色,Alpha值为0;中间滑块的颜色设为白色,Alpha 值为100。
(7) 按照第(5)步的制作方法,制作一个元件,并命名为“光线二”。
准备工作到现在都已经完成了,接下来,我们来应用做好的元件,制作另外一个星星的元件。
(8) 新建一个元件,设为“影片剪辑”,并命名为“星星”,直接按Ctrl+L组合键调出元件库,将“光线一”拖入,按组合键Ctrl+Alt+S,弹出对话框,调整它的大小和旋转角度,设旋转角度为20°。
1.新建一个FLASH文档,点插入菜单/点新建命令,新建一个名为矩形的图形元件,点确定。
在矩形的场景中,用矩形工具,笔触颜色设置为无,填充色设置为红色(也可为其它),在场景中画一个尺寸为100*100(也可以大的,也可能小点)的矩形,然后调出对齐面板,设置水平垂直居中对齐。
2.然后点任意变形工具,将鼠标放在正方形的上边缘,等鼠标右下角出现园弧标志时按住鼠标左键向下拖一个园弧如图:3.按上面的方法将其余三边也拖成园弧,弧度要尽最大可能的拖一样大,然后点修改/变形/缩放与旋转/旋转45度,然后将星星设置水平垂直居中对齐。
这样星星元件制作出来了。
如图:4.点插入/点新建命令,新建一个命名为正方形的图形元件。
用工具栏中的矩形工具,笔触颜色为无色,填充色为红色,在场景中画一个矩形,在属性栏里设置它的大小为150*150。
5.再点插入/新建命令,新建一个名为星星的影片剪辑元件,在星星的影片剪辑场景中,在图层的第一帧拖入刚做好的星星元件,再做水平垂直居中对齐。
在30桢处插入一关键桢。
在60帧处插入空白关键帧,将第一桢至30帧做补间动作,在属性栏中旋转里选择顺时针,在次数里选择1次。
在60处拖入刚才建好的正方形图形元件,并按ctrl+b(或点修改/分离)将图形打散,并延长至200帧,在31帧处插入关键帧,也按ctrl+b将将图形打散,然后设置31帧至60帧形状补间。
4.接下来做星星旋转遮罩了,点插入/新建命令,新建一个名为星星遮罩的影片剪辑元件,点确定。
在星星遮罩的影片剪辑场景中,点图层1的第一帧,用矩形工具画一个与场景同样大小的矩形(550*400),颜色为兰色,设置水平垂直居中对齐。
然后加入一层,点第二层的第一帧,拖入刚做的星星图形元件到场景的左上角,然后再加一层,将星星拖放到它的右边,继续加层,依次拖放,只到将场景布满为止。
最后删除图层1。
3.回到主场景中 ,将图层1的第一帧导入一张背景图片,设置水平垂直居中对齐,并延长至200帧。
用Flash8来画星星
作为十年前的一款软件,个人感觉Flash8在绘图方面功能提升还是不错的,尤其多边形工具的添加,给绘图增添了不少亮色,但是有些网友在使用时发现,画出来的五角星啊什么的,都是一个形状,一样的尖角。
其实是可以调整的,下边就从两个方法入手,来分享一下本人的经验。
一是利用多边形工具。
打开Flash8,在左边的【工具】面板,按住矩形工具一秒钟左右,会弹出【多角形工具】,选择这个工具并在
属性(Ctrl+F3)中单击【选项】,【确定】即可进行下一步。
单击选择好的喜欢的颜色,比如红色,按住鼠标左键在空白处拖动就看看到默认的五角星形状了。
这两步大部分玩家都会吧。
0.01,数字越大尖角越钝,数字越小尖角越尖。
怎么样,可以画出自己喜欢的多角星了?
二是利用任意变形工具和填充工具。
单击工具栏里的【线条工具】,两笔画出一个自己中意的尖角,然后在【编辑】菜单中选择
全选(Ctrl+A)。
选择后的线条变的粗糙一些了,这时单击【任意变形工具】,并按住左键拖动中心。
以此类推),并单击【复制并应用变形】按钮。
单击4次之后,就看到五角星的样式了,这样的缺点是交叉点会有线头,我们要去除一下,我们可以放大一下,选择放大镜工具框选五角星,再按住shift键单击线头,按下delete删
除。
二步拖动中心时偏离一点,会画出想象不到的星星呢!
有问题可以私信或评论哦,欢迎指点和投票!。
Flash动画制作案例:璀璨星空本实例主要通过创建影片剪辑元件来制作星光闪烁效果;然后拖拽影片剪辑至布满舞台来完成。
操作步骤(1)新建一个Flash文档,执行“修改→文档”命令,打开“文档设置”对话框,在对话框中将“尺寸”设置为600像素(宽)×420像素(高),背景颜色设置为黑色,“帧频”设置为“12”,如图3-1所示。
设置完成后单击“确定”按钮。
图3-1 设置文档(2)执行“文件→导入→导入到舞台”命令,将一幅图像导入到舞台中,如图3-2所示。
图3-2 导入图像(3)执行“插入→新建元件”命令,打开“创建新元件”对话框,在“名称”文本框中输入元件的名称“星星”,在“类型”下拉列表中选择“影片剪辑”选项,如图3-3所示。
完成后单击按钮。
图3-3 新建影片剪辑元件(4)在影片剪辑“星星”的编辑状态下,选中时间轴上的第1帧,在工作区中绘制一个星星形状,然后选中星星形状,按下“F8”键将其转换为图形元件,如图3-4所示。
图3-4 绘制星星形状提示:将星星形状转换为图形元件是为了设置其Alpha值,以制作星星一闪一闪的动画效果。
(5)分别选中时间轴上的第2帧、第3帧、第4帧……第13帧与第14帧,按下“F6”键,插入关键帧,如图3-5所示。
图3-5 插入关键帧(6)选中时间轴上的第2帧,使用任意变形工具将星星形状向左旋转一些,如图3-6所示。
图3-6 旋转星星(7)按照同样的方法,将剩余关键帧处的星星形状都向左旋转一定的角度,如图3-7所示。
图3-7 旋转星星(8)分别选中第1帧与第14帧处的星星,在“属性”面板中将它们的Alpha值设置为0%,如图3-8所示。
图3-8 设置Alpha值(9)分别选中第2帧到第6帧处的星星,在“属性”面板中将它们的Alpha值设置为16%,如图3-9所示。
图3-9 设置Alpha值(10)回到主场景,新建一个图层2,从“库”面板里将影片剪辑“星星”拖入到舞台上。
Action Script 3.0 练习星光闪烁Flash不仅提供了补间、遮罩和滤镜等制作普通动画的工具,还提供了线条工具、钢笔工具等矢量绘制工具。
使用Flash的矢量绘制工具,可以绘制出各种图形。
本练习将使用Flash的矢量绘制工具绘制星星,制作一个星光闪烁的动画,如图1-43所示。
图1-43 星空闪烁(1)在Flash中新建影片文件“space.fla”,执行【文件】|【导入】|【导入到库】命令,导入素材文件“land.ai”,如图1-44所示。
图1-44 导入素材图像(2)新建图形元件“background”,在元件中绘制一个大小为528px×400px的矩形,并使用放射渐变方式为其填充颜色,如图1-45所示。
(3)新建影片剪辑元件“star”,选择【多角/星形工具】,在【属性】面板中单击【选项】按钮,从【工具设置】对话框中设置星形的边数和角度,如图1-46所示。
图1-46 设置星形工具(4)在【颜色】面板中设置星形的渐变方式为放射渐变,在舞台中绘制一个大小为56px×56px的星形,如图1-47所示。
图1-47 绘制星形(5)新建影片剪辑元件“twink”,将星形元件“star”拖动到“twink”中。
在【时间轴】面板中第48帧处按F6快捷键,将其转换为关键帧,右击第1帧,执行【创建传统补间动画】命令,如图1-48所示。
图1-48 创建传统补间动画(6)单击【时间轴】面板第24帧,按F6快捷键将其转换为关键帧。
分别设置第1帧和第48帧处星形元件的透明度为10%,如图1-49所示。
图1-49 设置星形元件透明度(7)分别为3个关键帧中的星形元件设置发光滤镜,其中【模糊X】为2,【模糊Y】为2,【颜色】为白色(#FFFFFF)并将第24帧中的发光滤镜强度设置为150%,如图1-50所示。
图1-50 设置发光滤镜(8)新建影片剪辑元件“twink2”,用相同的方法制作传统补间动画,并将第1帧和第48帧的元件设置为不透明,第24帧处的元件透明度10%,为元件添加发光滤镜,完成元件制作,如图1-51所示。
第26课时代码实例《跟随鼠标移动的星成心》案例说明:本课将制作一个动画实例“跟随鼠标移动的星成心”,动画播放画面如图1所示。
播放动画时五角星会跟随鼠标移动,并且在移动的过程中自身不断进行复制,最终组成一颗爱心的形状。
当鼠标移动到其它位置时,五角星会跟着鼠标移动,在新的位置重新组合成爱心形状。
如图2所示:图1 实例“跟随鼠标移动的星成心”动画画面1图2 实例“跟随鼠标移动的星成心”动画画面2授课教师:文韬教学目的:通过本案例的学习,让学生能够掌握引导图层的使用方法、随机函数的使用和复制影片剪辑函数的使用方法、以及条件结构语句IF的使用;教学重点:随机函数的使用和复制影片剪辑函数(duplicateMoveiClip)的使用方法;教学难点:影片剪辑属性的设置和条件结构if语句的使用;教学过程:一、相关知识1.setProperty语句的使用和参数设置格式:setProperty(target, property, expression)功能:用来设置影片剪辑实例(target)的属性。
参数:target用来设置和改变影片剪辑实例在舞台中的地址路径;Property用来设置影片剪辑实例的属性;expression是属性的值,可以是一个表达式。
2.duplicateMovieClip语句的使用和参数设置格式:duplicateMovieClip(target, newname, depth)功能:复制一个影片剪辑实例对象到舞台的指定层,并给该实例赋予一个新的名称。
参数:target给出要复制的影片剪辑元件的目标路径。
Newname给出新的影片剪辑实例的名称。
Depth给出新的影片剪辑元件所在的层号码。
3.startDrag语句的使用和参数设置格式1:startDrag(target);格式2:startDrag(target, [lock]);格式3:startDrag(target, [lock, [left, top, right, bottom]]);功能:该命令用来设置鼠标拖曳舞台工作区的影片剪辑元件对象实例。
FLASH跟随鼠标的旋转星星第一步:打开FLASH,新建一个影片剪辑元件,命名为“星星”,在里面绘制一个星星出来,并且把它的中心点和舞台注册点对齐,在第20帧和第40处各插入一个关键帧。
选中第20帧,在它的中心点和舞台的注册点对齐的情况下按住SHIFT 键进行等比例缩小(你认为差不多就行了),然后选中第1到20帧的任意一帧创建补间动画,打开属性面板把它的转调成逆时针,选中第20到40帧的任意一帧创建补间动画,打开属性面板把它的转调成顺时针。
第二步:在新建一个影片剪辑元件,命名为“转圈的星星”,在图层面板的地方找到“添加运动引导层”添加一个引导层出来,在选中该图层的情况下按住AIT+SHIFT键在舞台上绘制一个有边框无填充色的圆(大小你认为合适就OK),然后用鼠标圈住它的一点边选中后删除(这样做是给它一缺口),选中绘制好的圆,把它的左和上对齐舞台中心的注册点,选中第40帧处添加一个帧,锁定该图层,选择第一个图层把我们库中的星星拖进来并把它的中心点对齐引导层中圆的上边的那个缺口的地方,选中第四十帧插入一个关键帧把它的中心点对齐引导层中圆的下边的那个缺口的地方。
回到舞台,把库中转圈的星星放到舞台任意位置,并给它一个实例名称mc。
第三步:继续插入一个影片剪辑元件,命名为“as",选中第一帧添加以下代码:var k:Number=64;//用来定义星星的个数;var n:Number=16;//用来定义一圈星星的个数;var r:Number=2;X坐标和Y坐标的缓动,值越大跟随鼠标移动时就越慢;for(var i=1;i<=k;i++){duplicateMovieClip("_root.mc","mc"+i,i);setProperty("_root.mc"+i,_rotation,360/n*i);setProperty("_root.mc"+i,_alpha,100/k*i);}setProperty(_root.mc,_visible,0);选中第二帧处插入一个空白关键帧添加以下代码:for(var j=1;j<=k;j++){setProperty("_root.mc"+j,_x,_root["mc"+j]._x+(_root["mc"+(j-1)]._x-_r oot["mc"+j]._x)/r);setProperty("_root.mc"+j,_y,_root["mc"+j]._y+(_root["mc"+(j-1)]._y-_r oot["mc"+j]._y)/r);}选中第三帧处插入一个空白关键帧添加以下代码:gotoAndPlay(2);添加完代码以后回到主场景;第四步:把库中名为as的元件拖放到舞台上,给它一个实例名称mc0.在主场景内添加一个图层在第一帧加上拖动代码:startDrag("_root.mc0",true);注意这里是mc0不是mc,虽然你拖动的影片里面没有东西,在下面我后细说的;做到现在就算完工了,我在这里就把重点的地方说一下。
Action Script 3.0 练习弹动的星星弹动的星星就是星星会随着鼠标的移动而发生弹性运动。
当鼠标移动的速度越快,星星的弹性力越强,其移动的范围也就越广,其效果类似于弹簧。
为了表现出真实的弹性运动,在制作时需要考虑到物体的重力、摩擦力和加速度。
在舞台中移动鼠标,效果如图8-14所示。
图8-14 弹动的星星首先通过x和y坐标求出星星与鼠标光标的距离,然后根据弹性力、重力和摩擦力计算出星星的加速度,当星星的速度加上加速度即可实现物体的弹动效果。
(1)新建530×450像素的空白文档,将素材图像导入到【库】面板中,然后将背景素材图像拖入到舞台中,如图8-15所示。
图8-15 拖入背景图像(2)在【库】面板中双击“Star.ai”打开该图形元件。
然后,在【对齐】面板中设置该图形【垂直中齐】、【水平居中分布】,如图8-16所示。
图8-16 设置对齐方式(3)在【库】面板中右击该图形元件,在弹出的菜单中执行【类型】|【影片剪辑】命令,将其转换为影片剪辑元件,如图8-17所示。
图8-17 转换为影片剪辑元件(4)右击该影片剪辑元件,在弹出的菜单中执行【链接】命令。
然后,在【链接属性】对话框中启用【为ActionScript导出】复选框,并设置【类】为“Star”,如图8-18所示。
图8-18 设置链接类(5)新建“AS”图层,打开【动作】面板。
然后,初始化变量并将“Star”对象显示在舞台中,代码如下所示。
var vx:Number=0;//物体的水平方向初始速度var vy:Number=0;//物体的垂直方向初始速度var spring:Number=0.1;//弹性力var friction:Number=0.95;//摩擦力var gravity:Number=5;//重力stage.frameRate = 24;//设置帧频var star:Star;star=new Star();//创建star对象this.addChild(star);//将star对象加入显示清单,显示在舞台中(6)侦听舞台的enterFrame事件,并通过调用onEnterFrame()函数来实现star对象的弹性运动,代码如下所示。
1.启动Flash,新建一个影片文件,设置影片舞台大小为450px*150px(单位为象素),设置影片背景色为黑色。
2.首先制作单个的星星。
新建一个图形元件,命名为Star,进入元件编辑区后,使用矩形工具在编辑区绘制一个无边框的白色矩形,并用鼠标拖动矩形左上角的顶点使之与右上角的顶点重合,形成一个长尖的三角形,如图2所示:图2 制作长三角形3.选中工具箱中的颜料桶工具,然后再打开混色器面板,在填充类型下拉列表中选择线型渐变效果,然后设置左边的色块为黑色,右边的色块为白色,具体设置如图3所示;图3 设置填充色设置好或在三角形上点一下,给其填充上所设置的颜色,如图4所示;图4 给三角形填充渐变色4.选中这个做好的三角形,复制并连续粘贴四个副本到编辑区中,使用旋转工具将其拼成一个星星图案,如图5所示:图5 拼接三角形为五角形然后全选所有三角形,选择修改/组合菜单命令将其组合一个整体,并使用缩放工具将星星适当缩小,使其符合实际大小,如图6所示:图6 组合并缩小星星5.接下来制作群星闪耀的效果.新建一个影片剪辑命名为";statMC";,进入元件编辑区后,从图库中将刚才做好的元件";star";拖到编辑区的中央,然后分别在时间轴的第15和第30帧处各插入一个关键帧。
6.回到第1帧,选择该帧的星星,然后在属性面板中设置其透明度为100%,最后选取第15帧,将该帧中星星的透明度设为0%,最后分别在第1到第15帧,第15帧到第30帧之间设置运动渐变动画效果,从而实现了星星由有到无再到有的效果,时间轴如图7所示;图7 时间轴窗口7.新建一个影片剪辑命名为"script",进入元件的编辑区后,在图层Layer1中连续插入3个关键帧。
在第1帧中加入如下Actions:num=0;在第2帧加入Actions语句:if (num>50){num=0;}_root.star.stop();_root.star._x=random(550);_root.star._y=random(400);_root.star.duplicateMovieClip(";star";+num,num);num=num+1;在第3帧加入Actions语句:gotoAndplay(2);8.最后回到主场景,把元件"starMC"和"script"分别拖到场景中,在属性面板中设置元件";starMC";的实例名为"star",这样一个星空的效果就完成了。
矢量图-自定义类绘制星形经过前边的学习,我们已经知道lineTo可以绘制直线,beginFill可以往里边填充颜色。
接下来我们讲一个更为复杂的例子。
这个例子是我要自己单独构造一个Star类,这个Star 是可以在具体应用当中绘制任意的星形。
为了定义这个类,需要了解一些基本的几何知识,同时要预设一下这个类要实现的功能。
我们要绘制星形,首先要涉及到的是顶点的个数vertex,第二是颜色color,第三是填充的透明值alfa,还有星形的夹角大小pointSize,还有星形本身的大小size,这就是我需要预制的一些属性。
还有一些基本的方法,比如说移动它的位置我们将定义一个moveTo,这个是flash里边默认的方法,可以移动相应的位置。
还有一个就是我还可以不断的去更新当前的图像,我需要clear这样一个公共方法,每当我执行的时候相应的图形将被清除。
下面是Star类代码分段解释,在文章的最后还有全部代码的拼合。
具体来看一下Star类的定义。
首先定义了类包package,接着导入必要的包,Shape将用于存储图形,作为画布的父级,Graphics是我们必须要导入的,因为我们绘制图形主要就是Graphics。
然后geom的包,它里面包含许多数学计算的一些公式,用一个*将引用所有必要的包。
接着是我们声明整个Star类,它扩展的是Shape,继承Shape里面的所有属性和方法。
然后我们分别声明了以下几个变量,这几个变量是用来实现刚才说的那些属性的,vertex这个是顶点数,size是整个星形的大小,pointSize是星形夹角的角度我们使用0到1之间的数值来让它不断变化。
我们也声明了一个g的Graphics,这个g的声明本身是为了简化代码书写,我们将用它直接引用Star里边的graphics。
points是一个数组,它用来存储星形里边的各个顶点。
ro是用于整个图形生成之后的作为对称的一个修正值,后边会看到它作为修正值补充到计算的结果里面去。
漫天五彩星实例说明五彩的星星从天而降,这个动画具有节日气氛,动画的大小不到5K,可营造的效果变化万千,充分体现了脚本语句的强大功能。
创建影片文档1. 执行【文件】|【新建】命令,在弹出的对话框中选择【常规】|【Flash文档】选项后,设置背景为淡紫色,单击【确定】按钮。
2. 执行【插入】|【新建元件】命令,新建一个影片剪辑。
名称:星星。
3.在动画片段星星的编辑窗口中的图层一的第一帧,绘制一个星星图形。
4.接着,在第二十帧处按下F6键插入一个关键帧,选中该帧的星星图形,做适当的变形,且将透明度修改为0%。
5.创建第一帧到第二十帧间的补间动画。
6.接下来,在时间线的窗口新建图层二,在该图层的第一帧绘制一个圆(在星星的旁边)。
7.选中图层二的的第十五帧,按下F6键插入关键帧,接着,选中第一帧的圆,将其缩小,且将透明度修改为0%。
8.返回主场景的编辑窗口,打开库面板把星星图形拖到图层一的第一帧,在属性栏里设置实例名为:mc.再在第三帧按F5键插入普通帧。
9.在时间线上新建图层二,写脚本语句。
第一帧:tate = 0;loopvar = 0;第二帧:duplicateMovieClip("mc", "mc" add loopvar, loopvar);removeMovieClip(mc add (loopvar-15));setProperty("mc", _rotation, tate);setProperty("mc", _yscale, random(400)-200);setProperty("mc", _xscale, random(400)-200);setProperty("mc", _x, random(400));setProperty("mc", _y, random(400));tate = tate+10;loopvar = loopvar+1;myCol = new Color(mc);myCol.setTransform({rb:random(255),gb:random(255),bb:random(255),aa:random(100)}); 第三帧:gotoAndPlay(2);OK..看看有“仙女散花”的效果吗。
一、要准备的素材1.星星的闪光包括圆形的闪光和十字形的闪光两种。
圆形的闪光就是先画一个正圆,然后改变其填充为白色到透明的径向渐变就好了,当然别忘了删掉圆的线边。
做好以后将其转化为图形元件“glow”。
十字形的闪光制作稍复杂一点:首先画一个长方形,然后将其线边删掉;改变其填充为白色到透明的线性渐变;点取“填充转换工具”,将长方形上的渐变调整到适当角度(如图所示);将上面所画的长方形复制三份,摆成如图所示的形状,然后将其转化成图形元件(注意:这一步很重要,不转换成元件的话在下一步叠放中将会发生互相遮挡的情况,达不到应有的透明效果);再将这个形状复制一份,调整使之与已有图形垂直,将最后所得的图形转化成图形元件,取名“stargfx”,这就是十字形闪光的成品了。
2.一张合适的背景图:找一张有气氛的图片做为影片的背景。
你总不希望你的影片只是单调地有一些星星在飞吧,这样可讨不到女孩子欢心噢。
图片应该是深色的,最好有星空做背景,这样才与我们的效果相搭配嘛。
需要准备的东西就这些了,下面就要动手把这些简单的东西组合成绚丽的特效啦。
二、影片元件的制作1.会闪烁的星星新建一个影片剪辑“star”,将已有的层改名“star”,然后在这一层正中央画一个很小的圆,这是星星的主体;新建一个层“starglow”,将我们做好的圆形发光效果“glow”放置在主星星体上方。
再新建一层“stargfx”,将我们做好的“stargfx”图形元件放在星星主体上方。
然后来做闪烁的动画效果:“stargfx”层:改变第一帧“stargfx”元件的Alpha值为0;然后在第5帧添加关键帧,改变“stargfx”的alpha值为100,并将其旋转一个适当的角度(比如顺时针45度);在第十帧添加关键帧,改变“stargfx”的alpha值为0,并沿与上次相同的方向旋转一个同样的角度;最后在各关键帧之间生成动画。
如果发现生成动画后元件旋转的方向与想要的不同,可以点击两关键帧之间的任何一点,然后在属性栏里改变其旋转方向。
如何利用flash制作闪闪红星动画
一、简介
Flash作为影像设计的有力工具,拥有完整的图像制作流程,和全面
的交互设计能力,可以使制作出的电子动画来展现更加生动,活泼的效果。
本文将介绍如何使用影像工具 Flash 制作闪烁的红星动画,实现闪烁红
星的效果。
二、准备工作
1、准备工作:计算机、Flash软件、作品素材(闪闪红星图片);
3、准备素材,将图片拖动至Flash场景中,并调整图片尺寸与比例;
4、给图片添加特效,添加给红星添加阴影、发光等效果,以营造出
魔法的感觉;
5、为闪烁的红星添加动画,设置帧数、添加关键帧,让红星眨眼睛
的动作,实现闪烁效果;
6、将动画保存为SWF格式,便可以在介绍中使用,让整个作品更加
生动灵动。
三、详细步骤
1、打开Flash,创建新场景,并设置场景尺寸:
第一步:选择“文件”--“新场景”,然后设定新场景的尺寸:在
“文件”--“属性”输入1920*1080
2、拖动素材至场景:
第二步:在栏中输入“红星”,然后选择你喜欢的素材,将素材拖动至场景中,并可以调整素材的尺寸与比例,使其更加美观。
3、添加效果:
第三步:为红星添加特效。
2024年闪烁的星空元件与脚本Flash动画教案设计一、教学内容本节课选自《Flash动画制作》教材第五章“元件与脚本”,详细内容包括:理解元件的概念、创建和使用元件、理解脚本的作用、使用脚本制作简单动画。
二、教学目标1. 让学生掌握元件的创建和使用方法,理解元件在Flash动画中的作用。
2. 培养学生运用脚本制作简单动画的能力,提高学生的逻辑思维能力。
3. 培养学生的创新意识和团队协作能力,提高学生解决实际问题的能力。
三、教学难点与重点重点:元件的创建和使用,脚本的编写与运用。
难点:脚本的逻辑思维和动画效果的实现。
四、教具与学具准备教具:计算机、投影仪、PPT。
学具:Flash软件、教材、笔记。
五、教学过程1. 导入新课:通过展示一组闪烁的星空动画,引发学生对本节课的兴趣。
2. 知识讲解:(1)介绍元件的概念、类型和作用。
(2)演示如何创建和使用元件。
(3)讲解脚本的作用,以及如何编写和运用脚本。
3. 实践操作:(1)学生自主创建元件,制作星空背景。
(2)学生编写脚本,实现星星闪烁的动画效果。
4. 例题讲解:讲解如何制作一个简单的闪烁星星动画。
5. 随堂练习:学生自主完成一个简单的闪烁星星动画。
7. 课堂拓展:引导学生思考如何运用所学知识制作更复杂的动画效果。
六、板书设计1. 板书2024年闪烁的星空元件与脚本Flash动画2. 板书内容:(1)元件的概念、类型和作用(2)创建和使用元件的方法(3)脚本的作用和编写方法(4)闪烁星星动画制作步骤七、作业设计1. 作业题目:制作一个具有多个闪烁星星的星空动画。
2. 答案:(1)创建星空背景元件。
(2)编写脚本,实现星星闪烁效果。
(3)调整星星的位置、大小和闪烁频率,使动画更具观赏性。
八、课后反思及拓展延伸1. 反思:本节课学生对元件和脚本的掌握程度,以及动画制作的效果。
2. 拓展延伸:(1)学习更多关于Flash动画制作的知识,如补间动画、遮罩动画等。
一.翻滚字●见效果文档二.十字闪烁●图形元件。
第一步,以笔触为1像素,选线条工具,画直线,对齐中心。
第二步,修改为填充,扩充中间。
第三步,填充线性渐变,均为白色,中间不透明度,两边设置50%透明,如图。
第四步,复制多一个,旋转90度,如图。
●影片剪辑。
第一步,以上边图形元件为基础,做一个旋转两三圈的动画。
第二步,接着做淡出动画。
三.喷射●影片剪辑。
第一步,画个小点,做成形状补间动画。
设置为链接,名字为”dotM”。
●影片剪辑。
第一个位置代码:import flash.geom.ColorTransform;import flash.geom.Transform;i=0;onEnterFrame=function(){if (i<20){this.attachMovie("dotM","dotM"+i,i);dotM_mc=eval("dotM"+i);var color3:ColorTransform=new ColorTransform;var color4:Transform=new Transform(dotM_mc)color3.rgb=random(0xffffff)color4.colorTransform=color3this.dotM_mc._x=i;this.dotM_mc._y=i;this.dotM_mc._width =random(5);this.dotM_mc._height=this.dotM_mc._width;this.dotM_mc._rotation=random(35);i++;}else{nextFrame();}}第二个位置代码:i=35onEnterFrame=function(){if (i<55){this.attachMovie("dotM","dotMM"+i,i);dotMM_mc=eval("dotMM"+i);this.dotMM_mc._x=i;this.dotMM_mc._y=i;this.dotMM_mc._width =random(6);this.dotMM_mc._height=this.dotMM_mc._width;this.dotMM_mc._rotation=random(30);i++;}}四.图片淡入淡出和悬停影片剪辑:画一个两边渐白中间黑色矩形块。
Flash闪烁的星星制作方法做法:第一步:打开Flash新建一个Flash文档,在属性面板里设舞台颜色为黑色。
第二步:在元件库下面单击“新建元件”,命名为“星星”,类型选“图形”,在时间轴面板上建立三个图层,图层1命名为“圆”;图层2命名为“星星1”;图层3命名为“星星2”。
如下图:lash文档,在属性面板里设舞台颜色为黑sp; 第一步:打开Flash新建一个Fsp; 第一步:打开Flash新建一个F第三步:单击“圆”图层第一帧,在舞台上画一个适当大小的无边白色的圆,将颜色填充为由淡黄色到白色的渐变。
(在“混色器”中选择“放射状”选项,将颜色条左边的色标单击选淡黄色,右边的Alpha值设为50%,将右边的色标单击一下,选项颜色为白色,将右边的Alpha值改为0%。
这样你就看到一个由淡黄到白色的放射状渐变的圆形。
)按[ctrl+K]键打开“对齐面板”,在其中依次单击“相对于舞台、水平居中分布、垂直居中分布”使圆位于舞台中心。
如下图:先看下面效果:&nbslash文档,在属性面板里设舞台颜色为黑先看下面效果:&nbslash文档,在属性面板里设舞台颜色为黑第四步:单击“星星1”图层第一帧,在舞台上画出一个竖直的长条形椭圆,按[ctrl+T]键打开“变形面板”在其中选中“旋转”这一项,在其后的文本框内输入“45度”。
长条椭圆如下图:先看下面效果:&nbs先看下面效果:&nbslash文档,在属性面板里设舞台颜色为黑第五步:按[Enter]键使椭圆旋转45度,将椭圆的颜色填充为由白色到黑色的渐变,然后对齐舞台中心(方法就不用说了,上面已讲过)。
在“变形”面板中将“旋转”的角度设为90度,然后单击“变形”面板“复制”按钮(右下角第一个),复制一个椭圆。
如下图:p; 做法:&lash文档,在属性面板里设舞台颜色为黑nbsp; &nb第六步:选中图层“星星1”第一帧的图形对象,按[Ctrl+C]键复制该图形,然后选中图层“星星2”的第一帧,单击右键,在弹出的快捷键菜单中选择“粘贴到当前位置”,打开“变形面板”把“旋转”设为45度,“约束”分别设为250%、250%(当然你也可以按你所要星星的大小来设定约束的值),按[Enter键],星星就做好了,是不是简单呀?效果如下图:nbsp; &nbp; 做法:&第七步:创建一个MC(影片剪辑),命名为“闪烁的星星”,将做好的“星星元件”从库中拖入舞台的中心位置,然后在第10帧,第20帧分别插入关键帧,并创建第1帧到第10帧,第10帧到第20帧之间的补间动画,选中第10帧,单击一下舞台中“星星”,在“属性”面板中把颜色“Alpha”的值改为0%。
flash闪烁的星星制作方法主要通过一个简单的例子,说明文件类与flash的关系,及如何在文件类中引用flash中创建的实例。
1.新建一个flash文档,背景调整为黑色。
2.选择“多角星形工具”,样式“星形”,边数6,填充色为白色,线条颜色为无,在舞台上画一个白色的小星星。
3.选中星星,转换为mc,名称为Star,注册点选为中间。
4.在库面板中右键单击Star,选“链接”,设置链接属性,如图。
5.在同一目录下,新建一AS文档,命名为DStar,添加代码如下:复制内容到剪贴板代码:package{import flash.display.Sprite;import flash.events.Event;import flash.geom.ColorTransform;public class DStar extends Sprite{private var starArray:Array=new Array();private var star:Star;public function DStar (){init();}private function init():void{for(var i:int=0;i<50;i++){star=new Star();star.x=Math.random()*550;star.y=Math.random()*400;star.rotation=Math.random()*360;addChild(star);starArray.push(star);}addEventListener(Event.ENTER_FRAME,enterFrameHandler);}private function enterFrameHandler(event:Event):void{for(var j:int=0;j<50;j++){var ct:ColorTransform=new ColorTransform();ct.redMultiplier=Math.random();ct.greenMultiplier=Math.random();ct.blueMultiplier=Math.random();starArray[j].transform.colorTransform=ct;starArray[j].alpha=Math.random();starArray[j].scaleX=starArray[j].scaleY=Math.random();}}}}6.回到flash文档中,将“文档类”修改为DStar,还可以通过修改帧频调整星星闪烁效果。
闪烁的星空元件与脚本Flash动画教案设计一、教学内容本节课选自《Flash动画设计与制作》教材第四章“元件与脚本”,详细内容涉及元件的创建与应用,以及脚本的编写与调试。
具体包括:认识元件库,创建图形元件、按钮元件和影片剪辑元件;了解ActionScript 3.0基本语法,掌握常用的交互式脚本编写。
二、教学目标1. 让学生了解并掌握元件的创建与应用,提高动画制作的效率与质量。
2. 使学生掌握ActionScript3.0的基本语法,能够编写简单的交互式脚本。
3. 培养学生的创新意识和实践能力,能够运用所学知识独立制作出富有创意的Flash动画。
三、教学难点与重点教学难点:ActionScript 3.0脚本的编写与调试。
教学重点:元件的创建与应用,以及脚本的编写与调试。
四、教具与学具准备1. 教师准备:电脑、投影仪、Flash软件。
2. 学生准备:电脑、Flash软件、教材。
五、教学过程1. 导入:展示一个闪烁的星空动画,激发学生的兴趣,引出本节课的主题。
2. 知识讲解:a. 讲解元件的概念,引导学生认识元件库。
b. 演示如何创建图形元件、按钮元件和影片剪辑元件。
c. 讲解ActionScript 3.0基本语法,展示常用的交互式脚本编写。
3. 实践操作:a. 学生跟随教师一起创建一个闪烁的星空元件。
b. 学生独立编写脚本,实现星空元件的闪烁效果。
4. 随堂练习:布置一个简单的Flash动画制作任务,要求学生运用元件和脚本完成。
六、板书设计1. 闪烁的星空元件与脚本2. 内容:a. 元件的创建与应用b. ActionScript 3.0基本语法c. 闪烁的星空元件制作步骤d. 作业要求七、作业设计1. 作业题目:制作一个简单的鼠标跟随动画,要求使用元件和脚本实现。
2. 答案:a. 创建一个图形元件,绘制一个跟随鼠标的星星。
b. 编写脚本,实现星星跟随鼠标移动。
八、课后反思及拓展延伸1. 反思:本节课学生掌握元件和脚本的运用情况,及时调整教学方法,提高教学效果。
基于Flash ActionScript制作美丽的星空周国福【期刊名称】《电脑知识与技术》【年(卷),期】2009(005)020【摘要】FLASH8是美国的MACROMEDIA公司推出的一款多媒体动画制作软件.它是一种交互式动画设计工具,用它可以将音乐,声效,动画方便地融合在一起,从而制作出高品质的动态效果.该文通过Flash 8动画编辑软件制作出美丽的星空效果.%FLASH8 by the United States MACROMEDIA company launched a multi-media animation software. It is an interactive ani-mation design tools, it not only easily take music, sound, animation to blend but also produce high-quality dynamic effects. This article manufactures the beautiful starry sky effect through the Flash 8 animation edition software.【总页数】2页(P5589-5590)【作者】周国福【作者单位】福建水利电力职业技术学院,福建永安366000【正文语种】中文【中图分类】TP317.4【相关文献】1.基于ActionScript自定义类的FLASH连线题课件模版的制作 [J], 刘玉平2.Flash MX动画制作--Flash ActionScript入门 [J],3.基于ActionScript 3.0的Flash动画设计与制作 [J], 汪卫平;袁芳4.如何利用ActionScript3.0技术制作Flash动画 [J], 王娟5.基于Flash ActionScript3.0的飞行射击游戏制作 [J], 罗艳因版权原因,仅展示原文概要,查看原文内容请购买。