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

2016-01-29 13:28 6 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

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

  这样当我们按下此色块时,会得到"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",如此一来,当您点击的时候,所有对象的色彩回回到第一帧(白色),这样看起来就好象清除了所有色彩一样。

  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);
    }
  }
  //

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

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

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

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

延伸阅读
标签: flash教程
编程技术的发展真是日新月异。通过ASP等程序动态生成HTML网页似乎已不能算是最新科技。Macromedia公司的Flash技术自推出以来,已有2亿4千8百万用户,制作flash网站已是流行趋势。就像HTML页面可以用ASP动态生成一样,Flash 动画也可以使用支持COM Automation的语言(如Borland Delphi,ASP, Visual Basic 等)动态生成。该文详细介绍了如何应...
标签: flash教程
效果预览图: 图 1 效果简介: 该例在鼠标效果中是最基本的了,也是一个比较典型的鼠标实例。效果中小人的眼睛会跟随鼠标移动,这时的鼠标也变成了一串香蕉。因此,这个小人也显得垂涎欲滴。 观看效果: 制作要点简介: 文章中读者将要学到隐藏和替换鼠标的技术即学习拖动影片剪辑的控制语句。鼠标跟...
标签: flash教程
4.制作眼睛。新建一个名为“眼睛”的影片剪辑元件。先用“椭圆”工具在场景中绘制一个颜色#999999的圆。打开库,把“瞳孔”影片剪辑拖拽到场景中,放置在灰色的圆上。注意:“瞳孔”元件的中心要和场景的中心重叠。如图4所示。 图 4 5.点选“瞳孔”元件,然后在“属性”面板里给它起个实例名称“eye”。如图5所示。 图 5 ...
标签: flash教程
我们先来看看实例的效果,场景中有六个小球,分别代表人的头、腰、手、脚,如果用鼠标拖动小人身体的任何一部分,身体的部分都会做出相应的动作,整个身体各部分之间位置的改变是很协调的。 实现其实是很简单的,下面我们一步一步来制作这个实例效果。 1、打开,新建一个场景,按“Ctrl +F8”新建一个Clip,...
标签: PS PS教程
      先看一下最终效果:       原图:     打开原图     抠下所以需要分开填色部位(这个步骤比较麻烦)     开始各个部位逐步填色,主要用到色彩调整里面的工具,最好不要变亮度/对比度,因...

经验教程

844

收藏

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