您好!欢迎您光临FLASH8基础教程4--按钮及其运用(2)_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>基础教程>>>FLASH8基础教程4--按钮及其运用(2)
FLASH8基础教程4--按钮及其运用(2)
发表日期:2012/9/19 16:13:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 8454

 

FLASH8基础教程4

--按钮及其运用(2)

  

  教学目的:通过本节教学了解什么是按钮,按钮的简单分类及其使用;了解和掌握按钮语句的添加和动作面板的部分功能。按钮的运用是我们进行动画交互的基本手段,更是我们动画制作者必须熟练掌握的基本技巧之一。

 

  按钮的分类没有统一的说法,我这里暂且将其分为三大类:即静态按钮、动态按钮和隐形按钮。

 动态按钮 

  动态按钮,顾名思义就是该按钮从形式乃至内容上看是处于动感状态,简单易行,效果较好.

    1.启动FLASH8软件

    2.确立文档属性 选择"修改-文档"命令,打开"文档属性"对话框,设置动画规格为550*400,,其它默认.点击“确定”按钮。如图1所示:

(图1)

    4.创建心图形元件

  点击"插入-建新元件-图形-确定".在元件编辑区用椭圆形工具画一个无笔触颜色填充色为红色的圆(规格自定),然后再复制一个,使两个圆交叉.再用箭头工具将其调整为心的形状.

    5.创建心跳影片元件

    点击"插入-建新元件-影片剪辑-确定".从库中将心图形元件拖入编辑区,全居中.在第20帧插入关键帧,再在第10帧插入一个关键帧,在此帧处用任意变形工具将心图形等比放大一点,然后,右键点击第10帧和第1帧创建补间动画,上锁.如图2所示:

 

 

(图2)

    6.创建心跳2影片元件

    点击"插入-建新元件-影片剪辑-确定".在编辑区建三个图层,自下而上分别命名为矩形,心跳,文本.点击心跳图层第一帧,从库中将心跳影片剪辑元件拖入编辑区,全居中.上锁.而后,点击矩形图层第一帧用矩形工具托一个有边框小矩形,上锁(如下图)).点击文本图层第一帧,用文本工具在矩形上输入"祝福语"三个字,上锁.如图3所示:


(图3)

    7.创建按钮元件

    点击"插入-建新元件-按钮-确定",进入按钮元件编辑区.点击"弹起"帧,将心跳影片剪辑拖入编辑区,全居中.如图4所示:

 

(图4)

    在"指针经过帧"插入空白关键帧,而后点击"指针经过"帧,将心跳2影片剪辑拖入编辑区,此帧心形位置要调整到和弹起帧心形位置重叠.如图5所示:

 

(图5)

    在"按下"帧插入空白关键帧,在此帧处用文本工具键入一段祝福词(此处亦可另作一个元件放入),全居中.如图6所示:


(图6)

    8.回到场景1,建立背景和按钮两个图层.在背景图层放入一个与动画主题相适的背景图片,全居中.上锁.在按钮图层从库中将按钮元件拖入工作区,放到适当位置.其最终时间轴如图7所示:

 

(图7)

    9.测试存盘.

 

[最终效果显示]

http://www.hsb2011.com/Article/UploadFiles/201106/2011062513420052.swf

http://hsb345.16789.net/domName/hsb345/20083231161556719.swf

 

全屏下载

 

祝你成功!

 

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



小草
(2010/12/30 15:13:00) [115.49.51.]

学会了,谢谢老师。


李某某
(2010/10/28 13:31:00) [60.184.122.]

免费教程很好,很详细。建议提供教程中的素材下载,如动态图片鸽和走路的马


小乙
(2010/6/10 10:07:00) [122.95.104.]

谢谢老师,真是胜读十年书啊!


lili
(2010/3/26 20:46:00) [218.22.69.]

再次谢谢老师的教程!


xinnianhao1
(2010/2/21 10:37:00) [124.116.176.]

呵呵,跟着老师也做出了一颗会跳动的带祝福语的红心按钮!

 发表评论:共有 7 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167