flash素材:Flash AS入门教程第 7课:影片剪辑第6节使用遮罩

  遮罩是flash动画制作常使用种技术它可形面个空洞使被遮盖对象能透过空洞成形为可见在flash舞台上常使用遮罩层来实现这个技术在AS中则常采用MC来实现遮罩将遮罩对象和被遮罩对象均制作成MC然后使用Mask()思路方法即可实现遮罩效果

  Mask()思路方法:

  MCMask()思路方法可使个MC成为自已遮罩

  MC.Mask(另个MC);

  练习:在舞台上画个矩形将其转换为MC例子名称为:jx_mc.

  再画个小将其转换为MC例子名为yun_mc;

  将园放到矩形上打开动作面板输入:

jx_mc.Mask(yun_mc); 
yun_mc.onPress=function{ 
this.startDrag(true); 
} 
yun_mc.onRelease=function{ 
stopDrag; 
}


  测试影片园已成了矩形遮罩

  遮罩设备字体文本:

  经常有人问为什么我做文本被罩后点播放有遮罩效果测试影片时就什么都没有了呢?以前我们都教别人做法是将文本打散文本打散后就是图象了就可以有遮罩效果了这样做是比较简单但有个问题打散后文字有可能笔画会粘连在起不好看我们还是想为什么文本就不能被遮罩呢?这是你使用了设备字体在flash中设备字体不能用遮罩层来遮罩只能用MC来遮罩也就是说只能用上面思路方法实现

  练习:新建MC用文本工具输入句话(使用设备字体)回到主场景将文本MC拖到舞台上例子名称为:wb_mc.在文本左边画个无笔触填充矩形高同文本宽10象素左右转换为MC例子名称为:zz_mc.双击它进入编辑状态在第40帧插入关键帧用变形工具将它拖成和文本样长遮住文本创建补间动画回到主场景新建打开动用面板输入:

  wb_mc.Mask(zz_mc);

  测试影片我们要要遮罩效果出现了

  有关 Alpha 通道遮罩:

  我们常常看到种效果有人把它叫模糊遮罩有人把它叫羽化遮罩眼看上去聪明如我家伙们就知道这是种遮罩效果这无非就是遮罩层透明度降低或使用模糊滤镜于是信心满满地就开始做了结果是可想而知失败!

  Flash把这种遮罩叫做Alpha 通道遮罩使用这种遮罩可以设置遮罩元件透明度也可以使用滤镜效果但使用这种遮罩必须注意两点:1. Alpha 通道遮罩:不支持遮罩层遮罩方式只能使用MC来遮罩2.遮罩MC和被遮罩MC都必须使用“运行时位图缓存Cache” 

  下面我们来做个练习步掌握本节所介绍内容

  效果:



  1. 新建flash文档导入张背景图片和张观音图片

  2. 先制作元件新建MC取名为观音将观音图片拖入调整大小居中对齐

  3. 新建MC,取名为遮罩观音将观音元件拖入居中对齐打开属性面板例子名称为:img_mc,在“使用运行时缓存Cache”前打钩在200帧插入帧上锁新插入图层画个无笔触任填充色椭园如下图:

Flash AS入门教程第 7课:影片剪辑第6节使用遮罩

  将这个椭园转换为MC例子名称为:zz_mc, 在“使用运行时缓存Cache”前打钩打开滤镜面板为zz_mc添模糊滤镜值为100.在第30 帧插入关键帧回到第将椭园缩小到2像素建立补间动画在第90帧插入关键帧在第120帧插入关键帧将椭园缩小到2像素在第200帧插入帧上锁新建图层取名为action打开帧动作面板输入:

  img_mc.Mask(zz_mc);

  4. 新建MC,取名为“文本”用文本工具输入如下图文字使用设备字体

Flash AS入门教程第 7课:影片剪辑第6节使用遮罩

Flash AS入门教程第 7课:影片剪辑第6节使用遮罩

    查看原图(大图)

  5. 新建MC取名为“遮罩文本”将文本元件拖入居中对齐例子名称为:wb_mc, 在“使用运行时缓存Cache”前打钩在170帧插入帧上锁新插入图层无笔触线型填充色左色标透明度为0右色标透明度为100矩型矩型左边和文本右边对齐如下图:

Flash AS入门教程第 7课:影片剪辑第6节使用遮罩

Flash AS入门教程第 7课:影片剪辑第6节使用遮罩

  将矩型转换为MC例子名称为zz2_mc, 在“使用运行时缓存Cache”前打钩在第30帧插入关键帧将矩型右边和文本右边对齐建立补间动画在第60帧插入关键帧在第90帧插入关键帧将矩型左边和文本右边对齐在第170帧插入帧上锁新建取名为action打开帧动作面板输入:



  wb_mc.Mask(zz2_mc);

  6. 回到主场景将背景图片拖入打开对齐面板相对于舞台宽高匹配居中对齐在200帧插入帧上锁

  7. 新建将遮罩观音元件拖入放于舞台中间上部在200帧插入帧

  8. 新建图层在30帧插入关键帧将遮罩文本拖入放于舞台右边上部在200帧插入帧

  OK完成了

  本练习中素材:

Flash AS入门教程第 7课:影片剪辑第6节使用遮罩

Flash AS入门教程第 7课:影片剪辑第6节使用遮罩



Tags:  flash素材

延伸阅读

最新评论

发表评论