第7讲 图层特效(二)Flash高级商务动画设计(PPT全)(袁野版)

1、q引导层动画效果q弹跳球q飞机任意曲线运动q乒乓球q蝴蝶飞舞q学会利用遮罩技术模仿写字的过程。q学会利用引导线引导笔写字的过程。q利用遮罩技术模拟各种图片切换效果（百叶窗、玛赛克效果）。q学会利用遮罩技术制作电光文字效果。q利用遮罩技术模仿写字的过程。q遮罩技术模拟各种图片百叶窗切换效果。q利用遮罩技术制作电光文字效果。q学会利用引导线引导笔写字的过程。q百叶窗切换时停留时间的控制。q实例一：一笔一划（遮罩）q实例二：字环绕地球（遮罩、引导层）q实例三：百叶窗效果（遮罩）q实例四：文字电光效果（遮罩）q什么是遮罩q在图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形

2、状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。 q遮罩有什么用q是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，q是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。遮罩层是任意形状被遮罩层（在遮罩层下）遮罩后的效果q遮罩层是由普通图层转化而来的。q在某个图层上单击右键，在弹出菜单中选择【遮罩层】，该图层就会生成遮罩层，q“层图标”就会从普通层图标 变为遮罩层图标 ，系统会自动把遮罩层下面的一层关联为“被遮罩层”，q如果想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就可以了q首先在普通图层中，放入被遮罩对象，创建动画q(如果

3、需要可以在被遮罩层中使用补间形状动画、传统补间动画、引导线动画等动画)q然后在当前图层上方新建图层，放入遮罩对象，创建动画q(如果需要可以在遮罩层中使用补间形状动画、传统补间动画、引导线动画等动画 )q最后将放入遮罩对象的图层设置为遮罩图层q【实例说明】【实例说明】模仿写字的过程，完成“林”字的书写。q【技术要点】【技术要点】在“遮罩层”中使用逐帧动画，逐帧使用画笔工具描绘出“林”字。 q建立两个图层。q下面的图层录入文字“林”。q上面的图层用“刷子”工具按照笔划顺序一帧比一帧多写一点。q注意:“刷子”工具写出的笔划具有遮罩效果q把上面的图层设置为遮罩层。q启动Flash ，菜单上，文件新建，

4、创建了一个新的Flash影片文件。菜单上，文件另存为.， 在打开的“另存为”对话框上，选择保存文件的文件夹位置，在“文件名”后输入：一笔一划.fla，点击“保存”按钮。q菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为300200，背景颜色为白色，帧频为12fps(即12帧/秒)，单击“确定”按钮，返回到文档场景编辑窗口。q在“图层1”更名为“背景”，菜单上，文件导入，打开“导入”对话框，选择背景文件：“竹林.jpg”，单击“打开”按钮，在舞台上调整背景图案的大小和位置q鼠标右键单击“背景”图层的第40帧插入帧，扩展“背景”图层。q在“背景”图层之上新建“文字”图层，选择工具箱中的文本

5、工具，打开“属性”面板，设置文本工具属性：字体为隶书，大小为120，颜色为红色，粗体显示。q在“文字”图层的第1帧，对应的舞台上添加文字“林”，并调整位置，如图1所示。q在“文字”图层之上新建“遮罩”图层，右键复制文字图层的第一帧，粘贴到“遮罩”图层的第一帧，CTRL+B，设置颜色为蓝色，变成蓝色的林字。q鼠标右键单击“遮罩”层的第2帧插入关键帧，一直到26帧，做成逐帧动画。然后在第一帧，用橡皮擦除林子，剩一点，如图。q按照同样的方式，如图所示为最后一笔对应的帧的画面显示qq用鼠标右键单击“遮罩”层遮罩层，将“遮罩”层转变为遮罩层，时间轴如图。q按【CTRL+Enter】键或者菜单上，控制测试

6、影片，观看动画播放效果。q菜单上，文件保存q【实例说明】旋转的地球，文字围绕轨道q【技术要点技术要点】q应用2次遮罩，一次是地球旋转，一次是遮住地球的轨道的一部分；文字的旋转应用了引导层。引导线为非封闭的椭圆。q启动Flash ，菜单上，文件新建，创建了一个新的Flash影片文件。菜单上，文件另存为.， 在打开的“另存为”对话框上，选择保存文件的文件夹位置，在“文件名”后输入：旋转地球和文字.fla，点击“保存”按钮。q菜单上，修改文档，打开“文档属性”对话框，设置文档尺寸为550400，背景颜色为蓝色，帧频为12fps(即12帧/秒)，单击“确定”按钮，返回到文档场景编辑窗口。q新建一个影片

7、剪辑“地球旋转”，进入该影片剪辑的编辑舞台.q新建一个影片剪辑“绕轨道旋转的文字”，进入该影片剪辑的编辑舞台.q新建一个影片剪辑“绕轨道旋转的半圈文字”，进入该影片剪辑的编辑舞台q制作方法分别如下：q首先在“地球”图层，拖入“地球圆”元件，在70帧，插入帧。q添加“图层2”图层，拖入“地球各大洲”元件，在70帧，插入关键帧，按SHIFT，向左移动位置。应用传统运动补间。用鼠标右键单击“遮罩”层遮罩层，将此图层设为遮罩层，时间轴如图。q复制“地球”图层形成新的“地球”图层。设置属性中alpha=50%q在“地球轨道”图层，画一个椭圆,无填充色，倾斜如图 ，在210帧，插入帧。q添加图层a，在图层

8、a的第1帧，第30帧，第60帧，第90帧，120帧，150帧,180帧分别放入字母A到不同位置，如图， 在210帧，插入帧。各段应用传统运动补间。q在图层r的第7帧，第37帧，第67帧，第97帧，127帧，157帧分别放入字母f到不同位置， ，在210帧，插入帧。应用传统运动补间。时间轴如图。qOund四个字母以此类推。在d图层上右键/添加传统运动引导层。复制 “地球轨道”图层的第1帧，粘贴到引导层的第一帧。用橡皮擦擦掉一个小豁口。q增加一个音乐新图层，将17.wav拖到舞台上。q在“文字环绕”图层第1帧，拖入刚才制作的“绕轨道旋转的文字”影片剪辑。q新建“遮罩层”图层，将黑色矢量图画入第1帧

9、，和地球轨道的相对位置如图1。右键/遮罩层。这样黑色以外的区域将被遮住。时间轴如图2所示.q返回场景1，新建“旋转的地球”图层，在第一帧拖入“地球旋转”影片剪辑，位置如图。q新建“绕轨道旋转的半圈文字”图层，在第一帧拖入“地绕轨道旋转的半圈文字”影片剪辑，位置如图。q按【Enter+enter】键，观看动画播放效果。q看实际.swf动画效果。q水平百叶窗q垂直百叶窗q倾斜百叶窗q玛赛克百叶窗（矩形百叶窗）q两边伸缩q单边伸缩q播放影片可以看到，舞台上第一副图切换到第二幅图。q切换方式很多，如水平百叶窗、垂直百叶窗、倾斜百叶窗、玛赛克效果等。q切换时间以及图片显示时间控制相当重要。 q两幅图片互

10、相切换，其过渡方式采用百叶窗的效果。q两幅图片分别放置在不同图层上，对其中一幅图片所在图层添加遮罩层，遮罩层中的遮板对象使用缩放的矩形条来实现。q遮片的伸缩可以是顶边伸缩、底边伸缩、或两边同时伸缩。q制作一个遮片图形元件。q制作一个遮片伸缩的影片剪辑。q制作N个遮片伸缩的影片辑辑。q在场景舞台上建三个图形，第一和第二个图层各放一幅图，第三个图层放置N个遮片的影片剪辑，并设置为遮罩图层。q启动Flash ，菜单上，文件新建，创建了一个新的Flash影片文件。菜单上，文件另存为.， 在打开的“另存为”对话框上，选择保存文件的文件夹位置，在“文件名”后输入：百叶窗效果.fla，点击“保存”按钮。q新

11、建一个影片剪辑“水平百叶窗”，进入该影片剪辑的编辑舞台，第1帧到第20帧，红色矩形如图1，30帧，将该矩形用任意变形工具变成一条直线， 20帧到30帧，传统补间。然后到第50帧插入帧，时间轴如图2，做好影片剪辑。q新建一个影片剪辑“n行水平百叶窗”，将n个影片剪辑“水平百叶窗”水平摆放在编辑舞台上。q返回到场景1舞台，在“图片1”图层的第1帧放入图片1，在第50帧插入帧。q在“图片2”图层的第1帧放入图片2，在第50帧插入帧。q图层3拖入影片剪辑“n行水平百叶窗”，在第50帧插入帧。变遮罩层。q用鼠标右键单击“遮罩”层遮罩层，将此图层设为遮罩层，时间轴如图q按【Enter】键或者菜单上，控制测

12、试影片，观看动画播放效果。q菜单上，文件保存q制作写“林”的过程动画。q制作垂直、玛赛克百叶窗图形切换的效果动画。q制作翻书的效果。马赛克效果的影片剪辑时间轴如图，第15帧如图，小正方形，第30帧，缩小为一个点。在45帧，插入关键帧；60帧复制15帧的内容。创建2段传统补间。q【实例说明实例说明】q文字笔划的周围不断有闪烁出现。q【技术要点技术要点】q1)在文字FLASH的边框线上，不停地掠过蓝色的电光。q2)使用影片剪辑分别制作F、L、A、S和H每个字母的电光效果；渐变填充的蓝色矩形进行往返运动，其所在图层作为被遮罩层；为每个字母添加较粗的边框线，并将其所在图层作为遮罩层。q建立三个图层。q

13、最下面一个图层是显示的文字。q中间一个图层是一个线性渐变色填充的矩形区域，并且左右来回移动。q最上面的图层是文字的描边转为填充后的空心文字（选中“边线”，选择“修改”“形状”“将线条转换为填充”）。将该图层设置为遮罩。q启动Flash ，菜单上，文件新建，创建了一个新的Flash影片文件。菜单上，文件另存为.， 在打开的“另存为”对话框上，选择保存文件的文件夹位置，在“文件名”后输入：电光文本.fla，点击“保存”按钮。q新建一个影片剪辑“电光F”，进入该影片剪辑的编辑舞台，在图层“字母F”的第1帧，选择工具箱中的文本工具，打开“属性”面板，设置文本工具属性：字体为Franklin Gothi

14、c Heavy，大小为130，颜色为绿色，REGULAR显示。写字母“F”,然后CTRL+B分离。如右图所示。q在该图层的第15帧插入帧q新建图层“渐变层”，第1帧，画线性渐变色填充的矩形区域，如图2。F8变图形元件。在该图层的第15帧插入关键帧，在第8帧，也插入关键帧，并将矩形区域移动到右侧。q在第1到8帧，应用传统补间动画，8到15帧也应用传统补间动画。使渐变区域来回移动。q新建图层“遮蔽层”，复制图层“字母F”的第1帧，粘贴到第1帧。选择线条工具，笔触修改为6PX,颜色为红色。用墨水瓶工具为F加红边。箭头选择工具选中填充绿色，删除。得到红色空心F.如图3.笔触虽然是形状,但本身不能做遮罩层,必须把笔触转为填充:修改 -形状-将线条转为填充。q在“遮蔽层”图层的第15帧插入帧，用鼠标右键单击“遮罩”层遮罩层，将此图层设为遮罩层，时间轴如图1，做好“电光F”的影片剪辑。q如上做好5个字母。在场景1里把5个字母拖到舞台上摆