您好!欢迎您光临点选变色跑车的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>点选变色跑车的制作原理与方法
点选变色跑车的制作原理与方法
发表日期:2012/9/18 14:10:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 3100

 点选变色跑车的制作原理与方法

   

    教学目的:通过本节教学了解和掌握按钮指令语句的添加使用,影片剪辑实例名称的设置,混合叠加、位图缓存的应用,进而运用这些原理制作点选变色实例的动画效果。

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

    教学要点:实例名称按钮应用、动作面板、混合叠加、位图缓存、脚本添加。

 

 

     作前准备:准备一张规格约为550*300的跑车图片,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。   

   制作步骤

    1.启动FLASH8 软件

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

 

图1

    3.首先将素材导入库中待用

    选择“文件-导入-导入到库”,将跑车图片导入到库中。其素材图,如下图所示: 


(素材图)

    4.创建影片剪辑元件

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

    选择图层1第一帧,从库中拖出跑车图片到舞台,规格不变,将其打散。用橡皮擦工具擦去背景、车轮和阴影部分,全居中。上锁。如图2所示:

图2

    5.创建按钮元件

    (1)选择“插入-新建元件”,建立一个名为“颜色1”的按钮元件,点击确定,进入元件编辑区。就一个图层。选择图层1第一帧(弹起)用矩形工具打开混色器,选择纯色,笔触高度1,黑色,填充红色。记住其色码为:ff0000,后边用到。其设置,如图3所示:


图3

在舞台拖一个规格为35*35的正方形。全居中。在第四帧(点击)插入帧。如图4所示:

图4

    (2)选择“插入-新建元件”,建立一个名为“颜色2”的按钮元件,点击确定,进入元件编辑区。就一个图层。选择图层1第一帧(弹起)用矩形工具打开混色器,选择纯色,笔触高度1,黑色,填充绿色,记住其色码为:00ff00,后边用到。其设置,如图5所示:

图5

在舞台拖一个规格为35*35的正方形。全居中。在第四帧(点击)插入帧。如图6所示:


图6

    (3)同理同种方法完成按钮“颜色3-颜色12”的操作。

    6.编辑制作场景

    返回场景1,添加三个图层,共四个图层。自上而下命名为汽车、按钮、色区、as。

    (1)选择汽车图层第一帧,从库中拖出跑车图片到舞台,规格不变,水平居中-上对齐。上锁。如图7所示:


图7

    (2)选择色区图层第一帧,从库中拖出色区影片剪辑元件到舞台,规格不变,将其和汽车图片中的汽车完全重合。如图8所示:


图8

点击该实例,在属性面板填写其实例名称为:sequ ,并在混合处选择“叠加”,在“使用运行时位图缓存”前打v。如图9所示:


图9

    (3)选择按钮图层第一帧,分别依次从库中拖出颜色1-颜色12按钮元件到舞台,规格不变,将其自左向右水平摆放在汽车的下方。如图10所示:


图10

点击左边第一个按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 x.setRGB( 0xff0000 );

点击左边第二个按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 x.setRGB( 0x00ff00 );

同理同种方法完成第三至第十二个按钮的语句添加。上锁。

上边语句中的红色部分是该按钮颜色的色码,每个按钮只要将红色部分换成该按钮的相应色码即可,其它不变。查看每个按钮的色码,只要在高按钮的影片剪辑中框选该按钮,打开混色器即可看到,复制后粘贴到语句中就可以了。

    (4)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

x = new Color("sequ");

   

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



图11
 

  8.测试存盘

    *说明: 

    根据本教程的原理方法你可以为你的作品背景、边框或给mm旗袍点选换色,很有趣的,试着做一个吧。

 

  最终效果显示:

 


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏

琼icp备09005167