Flash动态色彩偏转控制技巧

2016-03-18 19:43 16 1 收藏

下面图老师小编跟大家分享一个简单易学的Flash动态色彩偏转控制技巧教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - FLASH 】

        我们在Flash的制作中,往往需要对色彩进行控制,以使我们的动画影片更多彩多姿。那么,在Flash中到底有多少方法可以来控制色彩呢?答案有二个:

① 直接赋值或者取回数值于对象,数值为标准RGB格式;

  SetRGB(R,G,B);// R,G,B 为小于255,大于0 的整数

  GetRGB(R,G,B);

② 将对象的色彩值赋值进行偏转,或者取回物件色彩已经偏转的色彩值。

  SetTransform(change_color);

  GetTransform(change_color);

  然而,我们在对色彩对象赋值的时候,却并不总是需要将RGB的三个值都同时改变,而是希望其中某一个值进行变化,并希望它还能“记忆”自身变化前的原始色彩。那么,我们就需要好好来研究一下Flash如何对一个色彩物件进行色彩偏转了。

  Flash 提供了色彩偏转这样一个对色彩对象操作的功能,使我们的工作变得轻松了许多。

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

  你可以跟着这个范例,一步步的来详细了解Flash的色彩偏转方法:

壹:创建一个色彩对象

Flash动态色彩偏转控制技巧

  在Falsh中开一个新文件tuLaoShi.com,随便你自己喜欢,画一个由 纯黑 填充的形状来。然后将其转换为一个MC对象,我在例子里面画了一个正方,并命名这个MC为“Sq”。

  有人要问了:为什么要填黑它?原因是这样的:RGB是光学色彩,在RGB三值为0时,便是无光,也就是漆黑一片了。:) 所以,我们创建一个“RGB无色”的对象,在以后赋值时就可得到所有RGB范围的变化值。详细原理,后面将逐步谈到。

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

贰:操作面板的色彩变化调整

Flash动态色彩偏转控制技巧

[1] 200605/1984_2.html'>[2] 200605/1984_3.html'>[3] 200605/1984_2.html'>下一页

  我们知道:在 Flash 中可以通过 Effect 浮动板对 Symbol 进行各种色彩调整。

  打开Advanced项目,可以看到 4 对 色彩调整: 分别是 R,G, B, Alpha 值的调整。默认状态下,左边的都会是100%,右边的都会是0。

  OK, 试着输入一些数值到右侧的数值框内,你应该可以看到MC发生了色彩变化。实事上,你也知道,这个变化不是改变了MC的原色色彩,而是对MC的色彩进行了RGB三个通道的偏转。(一旦你在项目中选取 None,就可使MC的颜色恢复到初始状态了)

  你也许又在想:这是屏幕操作面板操作,是手动的。在Flash影片中,可以有参数自由控制成我现在调整的样子吗? 答案是:没问题!

  那么,就不要乱动了,把MC恢复为黑色,我们来进行下一步了!

叁:代码实现

Flash动态色彩偏转控制技巧

  看看下面的代码,很简单吧?:)

  你可以在第一帧里面帖入下面一段代码,并测试一下效果

// 指定一个新的色彩对象到MC
colorA = new Color(_root.Sq);

// 定义一个新的色彩转换体
change_color = new Object();

// 你必须先创建一个色彩对象
// 然后才能将新色彩转换值赋予这个对象

// 下面是色彩偏转值设定

change_color.rb = 255; // 設定R 偏转
change_color.gb = 128; // 設定G 偏转
change_color

200605/1984.html'>上一页  200605/1984.html'>[1] [2] 200605/1984_3.html'>[3] 200605/1984_3.html'>下一页

.bb = 66; // 設定B 偏转

// 实施色彩偏转
colorA.setTransform(change_color);


// 另外一种色彩偏转写法如下:

// 下面是色彩偏转值设定
change_color = {ra:'100', rb:'255', ga:'100', gb:'128',
ba:'100', bb:'66', aa:'100', ab:'0'};

// 实施色彩偏转
colorA.setTransform(change_color);

  我个人比较喜欢上面一个写法,虽然意义一样,但第一种可以单独控制某一个值 (三句中最少可只写一句),用起来比较方便,第二种写法就非要你写全不可了。

  图中代码选择的区域,即是和Effect面板里面右侧的数值对应的色彩偏转参数了。

  它们分别是 rb, gb, bb。注意它们是隶属于色彩转换体的值,所以要用点连接。

  下面是实际输出的swf效果和控制板里面的Effect调色对照,结果就更清晰了。

Flash动态色彩偏转控制技巧

  这一讲就到这里,更多的色彩控制调整技巧会根据大家的反应来继续了。:)

  注:所有相关 Action Script,请查阅 Falsh 帮助里面的 color 关键词。

200605/1984_2.html'>上一页  200605/1984.html'>[1] 200605/1984_2.html'>[2] [3] 

来源:http://www.tulaoshi.com/n/20160318/1895605.html

延伸阅读
标签: flash教程
二、闪动的方块 这个效果比较适合将其规则地排列在一角,或做成星状随机的出现在任何地方,这就看你自己的喜好了。制作中没有用到setProperty,而是通过随机数跳转到渐隐方块MC的某一帧来达到随机闪动的目的。 原文件下载学习 首先新建一个 Graphic (图形符号)命名为 changer_g, 选择矩形工具,按住 Shift 键画一个大...
标签: flash教程
三、随机跑动的箭头 这种效果是利用随机函数控制由左向右移动的MC的位置、大小和透明度来实现的。 原文件下载学习 首先,制作一个任意形状的 图形符号 (graphic)命名为 basic_g ,这里为了示意我们简单做了一个“>”符号,你可以仔细地绘制一个漂亮的箭头,效果会更好。 再新建一个 电影剪辑 (MovieClip)命名为 ba...
标签: flash教程
要做出动态的遮罩效果,就要用到一些象Symbol、关键帧的基本知识了。 打开,画一个圆形,并填充如下图的球形渐变,按F8将它转化为Graphic符号。 在第30帧位置按F6插F8入关键帧,并将球形水平向右移一段距离,再将鼠标放在第1帧和第30帧之间,按右键,在展开的菜单中选中,这样就做好了球形水平从左到右运动的...
标签: Web开发
table width="100%" border="1"   tr     td width="10%"table width="100%" height="100%" border="1"       tr         tdinput typ...
在下面的内容中,我们会讲到Flash8改进的渐变控制,以及渐变的溢出设置和溢出的动画表现。其中溢出部分是Flash8渐变方面一个非常重要的改进。 一、Flash的渐变控制 Flash的渐变控制终于到了不变不行的地步了。不知道Macromedia出于什么考虑,之前用来修改填充变形的手柄全都用简单的方块、圆圈来表示。虽然当鼠标移动上去会改变...

经验教程

995

收藏

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