您好!欢迎您光临flash10.新功能-贝赛尔手柄的运用_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>fs10教程>>>flash10.新功能-贝赛尔手柄的运用
flash10.新功能-贝赛尔手柄的运用
发表日期:2012/9/17 19:52:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 2941

flash10.新功能-贝赛尔手柄的运用 

 

    教学目的:通过本节教学了解和掌握flash10.贝赛尔手柄的运用,借助基于对象的元件,从而精确、快捷地控制每个单独的动画运行路径。

  教学对象:本教材是针对有一定动画制作基础和对属性面板及工具箱有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:贝赛尔手柄。

 

 

    作前准备 准备一张规格约550*400像素的牡丹花图片、一张汽车图片和一张动态透明的蝴蝶图片,经过制图软件(ps、fw)处理后,放置在指定的文件夹中待用。

    (一)奔驰的汽车

    制作步骤

    1.启动FLASH10 软件。首先进入“欢迎”界面。如图1所示:

图1

选择“新建-flash文件(ActionScript3.0)”点击进入工作区。如图2所示:


图2

*我用的是传统版,此外还有动画、基本功能版等,那就要看你的习惯和爱好了。

    2.确立文档属性 点击右边属性下方的编辑,如图3所示:


图3

进入属性设置界面,设置动画尺寸为550*400,帧频为24,背景蓝色,其它默认。点击确定,进入场景1。如图4所示:


图4

    3.导入素材 选择“文件-导入-导入到库”,将准备好的汽车图片导入的库中。其素材图,如图5所示:

图5(素材)

    4.编辑制作场景

    选择图层1第一帧,从库中拖出汽车图片到舞台,选中该实例,选择“修改-分离”,将其打散。而后,用橡皮擦工具擦去汽车背景,全居中。如图6所示:

图6

右键该实例,将其转换为图形元件。点击该实例改变其规格为100*60,并将其移到舞台的右上角。如图7所示:

图7

在第50帧插入帧,再右键第1-49帧如何一帧,创建动画补间。将鼠标放置在第50帧处,点击汽车实例,将其移到舞台的左下方,并修改其规格为260*162,这时舞台上出现贝赛尔手柄线。如图8所示:

图8

用选择工具按住贝赛尔手柄线中间处向下拖成下抛物线。如图9所示:


图9

    5.测试存盘

    6.该作业完成后的时间轴如图10所示:

图10

    

最终效果显示:


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

全屏下载

 

    (二)飞舞的蝴蝶

    1.启动FLASH10 软件。方法同上。

    2.确立文档属性 均默认。如图11所示:


图11

    3.导入素材 选择“文件-导入-导入到库”,将准备好的牡丹图片动态透明蝴蝶导入的库中。其素材图,如图12、13所示:

图12(素材)

图13(素材)

    4.编辑制作场景 在场景添加一个图层,共两个图层。下层命名为背景,上层命名为蝴蝶。

    (1)选择背景图层第一帧,从库中拖出牡丹图片到舞台,规格550*400,全居中。在第100帧插入帧,上锁。如图14所示:

图14  

    (2)选择蝴蝶图层第一帧,从库中拖出蝴蝶影片剪辑(一定要是影片剪辑,而不是位图)到舞台,并将其放到背景外的左上方 。如图15所示:


 图15

在第100帧插入帧,右键第1-99帧如何一帧,创建动画补间。将鼠标放到第20帧上,用选择工具把蝴蝶移到左牡丹花花心处,出现贝赛尔手柄线。如图16所示:


图16

用选择工具将贝赛尔手柄线向上拖个弧形。如图17所示:


图17

再将鼠标放到第30帧,用选择工具把蝴蝶向右移动3个像素,出现贝赛尔手柄线。如图18所示:


图18

再将鼠标放到第60帧,用选择工具将蝴蝶移到左牡丹花花心处,出现贝赛尔手柄线后,用选择工具将贝赛尔手柄线向下拖个下抛物线形。如图19所示:


图19

再将鼠标放到第80帧,用选择工具把蝴蝶向上移动约5个像素,出现贝赛尔手柄线。如图20所示:


图20

在将鼠标放到第100帧,用选择工具把蝴蝶移动到背景外右上方,出现贝赛尔手柄线后,用选择工具将贝赛尔手柄线向下拖个下抛物线形。如图21所示:


图21

锁定该图层。
 

    5.测试存盘

    6.该作业完成后的时间轴如图22所示:



图22

 

    *说明:

    1.用flash10〔即flash cs4〕贝赛尔手柄功能调整控制实例运行路径,省去了以前版本的添加引导层或帧帧操作的繁琐,进而达到简单快捷准确形象之效果。

    2.如果在测试中对实例的运行轨迹不满意,你可以直接调整实例的位置或贝赛尔手柄,直到满意为止

 

最终效果显示:



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

全屏下载

 

祝你成功!

 

进入更多教程

 

 

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏

琼icp备09005167