Flash MX2004入门与进阶实例——元件和实例(18)

2016-01-29 13:18 2 1 收藏

Flash MX2004入门与进阶实例——元件和实例(18),Flash MX2004入门与进阶实例——元件和实例(18)

【 tulaoshi.com - Flash 】

第四章 元件和实例
第四节 交互动画的灵魂——按钮(2)
    

2.创建按钮

(1)绘制按钮图形

步骤1 创建【弹起】帧上的图形

将【图层1】重新命名为“圆形”,选择这个图层的第1帧(弹起帧),利用【椭圆工具】绘制出如图4-4-6所示的按钮形状。

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

图4-4-6 【弹起】帧上的图形

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

这个形状是由一个蓝色圆形和一些小椭圆形状组合而成的,另外为了表现球的立体感,在蓝色圆形下边还绘制了一个椭圆阴影。你可以参考配套光盘上的源文件进行绘制,另外你完全可以充分发挥自己的想象力,绘制出更漂亮的按钮图形。

步骤2 创建【指针经过】帧上的图形

选择【指针经过】帧帧,按F6键插入一个关键帧,并把该帧上的图形重新填充为橄榄绿色,如图4-4-7所示。

图4-4-7 【指针经过】帧上的图形

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

步骤3 创建【按下】帧上的图形

【按下】帧上的图形和【弹起】帧上的图形相同,因此利用复制帧的方法即可得到。先用鼠标右键单击【弹起】帧,在弹出的菜单中选择【复制帧】命令,然后用鼠标右键单击【按下】帧,在弹出的菜单中选择【粘贴帧】命令即可。

步骤4 创建【点击】帧上的图形

选择【点击】帧,按F7键插入一个空白关键帧,这里要定义鼠标的响应区。用【矩形工具】绘制一个矩形,如图4-4-8所示。注意一定要让这个矩形完全包容前面关键帧中的图形。

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

来源:https://www.tulaoshi.com/n/20160129/1489653.html

延伸阅读
标签: flash教程
第四章 元件和实例 第一节 元件和实例的概念(1)      1.元件(Symbol) 我们先做个试验,请你用【椭圆工具】在“舞台”上随便画个圆,那么,这个图形在“舞台”上算是一种什么“元素”? 依照上面的说法,我们可以把它笼统地称为“动画元素”,精确地说,它仅仅是一个“矢量图形”,它还不是Flash管理中的最基本单元:...
标签: flash教程
第四章 元件和实例 第二节 管理、使用“元件库”(1)      1.元件库概述 上面,我们多次提到了【库】,在操作过程中,【库】是使用频度最高的面板之一,缺省情况下,【库】被安置在“面板集合”中,鉴于它的重要性,建议你把【库】从“面板集合”中取出,让它单独存放于“舞台”上。 打开【库】的快捷键为F11键或者Ctrl+...
标签: flash教程
第四章 元件和实例 第三节 灵活应用元件和实例(6)      5.元件类型的转换与实例对象的交换 灵活运用元件或实例的这种特点,能使动画效果得到更丰富的表演手段或大大提高制作效率! 元件的类型“转换”是在【库】中进行的,选择待转换元件,打开【属性】面板,选择目标类型,就能完成转换,元件类型“转换”仅于三种基本...
标签: flash教程
第四章 元件和实例 第四节 交互动画的灵魂——按钮(3)      步骤2 创建【文字2】图层 在【文字1】图层上新建一个图层,并重新命名为“文字2”。先将【文字1】图层上的文字原样原位置复制到【文字2】图层的第1帧上。方法是,单击选择【文字1】图层上的文字,执行【编辑】|【复制】命令,然后单击选择【文字2】图层的第1...
标签: flash教程
第四章 元件和实例 第五节 精彩范例(3)      制作步骤   我们先看看7个按钮的外形,其实,7个人物不是按钮,他们与画面上的其它装饰图形一样,仅是个背景图,我们用的是7个“透明按钮”! “透明按钮”可以用几种方法做,最先想到的当然是用【属性】面板在按钮的【颜色】设置中把【Alpha】值填为“0”,但这...