还有下一篇文章将给大家介绍：标尺、网格，给圆形图片创建更好的特殊效果，并给大家介绍ACTION的内容！希望大家喜欢。如果转载请注明出处： 网页教学网

　　在这个循序渐进的教程中，你将会学习到在FLASH中的层、帧和关键帧 ，放射性填充和alpha设定, 用复制背景方法和线工具来制作精确遮罩效果,在遮罩层的组合中使用引导层，从而制作出精美的FLASH动画，让你感受到FLASH的神奇之所在！

　　下面开始学习：

　　首先，先让大家看看最初的效果：

　　1.先创建一个FLASH新文件，保存为“first.fla”

　　2.按CTRL+R首先引入一幅背景图片（或者“文件”-“导入”-->>“导入到舞台”）（本站下载素材）

　　3.打开库窗口“窗口”-->>“库”（或者直接按F11）

　　4.在库窗口中双击刚刚导入的那幅图片的图标，如图：

　　注意要去掉“允许平滑”选项。

　　5.之后我们来修改一下我们的影片的大小：“修改”-->>“文档”（CTRL+J）如图：

　　按照图片的尺寸来设置文档的大小，并且设置帧频为30fps。

　　6.单击选中你的图片，按F8键（“修改”-->>“转换为元件”），输入一个名字，行为：影片剪辑，注册调到右下脚（单击右下脚）。如图：

　　7.在属性面板中设置X和Y的值为0。如图：

　　8.最后的正确效果是使背景图充满整个FLASH的屏幕，并且中心在右下脚。如图：

　　9.确认当前的实例bg已经被选择了，然后“编辑”-->>“复制”（CTRL+C）复制它。

　　10.然后“插入”-->>“图层”或者直接单击插入图层按钮插入一个新的图层。如图：

　　11.选中图层2，之后“编辑”-->>“粘贴到当前位置”或者直接按CTRL+SHIFT+V键

　　12.锁定图层1。如图：

　　13.单击图层2的第一关键帧，选中该bg影片剪辑。

　　14.按F8键将它转换为元件，名称为：skyscraper，如图：

　　15.锁定图层2。

　　16.在库窗口中双击“skyscraper”图标打开，现在我们来编辑它。

　　17.锁定图层1，插入一个新的图层，

　　18.放大影片

　　19.单击“查看”-->>“对齐”-->>“对齐象素”，把“对齐对象”去掉。如图：

　　20.选择“线条工具”，在属性面板中选择“极细”。如图：

　　21.选择你要放置效果的图片的细节处，正确地画一条线。如图：

　　22.锁定图层2，然后插入一个新的图层画出所需要的第2条线。

　　23.重复22步，画出全部需要设置效果的部分的线条。注意：每条线必须在单独的一个层里面。如图：

　　并且保存一下文件。

　　24.现在返回图层2，把图层2解锁并且选中第一关键帧。你应该看到线条已经被选中了。之后打开属性面板，然后设置样式为“实线”，高度为2。如图：

　　注意：线条的高度和你所选择的图片的大小、形状都是有关系的！一般情况下线条的粗细设置为2-3就可以了！

　　25.选择“修改”-->>“形状”-->>“将线条转换为填充”。

　　这时可以看到线条已经转换为可以填充的了。如图：

　　26.选择图层1，插入一个新图层，放大你的影片，单击舞台，打开属性面板，之后设置背景色为黑色。如图：

　　27.选择圆形工具或者直接按快捷键O，之后打开属性面板设置线条色为红色，线形为极细，填充色为白色，按住SHIFT画一个大小为40*40的圆。

　　28.鼠标单击圆的边线，之后删除边线的红边，之后选择剩余的白色填充区域，打开混色器面板，之后设置为“放射性”填充，具体设置如图：

　　29.选择该圆，之后按F8键将它转换为元件。名为runner，如图：

　　30.把这个runner元件拖拽到线条的开始位置，右击第一关键帧，创建动画效果，并锁定该层。如图：

　　31.选择图层1，在60帧处按F5键，插入一个帧。如图：

　　32.解锁图层11，在30帧处按F6插入一个关键帧。把实例runner 拖到线的末端。如图：

　　33.右击图层2，选择遮罩，为了把遮罩效果做得更好，我们现在在图层11的第5帧、第26帧插入关键帧。解锁图层11，之后选中第一关键帧，然后选择runner元件，设置alpha为0%，同样在第26关键帧处选择runner元件，设置元件的alpha为0%。如图：

　　34.选择图层3（第2条线所在的图层），之后在第60帧处插入帧（F5）。然后选择图层2，插入一个新的图层，选中第5帧，然后按F6插入一个关键帧，之后按F11，打开库，把runner拖到舞台中，放到线的开始位置，之后创建动画，然后在35帧处插入一个关键帧，并且把runner拖拽到线的末端。按33步重复该步骤的设置。

　　35.重复以上的步骤分别把图层3、4...解锁，添加关键帧，设置Alphpa，最终的效果如图：

　　以上可以做出了完整的效果。本站提供的源文件下载：

　　DOWNLOAD .fla (first_01.fla)

　　36.如果你不满足上面的效果，你可以从以下几个方面来改动：

1.在时间轴上改变关键帧的位置。

2.为每个影片实例改变alpha的值。

3.重新更细心的画线。

4.重新设置线的高度也就是粗细。

　　37.删除图层1（bg影片剪辑的图层），保存fla文件。

　　38.返回场景1，解锁图层1，选中图片，按CTRL+C键复制，选择图层2，插入一个新的图层，选中第一帧，然后按CTRL+SHIFT+V粘贴到当前位置，之后选择图片，然后按F8转换为元件起名为radial，行为：影片剪辑，注册：右下脚。如图：

　　39.按F11打开库，双击“radial”图标来编辑它。

　　40.插入一个新的图层，锁定图层1，选择图层2，然后选择“视图”-->>“对齐”-->>“对齐到象素”。

　　41.然后选择线条工具，按图所示，画一条线段。然后选择选择工具放到线条的中部，出现圆狐形状时拖拽线条正好盖住背景的线条。如图：

　　42.选择线条，按CTRL+C复制，之后再新建一个图层，然后按CTRL+SHIFT+V粘贴到当前位置，然后设置图层3为隐藏。如图：

　　43.选中图层2的线条，按F8键，转换为元件，名为ray1，行为：影片剪辑，注册：右下脚。之后选择“编辑”-->>“在当前位置编辑”。

　　44.锁定图层1，插入一个新图层，并且移到图层1的下面。然后把库中的runner元件拖动到线条的开始位置，如图：

　　45.锁定图层2，右击添加运动引导线，解锁图层1，选择线条复制它，之后选择引导层，然后按CTRL+SHIFT+V粘贴到当前位置。

　　46.锁定引导层和图层2，然后把图层1删除掉，把引导线延伸到30帧，（也就是在第30帧处插入一个帧）解锁图层2，在第一帧处创建动画，然后再30帧处插入一个关键帧，并把runner拖到线的末端。

　　47.现在开始编辑radial元件，锁定图层2，解锁图层3，选择舞台上的线条，在属性窗口中改极细为实线，设置高度为2（实际的做法中按你所选择的图形来设置）。然后选择“修改”-->>“形状”-->>“将线条转换为填充”，锁定图层3，然后右击选择遮罩。

　　48.解锁图层2，选择ray1影片剪辑，然后选择“编辑”-->>“在当前位置编辑”然后按上面的步骤重复来实现。

　　最终效果出现了！希望本教程能给初学者以启发，那我就感到欣慰了，同时希望高手提出更好的意见和建议。最后提供给大家源代码：

　　DOWNLOAD .fla (first_02.fla)

　　还有下一篇文章将给大家介绍：标尺、网格，给圆形图片创建更好的特殊效果，并给大家介绍ACTION的内容！希望大家喜欢。如果转载请注明出处： 网页教学网