通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver3教程
Flash4&5教程
Firework3教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
最近更新:
Flash
相关内容

第二章 FLASH入门动画
第九节 按钮制作(二)


大家试着点一点上面的按钮,看看这个按钮和上一节我们讲到的按钮有什么区别。对了,除了外形不一样以外,最大的区别就在于当鼠标滑过按钮上方时,是播放一小段动画而不仅仅是切换成另外一张图片。这就是我们这一节要学习的,制作一个动态按钮。

大家知道,按钮的制作实际上是按钮的Up、Over、Down和Hit关键帧的制作,上一节中我们在这四帧中分别放上不同的静止的图形类图符,这样生成的按钮就成为静态按钮。相反,如果我们在其中某些关键帧中放入的是动态的电影片断(Movie Clip), 当特定鼠标事件产生时,就会表现为动态的效果。这个道理我想是很容易理解的,所以这一节也会相对简单一些。

下面就让我们来研究一下上面的这个动态按钮是怎么做出来的。

首先打开一个新文件,按Ctrl-F8新建一个图形类(Graphics)图符并将图符命名为Next Up。这个图符将用于按钮在正常状态下的外形。进入图符编辑模式后选矩形工具,拉出一个宽比高稍短一点的红色矩形来,如下图一所示。然后我们用箭头工具把矩形移动到如图二所示位置,让十字中心点位于矩形右边的中心。当箭头移到矩形右上角时,形状变成图三所示,大家一看就知道我们要做什么了。如图四和图五那样,分别把矩形的右上角和右下角拉到右边的中心点位置,这样,我们就把用作按钮Up帧的三角形图片做好了。做这个三角形的方法很多,大家也可以用铅笔或线条工具试一下。
    

图一
图二
图三
图四
图五


大家注意到鼠标滑过上面的按钮时,按钮变成黄色三角形,并且重复调用四次,所以我们需要为制作这个电影片断而事先准备一张黄色三角形图符。因为它的形状和刚才做的next up红色三角形图符一样,所以我们只要对上面做好的图符稍加修改就行了。新建一个图形类图符,命名为next over,进入图符编辑画面,按Ctrl-L打开图库窗口,从预览窗口把红色的三角形直接拖到编辑区中,在该三角形被选中的情况下,按Ctrl-B把它打散,用颜料桶工具选黄色的填充色在三角形中点一下。这样我们就做好了这个图符。用同样的方法,我们再做一个名为next down的绿色三角形图符用做按钮按下状态时的外观。

下面我们来制作按钮Over帧上将要用到的电影片断(Movie Clip)。新建一个图符,起名为movie,并选择它的类型为Movie Clip。进入编辑画面,发现与主场景的编辑画面很相似。从图库窗口中选中next over,从预览窗口中把黄色的三角形拖到编辑区中。在第2帧按F6键插入一关键帧,在这一帧上再从预览窗口中把黄色的三角形拖到编辑区中,放在原来的那个三角形右边,这样就有两个并排放置的三角形。在第2帧用鼠标左键双击右边的三角形,进入图符属性对话框,在Color标签下把Alpha值设为80,使得右边三角形稍稍透明一些。同样,在第3帧按F6键插入关键帧,与其上帧的操作一样,再拖进一个三角形并排放在右边,然后把最右边的三角形Alpha值设为60。第4帧也是如此,只不过最右边的三角形的Alpha值为40。

现在按钮主要关键帧上所要放的图片和电影片断我们都已经做好了,现在就可以动手制作了。按Ctrl-F8新建一按钮类图符,取名为button。在Up帧,把红色三角形next up从图库拖到编辑窗口。在Over帧上用鼠标点一下,按F6插入关键帧。因为我们要用电影片断取代红色的三角形放在这里,所以要求它们应放在同一位置,这里我们提供一种对齐方法。因为在Over帧按的是F6,所以这一帧的内容与Up帧一致,均为红色三角形,从图库中拖出名为next over的电影片断,把它放在红色三角形的上方,用键盘上的方向键调整它的位置,使它刚刚好把红色三角形完全遮住。现在在电影片断被选中的情况下,按Ctrl-X把它从画面中剪取出来,这时画面中只剩红色的三角形。用箭头工具选中红色的三角形,按Delete键把它删掉,再按Ctrl+Shift-V把剪取的电影片断粘帖到原处,这样电影片断就与刚才的红色三角形在同一位置。同样,也可以用相同的对齐方法把绿色的三角形放在Down帧同一位置上。这样,一个按钮就做好了。

为了看一下效果,我们回到主场景中,从图库中把这个按钮拖出来,再按下Ctrl-Enter查看结果。

严格地说,上面这个按钮并没有玩多大,大家一看就应该知道是怎么做的,所以幸运鸟也不准备讲得太多。不过这个按钮虽然很普通,但多少会给大家一些启发,其实按钮的变化千姿百态,大家多看看,多想想,就会设计出有创意的作品来。
这个按钮中,文字出现的次数比较多,且具有不同的效果,所以把文字做成图符是必要的,我们首先创建一个新的图形类图符,名为An Wo,在编辑状态下选文字工具以适当大小颜色的字体写上“按我”两个字。同样的方法,我们可以做好名为Xie Xie的图符,是由“谢谢”两个字组成的,用于按钮Down帧下电影片断的制作。

下面我们来做Over帧下将要用到的电影片断。按Ctrl-F8键新建一电影片断(Movie Clip)类图符,取名为over movie。从图库中把做好的“按我”图符拖动到编辑窗口中。现在新建两个层,在时间轴窗口把最初的那个层拖到新建的两个层之间。回到最初的那一层,用箭头工具选中“按我”,按Ctrl-C键把它复制到剪帖板中,分别点新建的两个层的第1帧,按Ctrl+Shift-V把刚才复制的内容分别粘帖到这两层中,这时三个“按我”文字重合。现在我们分别对这三个实例进行编辑,首先修改原有层。点击时间轴窗口新建两个层下对应的黑点,把这两层锁住。用鼠标左键双击“按我”文字,在实例属性对话框中把Alpha值改为80。然后把原来的层锁住,对新建两个层分别解锁进行编辑,把它们的第一帧“按我”文字的Alpha值均设为80。在新建两个层的第12帧分别按F6新增关键帧,然后在第12帧处把两层中的文字一个向右上方拖出一定距离,一个向左下方拖动一定距离,并分别设置这一帧中文字的Alpha属性值为0,也就是全透明,这时新建的这两层在这一帧中将看不到内容,但仍可以选择文字实例。在原来层的第16帧按F5,使得该层内容一直保持到第16帧。这样这个电影片断就做好了,我们可以按下回车键查看效果。

Down帧所需要用到的电影片断我就不准备再讲了,因为和上面讲的差不多做法。这些都做好后,新建一个按钮类图符,先用矩形工具拉出一个矩形框来做背景,再把不同的图符和电影片断分别放在按钮的不同帧上,把位置放好就行了。

如果还有什么不明白的地方,可以点这里下载源文件,下去再好好研究一下。

第一节 运动的小球(一)
第二节 运动的小球(二)
第三节 运动的小球(三)
第四节 旋转的风车
第五节 延伸的直线
第六节 变幻的字符
第七节 文字的输入与输出
第八节 按钮制作(一)
第九节 按钮制作(二)
第十节 文字效果初步
第十一节 残影技术
第十二节 遮罩
第十三节 放大镜效果
第十四节 打字机效果
第十五节 弹出式菜单
 
 
 
 
 
教程站
收集整理
服务大家