一、实例一——模糊的遮罩
目的:掌握动作面板的使用,掌握添加动作的基本方法 操作步骤:
1.新建影片剪辑元件pz和zz,pz中导入照片,调整大小;zz中绘制圆。添加图层“遮罩”,拖入元件zz,并将输入该实例名为yuan,添加图层“被遮罩”中拖入元件pz,并将输入该实例名为tu,此步不能省略!注意此时不需要制作遮罩。
2. 设置实例zz模糊的滤镜效果,并制作补间动画。 3.添加图层,在该图层第一帧处添加动作: 代码:tu.setMask(\
说明:设置影片剪辑yuan作为影片剪辑tu的遮罩层,实现模糊的遮罩效果。
二、实例二——烛光
目的:掌握动作面板的使用,掌握添加动作的基本方法 操作步骤:
1.新建影片文档,各参数默认,背景设置为黑色。 2.新建影片剪辑元件“光圈”:笔触色禁止,填充色放射状,三个色标:左FFFF00 Alpha100%,中FFFF6E Alpha77%,右FFFFCC Alpha0%,用椭圆工具画个正圆,相对舞台居中。
如图所示。在第15、第30帧添加关键帧,在第15帧将圆缩放为150%,在第1帧和第15帧上添加形状补间动画。
3.新建影片剪辑元件“蜡烛”
(1)图层一,绘制烛身,禁止填充色, 笔触色CF8453,实线,大小为2,绘制椭圆,按住Alt备份二个,再绘制两条直线,然后删除多余的线条,绘制过程如下图所示。
(2)为蜡烛的前面、上面和内侧面分别填充颜色,填充参数参考下表,
填充后再用填充变形工具进行调整,最后删除多余的线条,用笔刷工具,颜色设置8C4F26,刷出烛芯,得到右图所示的蜡烛,延长至30帧,锁定图层一。 位置 填充类型 控点个数 前面 上面 放射状 放射状 4 6 F5B778(0)、 F29437(3)、 D74D1F(5)、 923107(10) F29C48(0)、F4C402(1.5)、F2912F(3)、F29437(4)、D74D1F(6)、923107(10) 控点颜色、位置(假设开始为0,结束为10) 内侧面 线性 3 D74D1F(0)、F29437(5)、D14B26(10) (3)新建图层二,绘制火苗,笔触禁止,填充色线性:左FFFF99 Alpha100%,右FFFF1B Alpha30%,画椭圆,调整形状。第30帧插入关键帧,创建形状补间动画。第5帧插入关键帧,微调形状,注意调整幅度不宜过大,以免变形不规则;以此类推在第9帧、13帧、17帧、22帧、26帧插入关键帧进行调整。可以根据自己的感觉去调整,自然应可以了,也可以参照下图进行调整。
(4)新建图层二,将“光圈”拖至舞台,放置在烛芯上合适的位置,利用变形工具调整大小和形状,并设置Alpha值为50%,延长至30帧。
4.回到场景,在舞台中央放置“蜡烛”,调试影片,燃烧的蜡烛就制作完成了。
5.制作沿心形运动的小蜡烛
(1)新建影片剪辑元件“运动”,制作引导层动画,路径为一心型,运动对象为缩小后的“蜡烛”,在绘制心形的时候可利用网格进行定位,编辑网格为30×30像素大小,添加四条参考线,内有6×8个网格,利用钢笔工具在A点单击,再到B点单击并拖动调整柄至C点松开,再到D点单击,半个心形就绘制完成了,如右图所示。右边
半个心形采用同样的方法。
(2)新建影片剪辑元件“运动new”,图层一的第1帧在舞台中央放置“运动”,并设置实例名称为mc,延长至60帧。添加图层二,分别在第1帧、2帧、3帧添加关键帧,第60帧添加普通帧。
在第1帧上添加动作var i=0 ; (定义变量i,并赋初值0) 在第2帧上添加动作
if (i<=60) { (当i〈=60时)
duplicateMovieClip(mc,\ (“影片剪辑控制”复制影片剪
辑,mc为复制的源,”mc”+i为得到的拷贝,i表示拷贝所在的深度,可以理解为层的概念)
this[\ (this“全局属性/标志”,指在
前对象,即执行脚本或方法的容器,设置复制出来的影片剪辑的Alpha值)
++i; (i值+1)
}
else (否则,即i>60时) {
gotoAndPlay(4); (时间轴控制,转到第4帧并
播放)
}
在第3帧上添加动作gotoAndPlay(2); (转到第2帧并播放) (3)回到场景,将“运动new”添加至图层一的第1帧合适的位置,测试影片。
(4)说明:duplicateMovieClip (\你要复制的影片名称\ \这个新影片的名称\ 新影片的深度位置); FLASH中的深度就好像其中的层一样,深度值高的表示他不被深度值低的压住,反之,深度值低的如果与深度值高的相叠,那他就会被深度值高的压住
三、实例三——闪亮文字
目的:掌握动作面板的使用,掌握添加动作的基本方法 操作步骤:
1.新建影片文档,各参数默认,背景设置为黑色。 2.新建图形元件“light”,绘制如右图所示的
图形。
3.新建图形元件“starlight”,将light拖至舞台中央,打开变形面板上,设置旋转90度,利用“复制并应用变形”按钮得到三个备份,并调整位置,得到如上图所示的星星。
4.新建影片剪辑元件“star”:在第1帧将starlight拖至舞台,并相对舞台居中,在第10帧、20帧插入关键帧;将第1帧的元件的 Alpha值设为10% ,大小为50%,将第10帧的元件旋转10度,第20帧的元件的 Alpha值设为20% ,大小为50%;在第1帧添加动作补间,并设置逆时针旋转,第10帧添加动作补间,并设置顺时针旋转。至此,完成了旋转的发光的星星的制作。
5.回到场景,制作引导层动画:
(1)在图层一的第1帧,将元件star拖至舞台,锁定图层一。
(2)为图层一添加引导层,利用文字工具书写“Flash”,设置为华文细黑,选择合适的大小,连续两次Ctrl+B将文字打散为图形,选择墨水瓶工具单击各字母,得到各字母的轮廓,删除填充色及多余的线条,并做适当的调整,得到如图所示的引导路径;在引导层第97帧插入普通帧。
(3)在图层一的第1帧,将元件star拖至字母F上方的端点处,并将实例的名称设置为star;选择第27帧,插入关键帧,并将实例star拖至F下方的端点处,从而制作好一段引导动画。以此类推,在第28帧、41帧、42帧、59帧、60帧、76帧、77帧、97帧插入关键帧,并调整star至相应的位置,制作其余4段引导动画;选中图层一,设置动作补间,完成引导层动画。
6.新建影片剪辑元件“动作”,在第1帧、2帧和3帧插入关键帧,在第1帧上添加动作var i=0;
在第2帧上添加动作 i=i+1;
duplicateMovieClip(_parent.star,\在第3帧上添加动作gotoAndPlay(2);
7.返回到场景,添加图层三,在第1帧将元件“动作”拖至舞台上,删除
第97帧(即最后一帧),使动作语句不对该帧起作用。
8.选中图层一的第97帧,添加语句stop();,可使得影片只播放一遍。测试影片。
四、实例四——翻转相册
目的:掌握动作面板的使用,掌握添加动作的基本方法 操作步骤:
1.新建文件,舞台背景设置为#666666,其余默认。
2.新建影片剪辑元件“3D”,第一帧绘制画200×150的白色矩形,相对舞
台居中,在第10帧选择任意变形工具,按住Ctrl+Shift,拖动右下角的变形点推至中心,再按住Alt+Shift键,拖动左侧或右侧变形点往里推,将图形压扁,所得形状如右图所示;第16帧插入关键帧,选中图形,使其水平翻转;第25帧插入关键帧,并复制粘贴第一帧的图形;第30帧插入普通帧;选择第1帧和第16帧创建形状补间动画;第1帧添加语句stop();
3.新建影片剪辑元件“照片”,第1~4帧分别导入4副图片,大小设置为
180×130,相对舞台居中,第1帧添加语句stop();第5帧添加语句gotoAndPlay(1);
4.回到主场景,设置帧频为30FTP,添加图层二、图层三、图层四,制作
最终效果。
(1)在图层一第1帧,将元件“3D”拖至舞台,相对舞台居中,实例名为“kuang_mc”,添加滤镜效果:发光(2,2,1000%,低,#CCCCCC),投影(2,2,1000%,中,#CCCCCC,45,3);延长帧至第60帧。
(2)在图层二第1帧,将元件“照片”拖至舞台,相对舞台居中,实例名为“photos_mc”;第10帧添加关键帧,将其调整为8×130,相对舞台居中;第16帧添加关键帧;第25帧添加关键帧,将其恢复至180×130;第30帧插入普通帧;选择第1帧和第16帧创建动作补间;将第1帧~30帧复制到第31帧至第60帧;选择第1帧、第16帧、第31帧、第46帧创建动作补间动画。