神马文学网FLASH8入门教程3--图片的切换 -
来源：百度文库 编辑：神马文学网 时间：2024/05/23 18:56:03
教学目的：图片的切换是动画制作的常用技巧，也是MTV创作的重要技法。通
过本节教学使我们初步了解和掌握图片切换的基本原理和遮罩的
运用，以便举一反三创作出更加美妙的音画作品。
制作步骤：
1.启动FLASH8软件。
2.选择"修改-文挡 "打开文挡属性对话框,设置动画规格为550px*400px,背景,帧频等均默认,点击“确定”按钮。 如图1所示:
（图1）
[覆盖替换]
3.新建图形元件（要养成使用元件的习惯，因为元件可以无限使用，且可参与相关功能，这是位图所不能及的）
选择“插入-新建元件”命令，打开“新建元件”对话框，在名称中建入“图片1”，在类型中选择“图形”，其它默认，最后点击“确定”。如图2所示：
（图2）
同样方法创建“图片2”元件。
4.编辑图片1图形元件
点击“文件-导入-导入到舞台”，找到你电脑中图片文件夹后，选中所需图片1和图片2到舞台界面，图片的宽和高分别是：550px*400px； 如图3所示：
（图3）
5.编辑主场景
(1)点击左上角的“场景1”，返回主场景。建立图片1和图片2两个图层(添加图层如图4所示，点击红色对号下的小图标；图层的命名方法是：双击“前端图层处-变蓝-键入内容”),然后点击“窗口-库”，如图4,图5所示：
（图4）
（图5）
（图6）
(2)选中图片1图层第一帧，从库里将图片1拖到舞台，全居中（水平居中，垂直居中）。如图7所示：
（图7）
在60帧处插入普通帧（在60帧处“点右键-插入帧”）。
（3）在图片2图层第21帧插入空白关键帧（在21帧处“点右键-插入空白关键帧”），选中此帧，将库中图片2拖到舞台右侧和图片1上下对齐。（为操作方便可将舞台缩小到50%）
（4）在该层第40帧处插入关键帧，将图片2元件拖到舞台正中，全对齐。在第21帧处“点右键-创建补间动画”（或点击下边属性面板“补间”左框中的“小三角-动画”），在第60帧处插入普通帧（F5）。其时间轴如图8所示：
（图8）
6.测试存盘 选择“控制-测试影片”，如果感觉满意就可以存盘了.其步骤是:点击"文件-导出-导出影片"。源文件保存点击“文件-另存为”。
[淡出淡入]
在完成1--4步骤后，进入主场景编辑。
1.选择图片1图层第一帧,将图片1元件从库中拖入舞台,居中对齐.在第40帧处插入关键帧,在第20帧处也插入关键帧,在回到第40帧“点击该帧-点击图片1-再点击属性中的颜色右边的小三角-点击Alpba-选择0”。如图9所示：
（图9）
点击第20帧创建补间动画。
2.在图片2图层第20帧处插入空白帧,将图片2元件拖入舞台,居中对齐.在第40帧处插入关键帧.选中“第20帧-点击图片2-将Alpba设置为0”（如图9所示），点击第20帧创建补间动画。在第60帧处插入普通帧。
3.测试存盘
[遮罩切换]
在完成1--4步骤后，进入主场景编辑。
1.选择图片1图层第一帧,将图片1元件从库中拖入舞台,居中对齐.在第60帧处插入普通帧。
2.在图片2图层第20帧处插入空白帧,将图片2元件拖入舞台,居中对齐.在第40帧处插入关键帧.在第60帧处插入帧。
3.插入图层3，命名为遮罩。在遮罩层第20帧处插入空白帧，选择工具箱中的“椭圆工具”画一个12*12的小圆。在第40帧插入关键帧，点击第40帧，选择工具箱中的“任意变形工具”将小圆拉大至覆盖整个舞台。再点击第20帧，在属性面板创建补间动画，然后右键点击“遮罩图层-遮罩”。其时间轴如图10所示：
注：如效果不好，纠正方法有二：一是在20帧－40帧先做补间动画，然后将第40帧小圆拉大至覆盖整个舞台；二是将第20帧的小圆和第40帧的大圆均打散，然后在20帧－40帧处做形状补间。
（图10）
4.测试存盘
*这里只是介绍了一点基本原理，就算是抛砖引玉的吧。朋友们可举一反三，比如上下覆盖，对角覆盖，遮罩的变化就更是无穷无尽,不同形状的遮罩，就会得到不同的效果。但万变不离其宗。
过本节教学使我们初步了解和掌握图片切换的基本原理和遮罩的
运用，以便举一反三创作出更加美妙的音画作品。
制作步骤：
1.启动FLASH8软件。
2.选择"修改-文挡 "打开文挡属性对话框,设置动画规格为550px*400px,背景,帧频等均默认,点击“确定”按钮。 如图1所示:
（图1）
[覆盖替换]
3.新建图形元件（要养成使用元件的习惯，因为元件可以无限使用，且可参与相关功能，这是位图所不能及的）
选择“插入-新建元件”命令，打开“新建元件”对话框，在名称中建入“图片1”，在类型中选择“图形”，其它默认，最后点击“确定”。如图2所示：
（图2）
同样方法创建“图片2”元件。
4.编辑图片1图形元件
点击“文件-导入-导入到舞台”，找到你电脑中图片文件夹后，选中所需图片1和图片2到舞台界面，图片的宽和高分别是：550px*400px； 如图3所示：
（图3）
5.编辑主场景
(1)点击左上角的“场景1”，返回主场景。建立图片1和图片2两个图层(添加图层如图4所示，点击红色对号下的小图标；图层的命名方法是：双击“前端图层处-变蓝-键入内容”),然后点击“窗口-库”，如图4,图5所示：
（图4）
（图5）（图6）
(2)选中图片1图层第一帧，从库里将图片1拖到舞台，全居中（水平居中，垂直居中）。如图7所示：
（图7）
在60帧处插入普通帧（在60帧处“点右键-插入帧”）。
（3）在图片2图层第21帧插入空白关键帧（在21帧处“点右键-插入空白关键帧”），选中此帧，将库中图片2拖到舞台右侧和图片1上下对齐。（为操作方便可将舞台缩小到50%）
（4）在该层第40帧处插入关键帧，将图片2元件拖到舞台正中，全对齐。在第21帧处“点右键-创建补间动画”（或点击下边属性面板“补间”左框中的“小三角-动画”），在第60帧处插入普通帧（F5）。其时间轴如图8所示：
（图8）
6.测试存盘 选择“控制-测试影片”，如果感觉满意就可以存盘了.其步骤是:点击"文件-导出-导出影片"。源文件保存点击“文件-另存为”。
[淡出淡入]
在完成1--4步骤后，进入主场景编辑。
1.选择图片1图层第一帧,将图片1元件从库中拖入舞台,居中对齐.在第40帧处插入关键帧,在第20帧处也插入关键帧,在回到第40帧“点击该帧-点击图片1-再点击属性中的颜色右边的小三角-点击Alpba-选择0”。如图9所示：
（图9）
点击第20帧创建补间动画。
2.在图片2图层第20帧处插入空白帧,将图片2元件拖入舞台,居中对齐.在第40帧处插入关键帧.选中“第20帧-点击图片2-将Alpba设置为0”（如图9所示），点击第20帧创建补间动画。在第60帧处插入普通帧。
3.测试存盘
[遮罩切换]
在完成1--4步骤后，进入主场景编辑。
1.选择图片1图层第一帧,将图片1元件从库中拖入舞台,居中对齐.在第60帧处插入普通帧。
2.在图片2图层第20帧处插入空白帧,将图片2元件拖入舞台,居中对齐.在第40帧处插入关键帧.在第60帧处插入帧。
3.插入图层3，命名为遮罩。在遮罩层第20帧处插入空白帧，选择工具箱中的“椭圆工具”画一个12*12的小圆。在第40帧插入关键帧，点击第40帧，选择工具箱中的“任意变形工具”将小圆拉大至覆盖整个舞台。再点击第20帧，在属性面板创建补间动画，然后右键点击“遮罩图层-遮罩”。其时间轴如图10所示：
注：如效果不好，纠正方法有二：一是在20帧－40帧先做补间动画，然后将第40帧小圆拉大至覆盖整个舞台；二是将第20帧的小圆和第40帧的大圆均打散，然后在20帧－40帧处做形状补间。
（图10）
4.测试存盘
*这里只是介绍了一点基本原理，就算是抛砖引玉的吧。朋友们可举一反三，比如上下覆盖，对角覆盖，遮罩的变化就更是无穷无尽,不同形状的遮罩，就会得到不同的效果。但万变不离其宗。
FLASH8入门教程3--图片的切换 -
FLASH8入门教程3--图片的切换 -
FLASH8入门教程2--图片的移动 -
FLASH8入门教程2--图片的移动 -
FLASH8入门教程3
FLASH8入门教程4--多姿多彩的文字 -
FLASH8入门教程4--多姿多彩的文字 -
FLASH8入门教程1
FLASH8入门教程2
FLASH8入门教程5
FLASH8入门教程7
经典的图片切换
FLASH8入门教程5--音乐的导入与使用 -
FLASH8入门教程6--视频的导入与使用 -
FLASH8入门教程5--音乐的导入与使用 -
FLASH8入门教程第一部分学习
动态切换图片的JavaScript的代码
FLASH8入门教程7--创作程序与流程 -
《月儿笔记》十一、新的图片切换 -
图片幻灯片切换特效代码
js图片切换
FLASH图片切换效果
FLASH图片切换
js图片切换