注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

杨赛星

 
 
 

日志

 
 
关于我

我,一个简单、快乐而又平凡的小女生。我喜欢逛街、购物、旅游。我,希望大家了解我,但同样我会在心里有一个地方装着别人无法触及的小秘密。

网易考拉推荐

【转载】FLASH8基础教程4--按钮及其运用[转迎客松]  

2013-04-21 15:04:44|  分类: 资料 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

FLASH8基础教程4

--按钮及其运用(1)

  

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

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

 静态按钮

  静态按钮,顾名思义就是该按钮从形式上看是处于静止状态,应用比较普遍。

1.启动FLASH8软件

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

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

(图1)

3.制作动画

  (1)在场景1建立三个图层,自上而下分别命名为背景、鸽子和AS.在背景图层点击第一帧导入一张蓝天白云的图片,全居中。在第200帧插入帧,上锁。

  (2)在鸽子图层点击第一帧导入一张透明的动态鸽子图片,将鸽子托到背景图片的右上方。如图2所示:

(图2)

在第200帧插入关键帧,将鸽子拖到背景图片的左上方,如图3所示:


(图3)

在第一帧与第二百帧之间“点击右键-创建补间动画”,上锁。

  (3)在鸽子图层右键点击第一帧,在下拉菜单中选择“动作”按钮。在动作界面依次选择“全局函数-时间轴控制”,然后双击stop到AS编辑区,这时在该图层第一帧出现个a,如图4、图5所示:


(图4)

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

(图5)

  *注意:要使鸽子在打开动画后处于静止状态,必须在第一帧加stop语句,不然鸽子就会自动飞人画面(歌曲的播放也是如此)。

  (4)点击AS图层第一帧,选择“窗口-公用库-按钮”,在按钮界面双击倒数第二个文件夹,然后在新界面选择flat blue play(开始)和 flat blue stop(停止)两个按钮,将其拖入场景编辑区的适当位置。如图6所示:


(图6)

(5)为按钮添加AS语句 A.右键点击“开始按钮-动作”,在动作界面点开“影片剪辑控制”,在点开的新界面双击“no”到AS编辑区,然后选择press,在将鼠标放到大括号里边按“回车”,选择“时间轴控制-play”,如图7所示:

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

(图7)

  B.右键点击“停止按钮-动作”,在动作界面点开“影片剪辑控制”,在点开的新界面双击“no”到AS编辑区,然后选择press在将鼠标放到大括号里边按“回车”,选择“时间轴控制-stop”,锁定该图层。如图8所示:

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

(图8)

  (6)该动画完成后时间轴如图9所示:

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

(图9)

 

FLASH8基础教程4

--按钮及其运用(2)

  

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

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

 动态按钮

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

1.启动FLASH8软件

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

(图1)

4.创建心图形元件

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

5.创建心跳影片元件

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

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

(图2)

6.创建心跳2影片元件

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


(图3)

7.创建按钮元件

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

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

(图4)

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

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

(图5)

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


(图6)

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

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

(图7)

FLASH8基础教程4

--按钮及其运用(3)

  

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

  

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

 隐形按钮

  隐形按钮,顾名思义就是该按钮在动画中是隐蔽的,所显示的是它覆盖的画面,在动画制作中应用比较普遍。

1.启动FLASH8软件

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


(图1)

3.在主场景添加5个图层,共6个图层。自下而上分别命名为背景、中秋、蔗罩、音效、文本和按钮。点击背景图层第一帧,导入一张中秋的背景图片,全居中,转为图形元件(右键点击图片-转换为元件),在第200帧插入普通帧,上锁。如图2所示:


(图2)

4.点击中秋图层第一帧,用椭圆形工具画一个气球放置背景下边,转换为图形元件。如图3所示:


(图3)

在第60帧插入关键帧,将气球移到场景中间,全居中。点击第1帧创建补间动画;在第61帧插入空白关键帧,用刷子工具在场景中间(气球位置)画一个无笔触颜色,填充色为放射性多彩颜色(颜色盘右下角的最后)的绽放礼花,将其转为图形元件;如图4所示:


(图4)

在100帧插入关键帧,选择“变形-分离”将其打散;在150帧插入空白关键帧,用文本工具在礼花位置上输入“中秋快乐”四个字,将其转换为图形元件。选择“变形-分离”两次,将其打散,点击第100帧创建形状补间;在第200帧插入普通帧。如图5所示:


(图5)

5.点击蔗罩图层,在61帧插入关键帧,用椭圆形工具在礼花中心托一个无笔触颜色、填充色任意的小圆,如图6所示:


(图6)

选择“变形-分离”将其打散,在100帧插入关键帧,用任意变形工具将小圆托至覆盖整个礼花,如图7所示:


(图7)

选择“变形-分离”在将这个大圆打散,点击第60帧创建形状补间。在第101帧插入空白关键帧,再在第200帧插入普通帧。

6.选择:“文件-导入-导入到库”,导入礼花音效。在音效图层第61帧插入空白关键帧,将音效拖入场景编辑区,在第200帧插入普通帧,上锁。如图8所示:

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

(图8)

7.选择文本图层第一帧,用文本工具在气球位置输入“play”。在第2帧插入空白关键帧,延长至第200帧,上锁。

8.创建隐形按钮 “选择插入-新建元件-按钮”,在名称输入“按钮”两个字,点击确定进入隐形按钮编辑区。在点击帧(第4帧)插入空白关键帧,用矩形工具托一个无笔触颜色、填充色任意的小矩形,全居中。如图9所示:


FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

(图9)

9.选择按钮图层第一帧,将按钮元件(小矩形)拖入编辑区,放在“play”的上边(要完全遮盖它)。延长至第200帧。

10.设置语句 右键点击中秋图层第一帧,打开动作面板,双击“stop”到AS编辑区,如图10所示:

FLASH8基础教程4--按钮及其运用[转迎客松] - 拂尘 - 佛尘

(图10)

选择按钮图层,右键单击小矩形按钮,打开动作面板,双击影片剪辑控制中的“no”,在双击新界面中的“press”,在将鼠标放到大括号的中间,按回车窜到下一行,在双击时间轴控制中的“play”进入AS编辑区,如图11所示:


(图11)

其作品完成后时间轴如下图12所示:

(图12)

  评论这张
 
阅读(69)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017