Flash AS3教程:制作照片底片效果(附原理说明)

  发布时间:2014-06-17 15:29:11   作者:佚名   我要评论
这篇文章主要介绍了Flash AS3制作的照片底片效果,大概的原理,就是将乘数设为-1,偏移值设为最大255,那颜色不就完全相反了吗

  效果如下:

  

  在AS3中显示对象都有一个transform属性,设置这个属性可以改变显示对象的大小,旋转,颜色等特性.transform属性还有它自已的属性, 其中的colorTransform属性就可以改变显示对象的颜色.colorTransform属性必须使用new来设置.格式:

  显示对象.transform.colorTransform = new ColorTransform(红色乘数,绿色乘数,蓝色乘数,透明度乘数,红色偏移值,绿色偏移值,蓝色偏移值,透明度偏移值)

  根据AS帮助文件说,乘数的取值范围是0-1,偏移值的取值范围是0-255.设置.transform.colorTransform属性后,会重新计算显示对象的颜色.

  计算公式以红色为例: 新的红色 = 旧的红色*红色乘数+红色偏移值.

  根据这个公式,我们就突发奇想,如果将乘数设为-1,偏移值设为最大255,那颜色不就完全相反了吗?那就是说黑色会变成白色,白色就会变成黑色了,这不是底片效果吗?但是,人家帮助文件说了,乘数的取值范围是0-1,那你还敢试吗?设为-1那不范规了吗?管他的,范规又不范法,有啥不敢.你胆子真大,于是你将RGB的乘数都设为了-1,偏移值设为了255,然后你怀着忐忑不安的心(不至于麻),测试影片,会发生什么呢?系统瘫痪,或者电脑爆炸?呵呵,说严重了点哈.测试的结果,你看到了一张底片效果,偷着乐吧你.

  好了,原理你应该已经清楚了,现在我们制作.

  1. 首先找一张图片,导入到flash中,新建一个影片剪辑,将图片放进去,放好.

  2. 回到主场景,将图片元件拖到舞台上,然后复制一个,水平并排放好.

Flash AS3教程:简单表现照片底片效果

  3. 为要制作成底片的那个图片元件设置实例名称:film_mc.

  4. 用黑色填充,透明度设为70-80%,画一个比图片元件大一些的矩形,放到film_mc的下面.然后用白色填充画一个小的矩形,放到黑色矩形的上边,复制若干个,然后全部选中这些白色的矩形,打开对齐面板,取消相对于舞台设置,然后点击上对齐,再点击水平居中平均间隔.复制一份放到黑色矩形的下边.如下图:

Flash AS3教程:简单表现照片底片效果,PS教程,思缘教程网

  新建一层,打开动作面板,输入如下代码:

  film_mc.transform.colorTransform = new ColorTransform(-1,-1,-1,1,255,255,255,0);

  film_mc.scaleX = -1;

  测试影片,效果怎样?

  上面第二句代码,是使图片水平翻转,因为我感觉底片的方向好象是反的.

相关文章

  • flash cs6鼠标跟随效果实现代码分享

    flash cs6想要实现鼠标跟随效果?该怎么制作呢?今天我们就来看看使用as2.0实现鼠标跟随效果的教程,需要的朋友可以参考下
    2019-05-19
  • Flash cs6怎么使用代码输入中英文文本?

    Flash cs6怎么使用代码输入中英文文本?Flash cs6中可以使用文字工具直接输入文本,也可以使用代码来输入文本,该怎么使用代码输入文本呢?请看下文详细的教程,需要的朋友
    2018-03-11
  • flash as3.0怎么定义抽象类和抽象?

    flash as3.0抽象类怎么定义? as3.0中有很多抽象类,该怎么定义抽象类和抽象方法呢?下面我们就来看看简单的例子,需要的朋友可以参考下http://www.jb51.net/softs/408402.
    2018-02-28
  • flash cs6中怎么使用ActionScript3.0?

    flash cs6中怎么使用ActionScript3.0?flash cs6中想要使用ActionScript3.0功能,该怎么使用呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-25
  • Flash中怎么实现鼠标点击决定图像位置?

    本教程给大家分享一个Flash小教程,教大家在Flash CS6中怎么实现鼠标点击决定图像位置?方法很简单,感兴趣的朋友欢迎前来一起分享学习
    2018-01-12
  • Flash中如何用代码将图片放在自己想要的舞台位置?

    本教程教脚本之家的ActionScript教程学习者在Flash中如何用代码将图片放在自己想要的舞台位置,教程讲解的详细,感兴趣的朋友欢迎前来分享学习
    2017-11-20
  • 在Flash CS6中使用with函数绘制背景图教程

    本教程教脚本之家的ActionScript教程学习者如何在Flash CS6中使用with函数绘制背景图?教程一步步讲解的挺详细,方法也不难,非常适合Flash新手入门学习
    2017-11-18
  • Flash怎么设置元件坐标?flash使用代码设置元件的坐标的教程

    Flash怎么设置元件坐标?flash中导如的元件需要添加坐标,该怎么定位元件坐标呢?下面我们就来看看flash使用代码设置元件的坐标的教程,需要的朋友可以参考下
    2017-10-11
  • Flash怎么制作来回摇摆的花朵的动画?

    Flash怎么制作来回摇摆的花朵的动画?Flash中想要给花朵制作一段摇摆的动画效果,该怎么制作呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
    2017-05-23
  • Flash怎么制作流动七彩色的文字?

    Flash怎么制作流动七彩色的文字?想要让文字动起来,该怎么使用flash给文字制作一个流动七彩色的动画呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-04-23

最新评论