美文网首页
AS 滤镜效果总结

AS 滤镜效果总结

作者: 韩梅梅梅梅 | 来源:发表于2016-07-29 16:56 被阅读37次

一、渐变斜角——GradientBevelFilter类
二、投影——DropShadowFilter类
三、模糊——BlurFilter类(这个最容易了,参数少)
四、发光——GlowFilter类
五、渐变发光——GradientGlowFilter类
六、斜角——BevelFilter类
做法是用new关键字新建一个相应类的对象,暂时就叫myfilters吧,然后把这个对象添加进一个数组filters_array,最后把这个数组赋值给mc的fliters属性,大功告成。
我想其中关键应该就是创建对象时如何设置里面的参数吧,我想滤镜的面板大家都很熟悉的了,那么,我就把as添加滤镜的一些参数和它们的面板相对照,这样可能更容易理解。
下面逐个举例(都是帮助里的例子啦,里面的参数名字都是可以改的,不过我觉得就用那些名字就蛮好),例子里都有函数setUpFlatRectangle(也有叫createRectangle的),是用来做一个方形mc的。
function setUpFlatRectangle(w:Number, h:Number,bgColor:Number, name:String):MovieClip {var mc:MovieClip = this.createEmptyMovieClip(name,this.getNextHighestDepth());mc.beginFill(bgColor);mc.lineTo(w, 0);mc.lineTo(w, h);mc.lineTo(0, h);mc.lineTo(0, 0);return mc;}
直接把脚本复制到主场景的第一帧就ok了,不要忘记上面的函数哦,要注意改函数名的
一、渐变斜角——GradientBevelFilter类
面板:截图暂无,就是截的滤镜面板啦,各位大哥请麻烦自己打开flash对照吧
脚本:
import flash.filters.GradientBevelFilter;import flash.filters.BitmapFilter;var art:MovieClip = setUpFlatRectangle(150, 150, 0xCCCCCC,"gradientBevelFilterExample");//创建新的mc,实例名:artvar distance:Number = 5;var angleInDegrees:Number = 225; // opposite 45 degreesvar colors:Array = [0xFFFFFF, 0xCCCCCC, 0x000000];var alphas:Array = [1, 0, 1];var ratios:Array = [0, 128, 255];var blurX:Number = 8;var blurY:Number = 8;var strength:Number = 2;var quality:Number = 3;var type:String = "inner";var knockout:Boolean = true;//设置各个参数var filter:GradientBevelFilter = new GradientBevelFilter(distance,angleInDegrees, colors, alphas, ratios, blurX, blurY, strength,quality, type, knockout);//创建斜角滤镜对象filtervar filterArray:Array = new Array();filterArray.push(filter);//把filter添加进数组filterArray,如果art上有多个滤镜效果,就直接添加进这个数组好了art.filters = filterArray;//将art的filters属性设置为filterArray
下面是脚本中的参数和面板中的参数对比:
colors、alphas、ratios用来控制渐变颜色的,colors是色彩,alphas是百分比(这里面是0~1的小数),ratios是偏移量0~255(可以参考Color类)blurX、blurY是就对应面板里的模糊x、模糊y。strength是面板里的强度,是0~255的数;quality是品质,只有1、2、3分别对应低、中、高distance是距离,默认4.0;type是类型,用字符串表示,例子中的”inner”是内侧,还有outer、fuller;knockout是个布尔值,表示是否挖空。
二、投影——DropShadowFilter类
面板:截图暂无,就是截的滤镜面板啦,各位大哥请麻烦自己打开flash对照吧
脚本:
import flash.filters.DropShadowFilter;var art:MovieClip = createRectangle(100, 100, 0x003366,"gradientGlowFilterExample");var distance:Number = 20;var angleInDegrees:Number = 45;var color:Number = 0x000000;var alpha:Number = 0.8;var blurX:Number = 16;var blurY:Number = 16;var strength:Number = 1;var quality:Number = 3;var inner:Boolean = false;var knockout:Boolean = false;var hideObject:Boolean = false;var filter:DropShadowFilter = new DropShadowFilter(distance,angleInDegrees, color, alpha, blurX, blurY, strength, quality,inner, knockout, hideObject);var filterArray:Array = new Array();filterArray.push(filter);art.filters = filterArray;
下面是脚本中的参数和面板中的参数对比:
Distance是距离;angleInDegrees是角度0~360blurX、blurY是模糊x、模糊ystrength是强度,脚本里是0~5的数quality是品质,只能是1、2、3,分别对应低、中、高inner是内侧阴影knockout是挖空hideObject是隐藏对象
三、模糊——BlurFilter类(这个最容易了,参数少嘛)
面板:截图暂无,就是截的滤镜面板啦,各位大哥请麻烦自己打开flash对照吧
脚本:
import flash.filters.BlurFilter;var rect:MovieClip = createRectangle(100, 100, 0x003366,"BlurFilterExample");var blurX:Number = 30;var blurY:Number = 30;var quality:Number = 3;var filter:BlurFilter = new BlurFilter(blurX, blurY,quality);var filterArray:Array = new Array();filterArray.push(filter);rect.filters = filterArray;
这个就不解释了,就三个参数,前面都介绍过了,下面遇到介绍过的参数就都不介绍了
四、发光——GlowFilter类
面板:截图暂无,就是截的滤镜面板啦,各位大哥请麻烦自己打开flash对照吧
脚本:
import flash.filters.GlowFilter;var rect:MovieClip = createRectangle(100, 100, 0x003366,"gradientGlowFilterExample");var color:Number = 0x33CCFF;var alpha:Number = .8;var blurX:Number = 35;var blurY:Number = 35;var strength:Number = 2;var quality:Number = 3;var inner:Boolean = false;var knockout:Boolean = false;var filter:GlowFilter = new GlowFilter(color, alpha, blurX, blurY,strength, quality, inner, knockout);var filterArray:Array = new Array();filterArray.push(filter);rect.filters = filterArray;
五、渐变发光——GradientGlowFilter类
面板:截图暂无,就是截的滤镜面板啦,各位大哥请麻烦自己打开flash对照吧
脚本:
import flash.filters.GradientGlowFilter;var art:MovieClip = createRectangle(100, 100, 0x003366,"gradientGlowFilterExample");var distance:Number = 0;var angleInDegrees:Number = 45;var colors:Array = [0xFFFFFF, 0xFF0000, 0xFFFF00, 0x00CCFF];var alphas:Array = [0, 1, 1, 1, 1];var ratios:Array = [0, 63, 126, 255];var blurX:Number = 50;var blurY:Number = 50;var strength:Number = 2.5;var quality:Number = 3;var type:String = "outer";var knockout:Boolean = false;var filter:GradientGlowFilter = new GradientGlowFilter(distance,angleInDegrees, colors, alphas, ratios, blurX, blurY, strength,quality, type, knockout);var filterArray:Array = new Array();filterArray.push(filter);art.filters = filterArray;
这里的参数跟发光那个很像,需要说明的就是用来设置颜色的那几个数组里的4项依次是表示从外到内的颜色的
六、斜角——BevelFilter类
面板:截图暂无,就是截的滤镜面板啦,各位大哥请麻烦自己打开flash对照吧
脚本:
import flash.filters.BevelFilter;var distance:Number = 5;var angleInDegrees:Number = 45;var highlightColor:Number = 0xFFFF00;var highlightAlpha:Number = 1;var shadowColor:Number = 0x0000FF;var shadowAlpha:Number = 1;var blurX:Number = 10;var blurY:Number = 10;var strength:Number = 2;var quality:Number = 3;var type:String = "inner";var knockout:Boolean = false;var filter:BevelFilter = new BevelFilter(distance, angleInDegrees,highlightColor, highlightAlpha, shadowColor, shadowAlpha, blurX,blurY, strength, quality, type, knockout);var rect:MovieClip = createRectangle(100, 100, 0x00CC00,"bevelFilterExample");rect.filters = new Array(filter);
参数:
highlightColor、highlightAlpha设置加亮颜色shadowColor、shadowAlpha设置阴影颜色

相关文章

  • AS 滤镜效果总结

    一、渐变斜角——GradientBevelFilter类二、投影——DropShadowFilter类三、模糊——...

  • 滤镜效果

    滤镜效果大家肯定都知道,毕竟现在相机这么牛,一般都有这个功能。不废话,开搞! 所谓滤镜效果,就是对一张图像的颜色进...

  • iOS-GPUImage 本地视频添加滤镜

    本文内容: 1、播放本地视频,实时添加滤镜,修改不同的滤镜效果 2、给本地视频添加滤镜,然后保存有滤镜效果的视频到...

  • 2020-05-18

    CIFilter 实现滤镜效果 ,苹果给我们提供了将近200中滤镜效果,具体苹果官网及展示效果 CIFilter苹...

  • PhotoShop教程 PS滤镜制作魔幻背景特效

    本教程介绍用PhotoShop滤镜制作魔幻背景特效效果,主要用到滤镜,滤镜主要是用来实现图像的各种特殊效果。 最终...

  • OpenGL ES 动态效果滤镜

    这篇文章介绍一下带有动态效果的滤镜,大家可以先了解下 分屏滤镜 和 马赛克滤镜 。 动态效果的滤镜其实就是根据当前...

  • CoreImage(二)CIFilter滤镜效果使用

    CIFilter滤镜效果使用 CIFilter是使用CoreImage进行滤镜效果的核心类,通过这个类设置(KVC...

  • 2019-08-27

    滤镜分类 根据滤镜的功能对滤镜进行了如下分类,方便大家查阅—— 柔化系列效果滤镜 光学系列滤镜 颜色系列滤镜 灰...

  • iOS 滤镜效果

    综合滤镜 静态滤镜 {灰度, 颠倒, 旋涡, 马赛克, 马赛克2, 马赛克3} 动态滤镜动态滤镜效果.gif 代码...

  • AI滤镜

    ai滤镜将根据您的照片为您提供相匹配的滤镜及贴纸图片 【特效丰富】 可为您的照片添加各种滤镜效果以及各种贴纸效果;...

网友评论

      本文标题:AS 滤镜效果总结

      本文链接:https://www.haomeiwen.com/subject/lkpzjttx.html