螺旋多彩动态边框的制作原理和方法-螺旋原理

螺旋多彩动态边框的制作原理和方法:螺旋原理 教学目标：经过本节教学了解和熟悉影片剪辑元件的创立、设置，动作面板、as语句的利用，经过巧妙的设计和制作，进而实现螺旋多彩动态边框的动画效果。教学对象：本教材是针对有一定动画制作基础和对属性面板、工具箱，动作面板、as语句及相关界面有所了解的好友们编写的，所以省略了部分步骤，还望谅解。教学关键：影片剪辑、动画补间、混色器、色调、动作面板、as。作前准备1.准备一张规格为550*400的背景图片，经过制图软件处理后，保留到指定的文件夹待用。2.准备一首缓冲效果好，使用期久远的mp3歌曲地址，保留到指定的文件夹待用。制作过程1.开启flash8软件。2.确立文档属性 设置动画尺寸为550*400，幀频12，其它默认,点击确定，进入场景1。图1所表示：图13.首先将准备好的素材图片导入库中，待用。4.创立图形元件选择“插入新建元件”，建立一个名为“组合”的图形元件，点击确定，进入元件xx区。就一个图层。选择图层1第一帧，从库中拖出背景素材图片到舞台规格550*400，右对齐垂直中齐。图1所表示：图1在从库中拖出该素材图片到舞台，规格为550*400，水平翻转后，左对齐垂直中齐。图2所表示：图2点击第一幀，选中舞台全部实例，选择“修改组合”后，右对齐垂直中齐。图3所表示：图3在从库中拖出该素材图片到舞台，规格为550*400，左对齐垂直中齐。图4所表示：图4选择“插入新建元件”，建立一个名为“01”的图形元件，点击确定，进入元件xx区。就一个图层。选择图层1第一帧，用矩形工具在舞台拖一个规格为30*30的正方形，颜色随意，全居中。点击该实例，打开混色器，设置其参数，图5所表示：图5完成后的舞台实例，图6所表示：图65.创立影片剪辑元件选择“插入新建元件”，建立一个名为“滚动”的影片剪辑元件，点击确定，进入元件xx区。就一个图层。 选择图层1第一帧，从库中拖出“组合”图形元件到舞台，规格不变，右对齐垂直中齐。图5所表示：图5在第150幀插入关键帧，按方向键，将该幀舞台实例向左平移到第3张图片的有边缘和舞台中心重合。图6所表示：图6创立本区域间的动画补间，在第149幀插入关键帧，删除第150幀。上锁。第149幀舞台实例的位置，图7所表示：图7*这么处理的目标是让组图滚动起来不停顿、不抖动、不空挡。选择“插入新建元件”，建立一个名为“02”影片剪辑元件，点击确定，进入元件xx区。就一个图层。 选择图层1第一帧，从库中拖出“01”图形元件到舞台，规格不变，全居中。图8所表示：图8在第100幀插入关键帧，点击第1幀，在属性面板创立本区域间的动画补间，并设置其顺时针旋转一周。图9所表示：图9在第99幀插入关键帧，删除第100幀。完成后的时间轴，图10所表示：图11完成后的舞台实例，图12所表示：图12选择“插入新建元件”，建立一个名为“03”的影片剪辑元件，点击确定，进入元件xx区。就一个图层。 选择图层1第一帧，从库中拖出“02”影片剪辑元件到舞台，规格不变，位置随意。图11所表示：图12复制粘贴该实例一次，用任意变形工具选中将新转贴的实例，将其旋转一个角度，然后将移到和前一个实例相衔接的适宜的位置上，垂直中齐。图13所表示：图13复制粘贴该实例一次，用任意变形工具选中将新转贴的实例，将其旋转一个角度，然后将移到和前一个实例相衔接的适宜的位置上，垂直中齐。图14所表示：图14复制粘贴该实例一次，用任意变形工具选中将新转贴的实例，将其旋转一个角度，然后将移到和前一个实例相衔接的适宜的位置上，垂直中齐。图15所表示：图15复制粘贴该实例一次，用任意变形工具选中将新转贴的实例，将其旋转一个角度，然后将移到和前一个实例相衔接的适宜的位置上，垂直中齐。图16所表示：图16复制粘贴该实例一次，用任意变形工具选中将新转贴的实例，将其旋转一个角度，然后将移到和前一个实例相衔接的适宜的位置上，垂直中齐。图17所表示：图17选择“插入新建元件”，建立一个名为“04”的影片剪辑元件，点击确定，进入元件xx区。添加一个图层，共两个图层。自下而上命名为图层1、图层2。 选择图层1第一帧，从库中拖出“03”影片剪辑元件到舞台，规格不变，左对齐垂直中齐。上锁。图18所表示：图18选择图层1第一帧，从库中再拖出“03”影片剪辑元件到舞台，规格不变，将其放置在上一个实例的右侧相衔接，调整好位置，垂直中齐。图19所表示：图19选择“插入新建元件”，建立一个名为“05”的影片剪辑元件，点击确定，进入元件xx区。添加一个图层，就一个图层。 选择图层1第一帧，从库中拖出“04”影片剪辑元件到舞台，规格不变，左对齐垂直中齐。上锁。图20所表示：图20复制粘贴该实例一次，然后将其移到和前一个实例相衔接的适宜的位置上，垂直中齐。图21所表示：图21点击该实例，在属性面板设置其色调。完成后的舞台实例，图22所表示：图22再粘贴该实例一次，然后将其移到和前一个实例相衔接的适宜的位置上，垂直中齐。图23所表示：图23点击该实例，在属性面板设置其色调。完成后的舞台实例，图24所表示：图24同理同种方法，依次再粘贴该实例5次，完成相互间的相互衔接和色调的变换，使其总长度超出550。图25所表示：图256.xx制作场景返回场景1，添加三个图层，共四个图层。自下而上命名为滚动、螺旋、蝴蝶、as。选择滚动图层第1幀，从库中拖出“滚动”影片剪辑元件到舞台，规格不变，左对齐垂直中齐。上锁。图26所表示：图26选择螺旋图层第1幀，从库中拖出“05”影片剪辑元件到舞台，规格不变，水平中齐上对齐。图27所表示：图27再从库中拖出“05”影片剪辑元件到舞台，规格不变，将其垂直翻转，水平中齐下对齐。上锁。图28所表示：图28再从库中拖出“05”影片剪辑元件到舞台，规格不变，将其顺时针翻转90，再垂直翻转。右对齐上中齐。图29所表示：图29再从库中拖出“05”影片剪辑元件到舞台，规格不变，将其逆时针翻转90，再垂直翻转。左对齐上中齐。上锁。图30所表示：图30选择蝴蝶图层第1幀，依次从库中拖出四个“蝴蝶”影片剪辑元件到舞台，将其放置在螺旋边框的四个角上，调整好规格、位置。上锁。图31所表示：图31选择as图层第1幀，按f9，打开作面板在asxx区输入，以下幀语句：var music:Sound = new Sound;= function ;*语句中红色部分为你准备加载的歌曲地址。上锁。7.本作业完成后的时间轴图32所表示：图328.测试存盘说明：1.我在02、03、04、05影片剪辑中各实例的衔接摆放还不够理想，你制作时要好好调整各实例的位置和角度，这一步十分关键，它直接影响动态螺旋的合理性和协调性。影片剪辑个实例的色调可自行调整，以作品的需要和自己的喜爱为准。最终效果显示效果：,1)XX/domName/hsb345/*.swf全屏下载祝你成功