您好!欢迎您光临点击实例提取鼠标跟随的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>点击实例提取鼠标跟随的制作原理与方法
点击实例提取鼠标跟随的制作原理与方法
发表日期:2013/9/2 9:35:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 678

 

点击实例提取鼠标跟随的制作原理与方法

 

 

    教学目的:通过本节教学了解和熟悉影片剪辑元件及其按钮的创建,动作面板与as语句,通过巧妙的设计与制作,进而实现点击实例提取鼠标跟随之动画效果。

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

    教学重点:影片剪辑、按钮、动作面板、as语句。

     

 

    作前准备

    准备4张背景图片,规格550*400,和一张规格为74*36的蝴蝶结图片,最好是无背景的透明图片,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

    制作过程

    1.启动flash8软件。

    2.确立文档属性 设置动画尺寸为550*400,背景颜色深绿,其它默认,点击确定,进入场景1。如图1所示:


图1

    3.首先将准备好的素材图片导入库中,待用。


    4.创建影片剪辑元件

    (1)选择“插入-新建元件”,建立一个名为“蝴蝶结”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,从库中拖出拉蝴蝶结素材图片到舞台(如果不是透明无背景的,则需要抠图,只留蝴蝶结),规格为74*36,左对齐-上对齐。如图2所示:


图2

    5.创建按钮元件

    选择“插入-新建元件”,建立一个名为“进退”的按钮元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第2帧(指针结果)插入空白关键帧,点击该幀,用线条工具在舞台拖一个开放的三角,规格、颜色自定,将其放置在中心点的右侧,垂直中齐。如图3所示: 


图3

在第4幀(点击)插入关键帧,点击该幀,用矩形工具在舞台拖一个规格为275*400的无边线的矩形,颜色随意,全居中。如图4所示:



图4


    6.编辑制作场景

    返回场景1,添加四个图层,共五个图层。自下而上命名为图片、按钮、鼠标、文本、as。

    (1)选择图片图层第一帧,从库中拖出素材位图01到舞台,规格550*400,全居中。如图5所示:



图5

同理同种方法,依次在第2-4幀插入空白关键帧,分别依次完成素材位图02-04的操作。上锁。

    (2)选择按钮图层第一帧,从库中拖出“进退”按钮元件到舞台,规格不变,右对齐-垂直中齐。如图6所示:


图6

点击该实例,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 nextFrame();

}

在从库中拖出一个“进退”按钮元件到舞台,规格不变,水平翻转,左对齐-垂直中齐。如图7所示:


图7

点击该实例,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 prevFrame();

}

在第4幀插入幀,上锁。

   (3)选择鼠标图层第一帧,从库中拖出“蝴蝶结”影片剪辑元件到舞台,规格不变,将其放置在01图片的帽子上,调整好位置、形状。如图8所示:


图8

点击该实例,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release)
{
 Mouse.hide();
    startDrag (this, true);
   
}

在第4幀插入幀,上锁。

    (4)选择文本图层第一帧,用文本工具在舞台的左下角处输入相关说明提示,字体、规格、颜色自定,调整好位置。如图9所示

图9

在第2幀插入空白关键帧,在第4幀插入幀,上锁。

    (5)选择as图层第一帧,按f9 ,打开动作面板,在as编辑区输入,如下帧语命令句:stop(); 。在第4幀插入幀,上锁。

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



图10

    8.测试存盘

 

    说明:

    1.本教程演示,为节省空间只选择了四张图片,如果你在制作中增减图片,其原理方法相同

    2.你还可做成动画影片剪辑元件或歌卡等进行切换。

 

最终效果显示:


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

全屏下载

 

祝你成功

 

进入更多教程

 

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏