flash5图层及沿引导层运动.ppt

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