flash5图层及沿引导层运动课件

flash5图层及沿引导层运动第五节图层及沿引导层运动flash5图层及沿引导层运动5.1元件的概念 1、元件：是我们制作的将要放置到Flash动画中的元素，它相当于电影中的演员和道具。将重复使用的对象建立为元件，保存在一个库（叫元件库）中，这样就可以调用这个符号，而不会增大文件体积，加快网络传输速度，因为同一个符号下载到浏览器中只需要一次就可以了。在Flash中，将元件分为三种类型：图形、按钮、影片剪辑。分别适合静态图像、动态图像、交互性的按钮flash5图层及沿引导层运动 2、实例：建立元件后，可以从元件库中拖动这些元件的“分身”到工作区来。这些元件的分身就叫做实例。当修改实例的大小、颜色等时，不会影响元件的本身。相反，修改元件，会影响实例。一个元件可以有多个实例。3、场景：是我们组织影片，播放元件的实例的区域，一个Flash文档就是由多个场景组成。flash5图层及沿引导层运动 4、总结：形状补间：不需要把对象做成元件，直接画两个图形就可以。动作补间 一个元件从起始帧移动到终止帧。flash5图层及沿引导层运动5.2 交换元件 在动画的制作过程中，若动画的动作都已经设置好了，这时想要将其中元件的实例改变，比如，将一个图形换为另外一个图形，就可以利用交换元件的方法。选中时间轴中的某一个关键帧用鼠标右击场景中的元件（或利用“修改”菜单中“元件”命令）在弹出的菜单中选择“交换元件”，再选择一种新的元件即可 注意，交换的元件只对当前关键帧起作用，起始帧和关键帧要分别交换元件flash5图层及沿引导层运动5.3图层的使用1、图层：一个图层就好比一张透明的纸，除了图层上的图形以外，其它的部分都是透明的。注意：一个flash作品中的图层的数量不受限制的，增加图层的数量也不会影响最终输出的动画作品的大小。2、时间轴上个按钮的意义：铅笔：表示它是当前层。Flash中只有一个图层是当前层。眼睛：表示该图层是可视的还是隐藏的。红叉表示该图层隐藏。锁：表示该图层被锁定，虽然可以看见，但其中的元件是不能被编辑、修改的。外框：表示以外框的形式显示图形。本质上没有改变图层的状态。flash5图层及沿引导层运动 3、图层的创建 可以创建一个新层 可以创建一个引导线图层 可以建立一个图层目录文件夹 4、图层的删除 先选中该图层，然后单击删除按钮即可。5、调整图层顺序 用鼠标按住图层并将它拖动到需要的位置。上方的图层中的图形会遮住位于下方的图层的图形。注意：同一个图层中如果有太多的对象，非常容易造成编辑的困难。同一个图层的图形如果发生重叠的话，只显示后来绘制的图形，而前一次的图形的重叠部分会被删除掉了。flash5图层及沿引导层运动例1 幻影文字 1、新建一个flash文档，400px*200px。2、新建一个图形元件txt，选中文本工具，输入“幻影文字”，颜色为红色。3、回到场景1，按crtl+L调出库面板，将txt拖动到舞台中央，选中它，将其alpha值设为50%。4、在第19帧按F5插入普通帧，然后选中舞台中txt实例，按ctrl+c进行复制。5、新建图层txt2，在第4帧处插入空白关键帧，选中图层txt2后在舞台上右击，在快捷菜单中选择“粘贴到当前位置”。flash5图层及沿引导层运动 6、在第13帧处插入关键帧，适当放大该帧中的实例对象，设置实例的透明效果为0%，在两个关键帧处设置补间动画。7、按住shift选中图层txt2中的第4-13帧，右击复制帧，添加新图层，在第7帧处右击粘贴帧。8、可以再添加图层4，在第10帧处粘贴帧，最后将各层中第2个关键帧后的不必要的普通帧删除。flash5图层及沿引导层运动 1、新建立一个文件。设置深蓝色背景。2、新建一元件，选择“图形”，命名为shuidi。选取钢笔工具，画出一个水滴。注意：水滴是封闭的曲线。选择“箭头”工具进行调整，双击边框，将其删除。3、点击工具栏中的油漆桶工具，单击水滴，设置其填充颜色为从淡蓝色到白色的渐变。例2：雨滴涟漪效果flash5图层及沿引导层运动 4、新建一图形元件bo，用工具栏中椭圆工具画出一椭圆，选中椭圆后，删除里面的填充部分。单击边框将其边框色改为白色。选择菜单“修改”/“形状”/“将线条转换为填充”命令，然后再选择“柔化填充边缘”命令，将其羽化。注意：“距离”是柔化边缘的宽度，一般小于10（以像素为单位），本例为4。“步骤数”控制用于柔化边缘效果的曲线数，一般小于6，本例为2。步骤越多，平滑效果就越好，但是创建的文件也就越大，绘制速度也越慢，常引起死机。注意：不要连续使用“柔化填充边缘”命令“扩散”或“插入”控制着在柔化边缘时形状是放大还是缩小。flash5图层及沿引导层运动 5、切换到场景1，从元件库中拉入图符：shuidi，调整其位置到舞台上方。6、在第7帧处插入一关键帧，适当调整雨滴位置到舞台下方。7、建立运动补间。8、新建一图层Layer2，在第7帧处插入一关键帧，从元件库中拉入图符：bo，调整其位置。9、在选中图层Layer2的状态下，在第30帧处插入一关键帧，利用变形工具将舞台中的椭圆扩大。flash5图层及沿引导层运动 10、在属性面板中“颜色”中的Alpha值设置为0 11、选择第7帧，弹出帧属性对话框，在补间中选择动画项。进行运动渐变。12、新建图层Layer3、Layer4、Layer5、Layer6，13、将Layer2中的动画帧选中，方法是用鼠标左键单击第一个关键帧，按住shift键再单击第二个关键帧。然后右键单击，在快捷菜单中选择“复制帧”14、右键单击Layer3中的第13帧，在快捷菜单中选择“粘贴帧”复制Layer2中的帧到这一层中。flash5图层及沿引导层运动 15、右键单击Layer4中的第19帧，在快捷菜单中选择“粘贴帧”复制Layer2中的帧到这一层中。16、在各图层的后面可能会出现一些相应的延伸帧，将其选中后删除。17、按键盘上的Ctrl+Enter组合键，即可预览动画效果。注意：大家应注意帧的移动、复制、删除的操作。flash5图层及沿引导层运动例3 飞机绕引导线运动引导层的使用1、新建一个电影文件，在属性对话框中，设定动画尺寸，背景颜色为兰色。2、制作小飞机元件：利用矩形工具在舞台上拖一矩形，用箭头工具向外拖一角，再将另一对角向内拖动，如图所示，用直线工具连接刚拖过的两个角，利用漆桶工具改变颜色。3、利用箭头工具选中整个飞机，执行“修改/转换为元件”，则飞机上出现一小“+”字。“+”表明飞机是一个元件。4、单击第一层的第1帧，将飞机拖放在场景中的左上角。flash5图层及沿引导层运动 5、选择第20帧，按F6键插入关键帧。6、找到属性面板，建立1-20帧之间的小飞机运动动画。在“使路径适应”上打勾，补间元素的基线就会调整到运动路径。7、单击时间轴窗口上的“添加运动引导图层”按钮，为第一图层增加一个引导图层。在绘图工具箱中选择铅笔工具，并选择铅笔工具的附属选项“平滑”。然后用铅笔工具在场景中画一个平滑曲线。注意：一定要选中引导图层再画平滑曲线。引导图层是专门用来制作运动轨迹的，在播放动画的时候，轨迹不会显示出来。flash5图层及沿引导层运动 8、选择图层1的第1帧。拖动第1帧上的飞机到曲线左端点上，注意一定要“+”与线一端重合。注意拖动小球前一定要保证对齐按扭被按下，这样在拖动鼠标时，中心出现的空心圆会自动吸附在轨迹线左端点，松开鼠标，小球就会停在轨迹线的左端点，这就是运动的起点。9、选择第一层的第20帧。用同样的方法将小球拖动到曲线的右端点上，一定要重合。10、测试影片flash5图层及沿引导层运动例4 卫星沿轨迹运动一、制作轨迹1、将图层1更名为globe，在该层利用椭圆工具绘制无边放射状渐变的圆形。2、添加新图层front，利用椭圆工具绘制无填充色的圆环，利用线条工具绘制一水平直线。3、将椭圆和直线组合，利用任意变形工具将其旋转一定角度，取消组合。4、选中上半部分椭圆，剪切，新建一个图层back，编辑粘贴到当前位置，这样将上半部分圆环粘贴到back层。5、删除front层中起分割作用的直线。6、右击front层和back层将其设为引导层。7、右击front层、back层和globe层第29帧处，选择插入帧。flash5图层及沿引导层运动 二、运动创建1、添加新图层gra，在该层中绘制卫星图形，将其转换为图形原件 gra，在第15帧处插入关键帧，创建补间动画。2、将gra层拖放到front层的下方，右击gra层，选择属性，选择被引导。3、单击gra层得第1帧，拖动卫星实例到椭圆弧的左下端，再单击gra层的第15帧，拖动卫星实例到椭圆弧的右下端。4、复制gra层中的第1-15帧后，添加新图层，在第15帧处粘贴帧；同时将该层拖放到引导层back的下面，采用同样方法创建back层中卫星实例的引导运动。flash5图层及沿引导层运动