Flash动画制作第6章引导层和遮罩层动画6.1 课件
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
间动画不可用
引导层动画的制作步骤
1. 在被引导层上添加一个引导层（指运动引导层），可以 命名为引导层
2. 在引导层中画出元件引导路径 3. 在被引导层第一帧，将需要引导的元件挪动到引导路径
的开始 4. 在被引导层加入关键帧，将需要引导的元件挪动到引导
路径的末端 5. 在被引导层的帧中创建传统补间动画
遮罩层中的内容可以是按钮、影片剪辑、图形、位图或文 字等，但不能使用线条，如果一定要使用线条，可以将线 条转化为“填充”。
对于用作遮罩的填充形状，可以使用形状动画；对文字对 象、图形实例或影片剪辑，可以使用运动动画；当使用影 片剪辑实例作为遮罩时，可以让遮罩沿运动路径运动。
6.3遮罩层动画
6.1图层
6.1.3图层的编辑
图层的编辑包括选取图层、排列图层、复制和删除 图层、重命名图层、锁定和解锁图层、隐藏和显示图层， 以及创建图层文件夹等。
1．选取图层，选取图层就是将图层变为当前图层。
2．排列图层，按下鼠标左键，将所选图层拖曳到目标位 置，释放左键即可。
3．复制、粘贴图层，可以将整个图层包括图层中的所有 对象复制到其他场景或其它文件中。
注意：一个对象一层
图6-1湖边小屋效果图
6.2引导层动画
引导层分为普通引导层 和运动引导层 将一个或多个层链接到一个运动引导层，使一个或多 个对象沿同一条路径运动的动画形式即被称为“引导层 动画”，这种动画可以使一个或多个元件完成曲线或不 规则运动。
6.2引导层动画
6.2.2普通引导层
普通引导层图标为
6.1图层
6.1.2图层的创建
系统都会自动建立好一个图层，默认为“图层1”，实 际中，需要根据动画制作的要求创建新图层。 创建图层的方法有以下三种。 （1）选择“插入”“时间轴”“图层”菜单命令。 （2）在时间轴的层操作区底部单击“新建图层”按钮。 （3）在时间轴的层操作区单击鼠标右键，在弹出的菜单 中选择“插入图层”命令。
主要用于为其他图层提供辅助绘图和绘图定位 可以单独使用。播放动画时引导层中的图形不显示 与一般图层相似的图层属性
对已存在的普通图层，可将其设置为普通引导层
选定一个普通图层，右击，在弹出快捷菜单中选择“ 引导层”命令，可以将普通图层转换为普通引导层。
选定一个普通图层，打开该层的“属性”面板，在该 面板中选择层的类型为引导层。
6.1图层
6.1.3图层的编辑
4．删除图层，选中要删除的图层，单击“删除”；也可 以选中要删除的图层后，按住鼠标左键，将其向下拖曳 到“删除”按钮。 5．隐藏、锁定图层和图层的显示模式 6．重命名图层 7．创建图层文件夹
6.1图层
6.1.1案例——湖边小屋
【案例学习目标】 学习图层的创建与使用
【案例知识要点】 1. 用椭圆工具绘制花朵和小鸭 2. 用钢笔工具绘制白云和波浪 3. 用矩形与线条工具绘制小屋 4. 用铅笔工具绘制小山 5. 效果如图6-1所示。
图6-32秋叶效果图
6.2引导层动画
6.2.4创建沿曲线运动的动画——蝴蝶飞舞
【案例学习目标】 利用引导层设置曲线运动路径，制作元 件沿曲线运动的动画效果。
【案例知识要点】 1. 蝴蝶元件：导入蝴蝶图片序列到库
，去掉背景色，制作蝴蝶飞舞影片 剪辑元件 2. 背景图层制作，完成并锁定 3. 添加需要引导的图层 4. 制作蝴蝶飞舞的引导层动画 5. 如图6-44所示。
第6章 引导层和遮罩层动画
教师：孙杰 2014年4月25日
本章学习目标
6.1 图层 6.2 引导层动画 6.3 遮罩动画 6.4 综合案例
课后实训
本章目录
6.1 图层
类似于叠在一起的透明纸。 更好地安排图形、文字和动画，并在放映时合成。 不会增加动画文件的大小。
特殊类型的图层——引导层和遮罩层。
若要在场景中显示遮罩效果，可以锁定遮罩层和被遮 罩层。
6.3遮罩层动画
6.3.1 案例——卷轴画
【案例学习目标】 使用形状补间、动作补间创建遮罩层动画 ，制作画面展开的动画效果 【案例知识要点】 1. 制作被遮罩层：即古画层 2. 制作遮罩层：右键，选择遮罩层 3. 在遮罩层中 ， 绘制矩形，用形状补间
6.3.2遮罩层动画的原理及使用
透过遮罩层中的对象可看到被遮罩层中的对象及其属 性，包括它们的变形效果；
遮罩层中对象的许多属性，如渐变色、透明度、颜色 和线条样式等却是被忽略的，例如，不能通过遮罩层 的渐变色来实现被遮罩层的渐变色变化。在被遮罩层 中，可以使用按钮、影片剪辑、图形、位图、文字和 线条。
注意： 在挪动元件的时候一定要让它的圆圈吸附到引导路径上
6.2引导层动画
6.2.1 案例——飘落的秋叶
【案例学习目标】 利用引导层设置元件运动的路径，制作 不规则运动的动画效果。
【案例知识要点】 1. 枫 叶 元 件 ： 导入枫叶图片到 库 ， 去
掉背景色，制作枫叶元件 2. 背景图层制作，完成并锁定 3. 添加需要引导的图层 4. 制作枫叶飘落的引导层动画 5. 如图6-32所示。
6.2引导层动画
6.2.3运动引导层
运动引导层
与至少一个图层关联，这些被引导的图层为被引导层 设置对象运动路径的导向，使与之相链接的被引导层
中的对象沿着路径运动 播放动画时运动引导层上的路径不显示
在引导层上可以创建多个运动轨迹
引导被引导层上的多个对象沿不同的路径运动 创建运动引导层动画时要求用动作补间动画，形状补
图6-44 蝴蝶飞舞设计图
6.3遮罩层动画
遮罩层动画是为了得到特殊的显示效果，可以在遮罩 层上创建一个任意形状的“视窗”，遮罩层下方的对象可 以通过该“视窗”显示出来，而“视窗”之外的对象将不 会显示。
6.3遮罩层动画
6.3.2遮罩层动画的原理及使用
新建遮罩层
在Flash中没有一个专门的按钮来创建遮罩层，它是由普 通层转化而来的。
在某个图层上右击，选择“遮罩层”命令，该图层即成 为遮罩层，层图标就会从普通图标变为遮罩图标，并且 系统会自动把遮罩层下面的一层关联为“被遮罩层”， 在缩进的同时图标会变化。
如果要关联更多层被遮罩，只要把这些层拖到被遮罩层 下面即可。
6.3遮罩层动画
6.3.2遮罩层动画的原理及使用
遮罩层中的图形对象在播放动画时是看不到的。
引导层动画的制作步骤
1. 在被引导层上添加一个引导层（指运动引导层），可以 命名为引导层
2. 在引导层中画出元件引导路径 3. 在被引导层第一帧，将需要引导的元件挪动到引导路径
的开始 4. 在被引导层加入关键帧，将需要引导的元件挪动到引导
路径的末端 5. 在被引导层的帧中创建传统补间动画
遮罩层中的内容可以是按钮、影片剪辑、图形、位图或文 字等，但不能使用线条，如果一定要使用线条，可以将线 条转化为“填充”。
对于用作遮罩的填充形状，可以使用形状动画；对文字对 象、图形实例或影片剪辑，可以使用运动动画；当使用影 片剪辑实例作为遮罩时，可以让遮罩沿运动路径运动。
6.3遮罩层动画
6.1图层
6.1.3图层的编辑
图层的编辑包括选取图层、排列图层、复制和删除 图层、重命名图层、锁定和解锁图层、隐藏和显示图层， 以及创建图层文件夹等。
1．选取图层，选取图层就是将图层变为当前图层。
2．排列图层，按下鼠标左键，将所选图层拖曳到目标位 置，释放左键即可。
3．复制、粘贴图层，可以将整个图层包括图层中的所有 对象复制到其他场景或其它文件中。
注意：一个对象一层
图6-1湖边小屋效果图
6.2引导层动画
引导层分为普通引导层 和运动引导层 将一个或多个层链接到一个运动引导层，使一个或多 个对象沿同一条路径运动的动画形式即被称为“引导层 动画”，这种动画可以使一个或多个元件完成曲线或不 规则运动。
6.2引导层动画
6.2.2普通引导层
普通引导层图标为
6.1图层
6.1.2图层的创建
系统都会自动建立好一个图层，默认为“图层1”，实 际中，需要根据动画制作的要求创建新图层。 创建图层的方法有以下三种。 （1）选择“插入”“时间轴”“图层”菜单命令。 （2）在时间轴的层操作区底部单击“新建图层”按钮。 （3）在时间轴的层操作区单击鼠标右键，在弹出的菜单 中选择“插入图层”命令。
主要用于为其他图层提供辅助绘图和绘图定位 可以单独使用。播放动画时引导层中的图形不显示 与一般图层相似的图层属性
对已存在的普通图层，可将其设置为普通引导层
选定一个普通图层，右击，在弹出快捷菜单中选择“ 引导层”命令，可以将普通图层转换为普通引导层。
选定一个普通图层，打开该层的“属性”面板，在该 面板中选择层的类型为引导层。
6.1图层
6.1.3图层的编辑
4．删除图层，选中要删除的图层，单击“删除”；也可 以选中要删除的图层后，按住鼠标左键，将其向下拖曳 到“删除”按钮。 5．隐藏、锁定图层和图层的显示模式 6．重命名图层 7．创建图层文件夹
6.1图层
6.1.1案例——湖边小屋
【案例学习目标】 学习图层的创建与使用
【案例知识要点】 1. 用椭圆工具绘制花朵和小鸭 2. 用钢笔工具绘制白云和波浪 3. 用矩形与线条工具绘制小屋 4. 用铅笔工具绘制小山 5. 效果如图6-1所示。
图6-32秋叶效果图
6.2引导层动画
6.2.4创建沿曲线运动的动画——蝴蝶飞舞
【案例学习目标】 利用引导层设置曲线运动路径，制作元 件沿曲线运动的动画效果。
【案例知识要点】 1. 蝴蝶元件：导入蝴蝶图片序列到库
，去掉背景色，制作蝴蝶飞舞影片 剪辑元件 2. 背景图层制作，完成并锁定 3. 添加需要引导的图层 4. 制作蝴蝶飞舞的引导层动画 5. 如图6-44所示。
第6章 引导层和遮罩层动画
教师：孙杰 2014年4月25日
本章学习目标
6.1 图层 6.2 引导层动画 6.3 遮罩动画 6.4 综合案例
课后实训
本章目录
6.1 图层
类似于叠在一起的透明纸。 更好地安排图形、文字和动画，并在放映时合成。 不会增加动画文件的大小。
特殊类型的图层——引导层和遮罩层。
若要在场景中显示遮罩效果，可以锁定遮罩层和被遮 罩层。
6.3遮罩层动画
6.3.1 案例——卷轴画
【案例学习目标】 使用形状补间、动作补间创建遮罩层动画 ，制作画面展开的动画效果 【案例知识要点】 1. 制作被遮罩层：即古画层 2. 制作遮罩层：右键，选择遮罩层 3. 在遮罩层中 ， 绘制矩形，用形状补间
6.3.2遮罩层动画的原理及使用
透过遮罩层中的对象可看到被遮罩层中的对象及其属 性，包括它们的变形效果；
遮罩层中对象的许多属性，如渐变色、透明度、颜色 和线条样式等却是被忽略的，例如，不能通过遮罩层 的渐变色来实现被遮罩层的渐变色变化。在被遮罩层 中，可以使用按钮、影片剪辑、图形、位图、文字和 线条。
注意： 在挪动元件的时候一定要让它的圆圈吸附到引导路径上
6.2引导层动画
6.2.1 案例——飘落的秋叶
【案例学习目标】 利用引导层设置元件运动的路径，制作 不规则运动的动画效果。
【案例知识要点】 1. 枫 叶 元 件 ： 导入枫叶图片到 库 ， 去
掉背景色，制作枫叶元件 2. 背景图层制作，完成并锁定 3. 添加需要引导的图层 4. 制作枫叶飘落的引导层动画 5. 如图6-32所示。
6.2引导层动画
6.2.3运动引导层
运动引导层
与至少一个图层关联，这些被引导的图层为被引导层 设置对象运动路径的导向，使与之相链接的被引导层
中的对象沿着路径运动 播放动画时运动引导层上的路径不显示
在引导层上可以创建多个运动轨迹
引导被引导层上的多个对象沿不同的路径运动 创建运动引导层动画时要求用动作补间动画，形状补
图6-44 蝴蝶飞舞设计图
6.3遮罩层动画
遮罩层动画是为了得到特殊的显示效果，可以在遮罩 层上创建一个任意形状的“视窗”，遮罩层下方的对象可 以通过该“视窗”显示出来，而“视窗”之外的对象将不 会显示。
6.3遮罩层动画
6.3.2遮罩层动画的原理及使用
新建遮罩层
在Flash中没有一个专门的按钮来创建遮罩层，它是由普 通层转化而来的。
在某个图层上右击，选择“遮罩层”命令，该图层即成 为遮罩层，层图标就会从普通图标变为遮罩图标，并且 系统会自动把遮罩层下面的一层关联为“被遮罩层”， 在缩进的同时图标会变化。
如果要关联更多层被遮罩，只要把这些层拖到被遮罩层 下面即可。
6.3遮罩层动画
6.3.2遮罩层动画的原理及使用
遮罩层中的图形对象在播放动画时是看不到的。