第四节 交互动画的灵魂——按钮(2)
2.创建按钮
(1)绘制按钮图形
步骤1 创建【弹起】帧上的图形
将【图层1】重新命名为“圆形”,选择这个图层的第1帧(弹起帧),利用【椭圆工具】绘制出如图4-4-6所示的按钮形状。
(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/fjc/)
图4-4-6 【弹起】帧上的图形
这个形状是由一个蓝色圆形和一些小椭圆形状组合而成的,另外为了表现球的立体感,在蓝色圆形下边还绘制了一个椭圆阴影。你可以参考配套光盘上的源文件进行绘制,另外你完全可以充分发挥自己的想象力,绘制出更漂亮的按钮图形。
(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/fjc/)步骤2 创建【指针经过】帧上的图形
选择【指针经过】帧帧,按F6键插入一个关键帧,并把该帧上的图形重新填充为橄榄绿色,如图4-4-7所示。
图4-4-7 【指针经过】帧上的图形
(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/fjc/)
步骤3 创建【按下】帧上的图形
【按下】帧上的图形和【弹起】帧上的图形相同,因此利用复制帧的方法即可得到。先用鼠标右键单击【弹起】帧,在弹出的菜单中选择【复制帧】命令,然后用鼠标右键单击【按下】帧,在弹出的菜单中选择【粘贴帧】命令即可。
步骤4 创建【点击】帧上的图形
选择【点击】帧,按F7键插入一个空白关键帧,这里要定义鼠标的响应区。用【矩形工具】绘制一个矩形,如图4-4-8所示。注意一定要让这个矩形完全包容前面关键帧中的图形。
(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/fjc/)