有趣的Flash动态填色本(5)

2016-01-29 13:28 8 1 收藏

有趣的Flash动态填色本(5),有趣的Flash动态填色本(5)

【 tulaoshi.com - Flash 】

七、Action控制的添加

  1.在主场景的最上方新增一图层,命名为"Action",接着在"action"图层的第一帧上单击鼠标右键或者选取"Windows(窗口)""Actions(指令)"命令调出"Actions"面板,点击"+""Actions""Movie Control""Stop All Sounds"和"+""Actions""Movie Control""Stop"。

  2.请选取编辑区中的第一个色块(白色),选取"Windows(窗口)""Actions(指令)"命令调出"Actions"面板,点击"+""Actions""Variables""Set Variable",设置"Color"变量="1",接着再点击 "+""Deprecated""Actions""Tell Target"和"+""Actions""Movie Control""Go To",如图23所示设置:

图23

  这样当我们按下此色块时,会得到"Color"变量="1",且将之前影片组件实体命名为"Swatchx"的方块会显示出您点击的色块颜色。

  3.请将编辑区中的每一个色块设置上同样的Action,仅仅数字的部分请依据色块的顺序更改(此作品的色块顺序为:白色,红色,粉红色,浅橘色,深橘色,米色,黄色,灰色,浅蓝色,蓝色,紫色,浅绿色,深绿色,咖啡色)

  注:Action的部分,您可以不必一个个的制作,仅仅需要选取第一个色块中已经设置好的Action,单击鼠标右键,点击Copy,在另一个色快的"Object Action"面板上Paste即可,最后只要更改数字部分即可。

  4.接着要设置图像部分按钮组件的Action,请先将"影片组件"图层隐藏,设置锁定,然后选取"翅膀"对象,选取"Windows""Actions"命令调出"Actions"面板,并如图二十七所示设置上Action,如此一来,当您在翅膀上按一下的时候,会自动跳到已经设置了14个颜色的"翅膀x"影片组件,执行其中的第n帧。那么如何判断'n"为什么数字呢?还记得我们在上步设置按下色块的同时,'Color"变量中的数字了吗?对,就是那数字,当您按下了"红色"色块的时候,"Color"变量等于2时,就会执行"翅膀x"影片组件的第二帧(红色翅膀),其实就是这样上色彩的。如图24:

图24

  5.同样的,竟此图层中其它对象均设置上相对的Action,别忘记更改"Tell Target"的实体名称。

  6.最后,我们要给动画加上"清除所有色彩'的功能,先选取编辑区右下角的" 清除所有色彩"按钮,接着选取"Windows""Actions"命令调出"Actions"面板,点击"+""Actions""Variables""Set Variable",设置"Color"变量="1", 接着再点击 "+""Deprecated""Actions""Tell Target"和"+""Actions""Movie Control""Go To",如此一来,当您点击的时候,所有对象的色彩回回到第一帧(白色),这样看起来就好象清除了所有色彩一样。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

  on (release) {
    color = 1;
    tellTarget ("/SwatchX") {
      gotoAndStop (_level0:color);
    }
    tellTarget ("/蝴蝶") {
    gotoAndStop (_level0:color);
    }
    tellTarget ("/蝴蝶翅膀") {
      gotoAndStop (_level0:color);
    }
    tellTarget ("/背景") {
      gotoAndStop (_level0:color);
    }
    tellTarget ("/两臂之间") {
      gotoAndStop (_level0:color);
    }
    tellTarget ("/头发") {
      gotoAndStop (_level0:color);
    }
    tellTarget ("/电脑屏幕") {
      gotoAndStop (_level0:color);
    }
    tellTarget ("/电脑边框") {
      gotoAndStop (_level0:color);
    }
    tellTarget ("/桌子") {
      gotoAndStop (_level0:color);
    }
    tellTarget ("/太阳") {
      gotoAndStop (_level0:color);
    }
    tellTarget ("/右上角") {
      gotoAndStop (_level0:color);
    }
    tellTarget ("/翅膀") {
      gotoAndStop (_level0:color);
    }
    tellTarget ("/云") {
      gotoAndStop (_level0:color);
    }
    tellTarget ("/胳臂") {
      gotoAndStop (_level0:color);
    }
  }
  //

  上面的代码虽然看上去不少,但是含义很简单,都是在按下"清除颜色"按//钮后,设置各个上了颜色的部位跳转到各自的第一帧,也就是清除了颜色。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/flash/)

  本实例的制作在技术上没有什么太大的难度,调色板的制作是此例的关键,还有给不同的Movie Clip命名并进行控制,也是制作的成功所在。

来源:http://www.tulaoshi.com/n/20160129/1490321.html

延伸阅读
标签: PS PS教程
      先看一下最终效果:       原图:     打开原图     抠下所以需要分开填色部位(这个步骤比较麻烦)     开始各个部位逐步填色,主要用到色彩调整里面的工具,最好不要变亮度/对比度,因...
标签: Illustrator
FreeHand添加色库文件到填色面板      前 言 适合于freehand任何版本。 freehand的色板是个很好的功能,担你若想让它显示别的色库里面的文件时该怎么办呢? 请看下面的: 步骤一: 如上图所示,你点击工具栏的填色面板,再选择它最右边的选项,会出现两个选择项。 第一个 swatches 代表的是你当前文件里缺省和自定义的...
标签: flash教程
编程技术的发展真是日新月异。通过ASP等程序动态生成HTML网页似乎已不能算是最新科技。Macromedia公司的Flash技术自推出以来,已有2亿4千8百万用户,制作flash网站已是流行趋势。就像HTML页面可以用ASP动态生成一样,Flash 动画也可以使用支持COM Automation的语言(如Borland Delphi,ASP, Visual Basic 等)动态生成。该文详细介绍了如何应...
标签: flash教程
我们先来看看实例的效果,场景中有六个小球,分别代表人的头、腰、手、脚,如果用鼠标拖动小人身体的任何一部分,身体的部分都会做出相应的动作,整个身体各部分之间位置的改变是很协调的。 实现其实是很简单的,下面我们一步一步来制作这个实例效果。 1、打开,新建一个场景,按“Ctrl +F8”新建一个Clip,...
标签: flash教程
4.制作眼睛。新建一个名为“眼睛”的影片剪辑元件。先用“椭圆”工具在场景中绘制一个颜色#999999的圆。打开库,把“瞳孔”影片剪辑拖拽到场景中,放置在灰色的圆上。注意:“瞳孔”元件的中心要和场景的中心重叠。如图4所示。 图 4 5.点选“瞳孔”元件,然后在“属性”面板里给它起个实例名称“eye”。如图5所示。 图 5 ...

经验教程

777

收藏

69
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部