精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>电脑技术>>动画制作>>实例制作>>FLASH动画篇>>FlashMX实例教程:探照灯效果制作

主题:FlashMX实例教程:探照灯效果制作
发信人: yufif(YUFI~水神架到)
整理人: yufif(2003-08-05 17:50:00), 站内信件
【转载:洪恩在线http://www.hongen.com/pc/homepage/flashsl/flash05/flash051.htm】
【整理:YUFIF】

                      探照灯效果制作

●预览成品:探照灯由左到右照射,被照到的地方出现鲜亮的色彩。
实例效果
下载源程序
            

●逐步说明:
1)选择菜单File->New,创建一个新电影。
 

               
2)选择工具栏中的矩形工具矩形工具,将矩形工具栏中的填充颜色设置成灰色直线渐变色,其中浅蓝色的RGB值为:(40,52,140),深蓝色的RGB值为:(15,15,60)。

填充色设置对话框

在工作区中绘制一个与工作区一样大小的矩形。
               


3)选择工具栏中的油漆桶工具,同时按下参数栏中的<img src="img/flash002.gif" width="24" height="21">按钮,移动鼠标并点击工作区中的矩形图片,这时矩形的左边,右边将出现两条竖线。
        
竖线图片

移动鼠标到右边竖线上端的小圆圈处,这时鼠标将变成旋转形状,按住鼠标并向下拖,直到左右两边的竖线变为水平形状时,释放鼠标。这时您将看到矩形区域中的填充颜色将变成从上到下的渐变。

从上到下的渐变



4)选择工具栏中的文字工具文字工具,将文字工具参数栏中字体类型设置成“Arial Black”,字体大小设置为42。

字体字号
            
设置完毕,移动鼠标并在工作区中单击,在出现的黑框中输入“Light Mask”。用鼠标点击工具栏中的箭头工具箭头工具,选中刚输入的文字,按住键盘的Shift+Alt键,向上拖动文字,这时您将看到黑色文字被复制了。用箭头双击刚被复制的文字,选中它,
            
选中的复制文字

然后将文字工具参数栏中的黑色改为蓝灰色(RGB值为36,72,108)。用鼠标点击工具栏中的箭头工具并调整蓝灰色的位置,以产生阴影的效果

阴影效果的文字



5)用鼠标右键点击等时线窗口中Layer1图层的第30帧,在弹出的菜单中选择Insert Frame

插入帧菜单    插入帧后
          
这时Layer1图层的总帧数已增加到30帧。
               


6)点击等时线窗口左下角的增加图层按钮增加层按钮,这时在Layer1的上方增加了一个新图层Layer2。
              
增加图层2



7)选择工具栏中的矩形工具矩形工具,将矩形工具参数栏中的填充颜色填色按钮设置成由白色到浅紫色的直线渐变渐变填充色,在工作区中绘制一个与工作区一样大小的矩形。
           
从左到右的渐变



8)象第三步一样,使矩形区域中的填充颜色变成从上到下的渐变

从上到下的渐变



9)点击Layer2上位于图层名称栏中“眼睛”图标下方的小圆点点击小圆点这时小圆点将变成一个红色叉子,点击圆点后的状态证明Layer2图层已被隐藏。 

图层2被隐藏



10)选中工作区Layer1图层中的蓝灰色文字,

http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash017.gif
然后选择菜单Edit>Copy。http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash018.gif点击Layer2图层上的红色叉子,使Layer2图层重新显示。选择Layer2图层的第1帧,点击菜单Edit>Paste in Place,

http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash019.gif                   http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash020.gif
这时在Layer2图层中复制了与Layer1图层中相同的蓝灰色文字。

http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash021.gif



11)用鼠标单击工具栏中的箭头工具箭头工具,双击刚复制的文字并将它全部选中,然后将文字工具参数栏中的蓝灰色改为桔黄色文字颜色。选择箭头工具箭头工具,按住键盘上的Shift+Alt键,稍向右拖动桔黄色文字,复制出新的文字。
                


12)用箭头工具双击刚复制的文字,并将它全部选中,然后将文字工具参数栏中的桔黄色改为黑色。            

黑色文字

点击箭头工具将其选中,然后选择菜单Insert->Convert Sysmbol,

转换为图符组件

在弹出的对话框中输入组件名称mask,点击OK按钮,将文字转化成mask组件。

建立图符对话框



13)用鼠标右键单击工作区中的黑色文字,在弹出的菜单中选择Properties项,

文字属性菜单

弹出属性对话框,选择Color Effect选项卡,再从Color下拉菜单中选择Alpha,并将它的值设置成40%,

图片属性对话框

点击OK按钮,这时黑色文字变成了半透明状。
              
半透明状文字



14)选择菜单Modify->Arrange->Send to Back,将黑色文字移动到桔黄色文字的下方。
  


15)选择箭头工具,按住Shift+Alt键,向左拖动半透明的阴影文字复制出新的阴影。

http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash030.gif



16)最后制作运动的蒙板。点击等时线左下角的增加图层按钮,在Layer2图层上方将增加一个新图层Layer3,

http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash031.gif

选择工具栏中的椭圆工具http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash032.gif,按住Shift键,在工作区以外的左侧绘制出一个圆形。 

http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash033.gif



17)用鼠标点击箭头工具http://www.hongen.com/pc/homepage/flashsl/flash05/img/flashjt.gif,选中刚绘制的圆形,选择菜单Insert->Convert Sysmbol, http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash024.gif

在弹出的对话框中输入名称meng,点击OK按钮,将黑色圆形转化成meng组件。

http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash035.gif



18)用鼠标右键点击Layer3图层的第30帧,在弹出的菜单中选择Insert Keyframe项,使Layer3图层的第30帧变为关键帧。用鼠标将组件meng拖动到工作区外右侧,释放鼠标,

http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash036.gif

用鼠标右键单击Layer3的第1帧,在弹出的菜单中选择Creat Motion Tween。

http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash037.gif

这时meng组件将产生由左到右的直线运动。

http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash038.gif



19)用鼠标右键单击Layer3图层的名称,在弹出的菜单中选择Mask项,使Layer3图层转化成蒙板层。

http://www.hongen.com/pc/homepage/flashsl/flash05/img/flashmst.gif                  http://www.hongen.com/pc/homepage/flashsl/flash05/img/flash039.gif



20)选择菜单Contrl->Test Movie,即可看到效果。






----

欢迎加入我们神族俱乐部!
我们的目标:开国大老
加入条件:  有志愿向水利方面发展的163会员 
我们的基本点:163CLUB 
成立目的:让成员间版聊能有亲切感,建立良好友谊!                      

[关闭][返回]