动画设计 百分网手机站

Flash动画中多功能按钮制作方法论文

时间:2018-12-04 08:07:09 动画设计 我要投稿

Flash动画中多功能按钮制作方法论文

  【关键词】 Flash动画 多功能按钮 制作方法

Flash动画中多功能按钮制作方法论文

  Flash动画中控制动画的播放经常要用到按钮,因此按钮的制作是Flash动画制作中的重要环节。在一部动画中,如果设置的按钮过多,会影响动画画面的美观及动画内容的展示。如果将控制动画播放的几种功能集中在同一个按钮内,即制作出多功能按钮,不仅解决了按钮过多的问题,还使动画画面更加美观。下面就介绍Flash动画中多功能按钮制作的过程,即把开启和关闭声音效果的功能集成在一个按钮中。

  1 设置Flash动画基本参数

  启动Flash软件,打开属性面板,动画舞台大小、帧频等根据需要设置,这里为默认舞台大小(550×400像素)及帧频(12 fps)。将背景颜色设为黑色,为后面要制作按钮的发光效果做准备。见图1。图1 属性面板中参数的设置将文件保存在D盘根目录下,并命名为“多功能按钮”。

  2 制作按钮外观

  点击工具面板中的矩形工具按钮,然后点击笔触颜色按钮,将笔触颜色设为#0000FF,见图2。图2 笔触颜色设置点击填充色按钮,再打开混色器面板,将填充样式类型设为线性,再将颜色控制条的左箭头颜色设为#9E9D03,右箭头颜色设为#FCFC7A,其它设置为默认,见图3。图3 混色器面板中线性填充样式属性设置点击工具面板下方的边角半径设置按钮,打开矩形设置对话框,将边角半径设为5,见图4。图4 矩形边角半径设置现在可以画出要制作的按钮外观了。将图层1命名为按钮效果,点击第一帧,在舞台上需要放置按钮的位置,用鼠标点击并拖出一个大小适当的矩形。此时看到填充色为左深右浅,但我们要制作的按钮填充色为上深下浅,需要点击工具面板中的颜料桶工具按钮,在填充色的上端点击按钮,向下拖出直线,松开按钮,此时的填充色即为上深下浅了。

  下面要在填充色上制作一个反光效果,使按钮看上去更漂亮。在按钮效果图层上方新建一个图层,命名为反光。点击工具面板中的矩形工具按钮,然后点击笔触颜色按钮,设为取消。填充色的填充样式类型设为线性,将颜色控制条的左右箭头颜色均设为#FFFFFF,中间再增加一个箭头,颜色也设为#FFFFFF。右箭头Alpha(透明度)值设为0 %,中间箭头Alpha(透明度)值设为84 %,左箭头Alpha(透明度)值设为0 %。在制作的按钮填充色上用鼠标拖出一个大小约为原填充面积上下径一半的矩形,用颜料桶工具从上到下拖出直线,完成反光效果的制作。

  3 将按钮外观转换为按钮元件

  将舞台上画出的按钮外观全部选取,按键盘上的F8键,打开转换为元件对话框,选中影片剪辑类型,命名为“按钮_mc”,确定。双击按钮影片剪辑,进入按钮影片剪辑制作舞台,选中按钮外观,按F8键再次打开转换为元件对话框,选中按钮类型,命名为“按钮”,确定,即将按钮外观转换为按钮元件了。点击时间轴上方的`“按钮_mc”,进入按钮_mc制作舞台,在图层1的上方新建一个图层2,在第一个关键帧中画一个尖端向右的三角形。在图层1、图层2中插入第二个关键帧,删除图层2第二个关键帧中的三角形,在三角形的位置上画一个“暂停”图形。见图5。图5 按钮外观制作效果

  4 制作按钮发光效果

  双击按钮元件,进入按钮制作舞台,在图层1的下方新建一个图层2。点击图层1的“按下”帧,按键盘上的F5键插入帧;在图层2的“指针经过”帧中插入关键帧,点击矩形工具按钮,将边角半径设为8,将笔触设为取消,填充样式类型设为放射状,将颜色控制条的左箭头颜色设为#6060FF、Alpha值设为100 %,右箭头颜色设为#000000、Alpha值设为70 %,在中间偏左位置增加一个箭头,颜色设为#898AFE、Alpha值设为15 %。现在画一个大于按钮外观的矩形,并用工具面板中的填充变形工具适当改变这个矩形的填充面积及形状。见图6。图6 按钮发光效果5 制作按钮控制音效的功能点击时间轴上方的“按钮_mc”,进入按钮_mc制作舞台。插入一个新图层,命名为AS(Action Script),用于写入Flash语言。点击AS图层的第1帧,打开动作面板,写入下述语言:stop();my_sound = new Sound();my_sound.loadSound("kenny G.mp3",true); my_sound.start();注意,在D盘根目录下要有kenny G.mp3文件。在AS图层中的第2帧插入一个关键帧,点击第2帧,在动作面板中写入下述语言:stop();stopAllSounds();在图层1的第1帧中点击按钮元件,打开自动面板,写入下述语言:on (release) {gotoAndPlay(2);} 在图层1的第2帧中点击按钮元件,打开自动面板,写入下述语言:on (release) {gotoAndStop(1);}见图7。图7 按钮动作AS语言的写入到此为止,能控制动画播放及控制音效的按钮就制作完成了,按Ctrl+Enter组合键测试影片,此时可以听到kenny G.mp3的音乐,将鼠标指向按钮,按钮周围会出现蓝色光晕,点击按钮,音乐就会停止播放。再点击按钮,音乐又会重新播放。按照本文制作按钮的思路,可以将其它控制动画的几种功能集成到一个按钮中,制作更多的多功能按钮。

【Flash动画中多功能按钮制作方法论文】相关文章:

1.FLASH怎么给透明按钮添加播放代码

2.flash CS6怎么制作一个动态按钮

3.flash按钮怎么制作鼠标动画

4.Flash动画技巧:动画中人物走路动作的规律

5.jquery提交按钮的代码

6.动画中的角色设计

7.Flash动画基础

8.学习flash方法