flash教程 制作霓虹灯.docx

flash教程 制作霓虹灯.docx

《flash教程 制作霓虹灯.docx》由会员分享，可在线阅读，更多相关《flash教程 制作霓虹灯.docx（17页珍藏版）》请在冰点文库上搜索。

flash教程制作霓虹灯

flash教程制作霓虹灯

在使用Flash制作动画时，遮罩层的应用对于初学者来说比较难于理解。

但是遮罩在Flash动画中的应用是比较广泛的，比如手写粉笔字效果、百叶窗图片切换效果，遮罩灯效果等，所以应该熟练掌握并灵活应用遮罩层。

下面霓虹灯的动画制作是比较简单的利用遮罩实现的效果，在招牌边缘有小灯泡闪烁，中间灯管从红到绿到蓝到黄循环从左向右运动，招牌上的字体为七彩闪烁，重点掌握遮罩的特点，难点在于理解遮罩工具的遮罩层和被遮罩层的关系。

（1）执行【文件】︱【新建】命令或按Ctrl＋N快捷键，新建一个Flash文档，执行【文件】|【导入】|【导入到舞台】命令或按Ctrl＋R快捷键导入光盘/第5章/素材/house.jpg，新建图层2。

注意：

确定图层2位于图层1的上方，如图所示。

（2）执行【插入】|【新建元件】或者按Ctrl＋F8快捷键，在弹出的【创建新元件】对话框中设置名称为霓虹灯，设置类型为【影片剪辑】，按确定新建一个名称为霓虹灯的影片剪辑元件，如图所示。

（3）单击场景按钮返回到【场景】，执行【窗口】|【库】命令，或按Ctrl＋L快捷键打开【库】面板，使用鼠标左键按住霓虹灯元件，将其拖到场景中图层2上的图示位置处，这样操作主要是为了编辑和更改方便，如图所示。

（4）双击刚才拖放到场景中的霓虹灯元件，使其处于编辑状态，在【工具箱】中选择【文本工具】，场景中单击，插入“卡蒂亚”，设置字体为经典粗黑简（如没此字体可到网上下载或用其他字体代替），大小为48，字母间距为26，并调整位置，如图所示参数。

（5）新建图层2并拖到图层1下面，在【工具箱】中选择【矩形工具】，并且设置【笔触颜色】为空色，【填充色】为七彩色，在图层2上画出七色彩带，彩带高度和宽度要比字体稍大，如图所示。

（6）选择【工具箱】中的【选择工具】，单击彩带把彩带选中，单击右键复制彩带，然后再单击右键选择【粘贴到当前位置】，按Ctrl＋←键将其移动至原彩带末尾，选中两个彩带按F8建将其转换为图形元件，名称为彩带，如图示所示。

技巧按住Shift键，分别单击两个彩带才能同时选中，或者把图层1锁定，用【选择工具】把两个彩带全部选中。

（7）分别在图层1和图层2的第20帧处单击鼠标右键选择【插入关键帧】，单击图层2第20帧选中彩带，并且移动到如图所示位置，单击图层2的第一关键帧，在属性检查器中，创建动画补间动作。

（8）在图层1上单击右键选择【遮罩层】，设置图层1为遮罩层，图层2为被遮罩层，按Ctrl＋Enter快捷键，可以看一下现在的效果了，如果动画不通畅、不连续。

可以调整图层2第20帧处彩带的左右位置，使动画看起来通畅连续。

（9）在图层1上新建图层3，取消图层1的锁定，选择图层1上的“卡蒂亚”字体进行复制，选中图层3，在工作区中单击右键，选择【粘贴到当前位置】，把“卡蒂亚”字体粘贴到图层3上，锁定图层1，保持“卡蒂亚”字体的选中状态，如图所示。

（10）执行【修改】|【分离】命令两次或者按两次Ctrl＋B快捷键将元件打散，执行两次【修改】|【形状】|【扩展填充】命令，在弹出的对话框中都设置距离为2px。

按确定返回元件霓虹灯，取消选择，如图示。

（11）选择【工具箱】中【默水瓶工具】，在属性检查器中设置【笔触高度】为2，颜色为绿色（颜色区别于黑色便于查看就可以），为字体加上边缘，然后选择【工具箱】中的【选择工具】按住Shift键，选中黑色字体，按Delete键删除黑色字体，如图所示。

（12）选择【工具箱】中的【选择工具】，选中字体边缘，执行【修改】|【形状】|【平滑】命令，执行该命令是为了使线条平滑，不至于在转换成填充时丢失，再执行【修改】|【形状】|【将线条转换为填充】命令，如图所示。

注意这一步效果看上去和第11步骤的效果相差不大，但这一步很关键，如果不操作这一步，后边的效果不会实现。

（13）在图层1和图层3之间新建图层4，删除图层4上得所有帧，【选择工具】选中图层2上的所有帧，把其粘贴到图层4上，选中图层4上所有帧单击鼠标右键选择【翻转帧】，并且设置图层3为遮罩层。

可以按Ctrl＋Enter快捷键看一下效果，如图所示。

（14）新建图层5并将其拖到图层2下面，在图层5上用【矩形工具】绘制出的灯管形状，并且新建图层6将其拖到图层5下面，在图层6上绘制的彩带，并且转换为图形元件，名称为彩带2。

（15）在图层6第20帧上插入关键帧，并且创建从左向右运动的效果，设置图层5为遮罩层，在图层5上面新建图层7，复制图层3上的字体边缘到图层7上，把颜色改为：

红128，绿64，蓝64，然后执行【修改】|【形状】|【扩展填充】命令，距离为6px,如图所示。

（16）在图层7上新建图层8，在【工具箱】中选择【线条工具】，在属性检查器中选择【自定义按钮】，在弹出的对话框中设置线条笔触样式如图5-81示。

在图层8上绘制灯泡边缘，并且每两帧插入一关键帧，改变一下线条的颜色。

如图所示。

（17）点击返回场景按钮，返回到场景，按下Ctrl＋Enter快捷键测试场景，最终动画效果如图所示。