- 浏览: 41096 次
- 性别:
- 来自: 上海
最新评论
关于遮罩的教程很多了,这里结合我的摸索过程及创意给大家尤其是初学者作一简单讲解。
一.原理部分--羽化的美眉效果
flash的遮罩原理在于使用一个图形作为透过光线的区域,当这个图形所在层转为遮罩层时,图形区域下一层的物体可见,而图形区域外的物体不可见。但是再往下一层的物体仍然可见,也就是说,遮罩层只对它下面一层物体起作用。
好,下面就步入正题,介绍一个羽化美眉效果,这在photoshop中是很容易实现的。
1.从图片库中找个漂亮的美眉,导入到舞台上,放在合适的位置,给当前层起个名字,如下图:
2.新建一层,起名mask,在当前层上用圆形工具画一个树立着的椭圆,椭圆最好不要边框线,填充色任意,这个椭圆正好把美眉挡住,如下图:
3.将此椭圆选定,按下Ctrl+c, 再新建一层,起名white, 按下Ctrl+shift+v, 这是将椭圆复制到这一层上来,并且与原来椭圆位置相同。
4.点选mask层,右击将其转为遮罩层,关闭white层就可看到美眉被切割出来的效果,如果位置不满意,解除锁定,重新修改椭圆的位置。
5.重新点选white层,并选定层上椭圆来修改其填充属性,这里才是最费功夫的环节:打开混色器面板,在填充颜色方式中选放射状,将两个色标的颜色都变成白色,将左边的色标的不透明度改为0,右边的不变,
两色标的位置如下图:
6.色标设定完后,应该是下图这个样子,
在物体的空白处单击一下,看看美眉是不是露出来了,美眉的周围是不是以白色淡出呢?
7.用填充变形工具来反复调整渐变色的区域与大小,这要费点事,效果好不好关键在这里。
8.最后的效果应该是象这样
二. 进阶部分--跟随鼠标的探照灯效果
效果:
有了上面的技术,那么制作一个探照灯效果就只剩下创意和代码编写工作了。具体的制作过程我就不在浪费时间了,估计大家看到我下面的解释及源文件就能理解并自己能作了。
既然是探照灯效果就应该是黑色背景了,那么为了表现光照的模糊效果,就需要一个椭圆形区域,这个区域的中心是透明的,然后渐变到与背景相同的黑色。这是与上面的例子不同的地方,也算是拟向思维吧!
1.先来看看层结构
如下图
最上一层是这个效果需要的控制代码,下来一层是跟随鼠标的圆环,下来是圆环遮罩,下来是圆环经过时发亮的线条,再下来是发暗色的线条,鼠标没有经过时就显示这条线。
这部分是别人早就做过的东西,这里加上是让大家对遮罩效果有个完整的认识。接下来就是我要重点讲的东西了,shadow层存放产生光照渐变效果的区域,就是上一段说到的东西,这个区域与作为遮罩层motion_mask上的motion_mask电影剪辑形状相同。
本文转自:http://www.5uflash.com/flashjiaocheng/Flashjichucaozuo/1040.html
发表评论
-
Flv网络播放器制作全攻略
2010-04-10 09:54 692***************************** ... -
flash中NetConnection与NetStream知识整理
2010-04-10 09:54 757NetConnection只有一个connect方法,NetS ... -
flv制作工具大全
2010-04-10 09:53 556Collected links to Flash Vid ... -
FLV播放器汇总
2010-04-10 09:53 559http://www.dengjie.com/weblog/c ... -
FCS阅读笔记27 FCS安全问答
2010-04-10 09:53 572[1b]什么是FlashCom Server ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 12:51 475很不错的视频教程 原文地址: http://blog.sina ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 12:51 573[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
flash as3面向对象心得
2010-04-09 12:51 632本文是我(aw)在整理了相关文档和讨论之后,结合自己的亲自实验 ... -
flash as3面向对象心得
2010-04-09 12:50 667本文是我(aw)在整理了相关文档和讨论之后,结合自己的亲自实验 ... -
AS3数据存取方式效率比较
2010-04-09 12:50 615通常我们存取数据有如下几种方式:Array, Object, ... -
as3游戏开发之打气球系列(二)
2010-04-09 08:30 512HI,经过了昨天疯狂的理 ... -
我对as3声音架构的理解
2010-04-09 08:30 748一直都对as3的声音架构 ... -
as3.0游戏开发之打气球系列(一)
2010-04-09 08:30 567好久没有写正经的文章 ... -
as3按钮事件
2010-04-09 08:29 612在刚开始学As3时,如果不知道按钮的事件如onPress的话 ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 08:29 540很不错的视频教程 原文地址: http://blog.sina ... -
动画人物运动规律与节奏
2010-04-08 07:54 530本文转自:h ... -
Flash绘制美丽风景画之海滩
2010-04-08 07:54 573过前段时间学习,我们掌握了鼠绘的一些初步知识,今天我们来综合一 ... -
Flash制作卷轴水墨画展开动画效果
2010-04-08 07:54 615北京奥运会开幕式上那充满诗意的卷轴,以及它所呈现给我们的一幅幅 ... -
Flash鼠绘入门第十三课:绘制美丽春日飞燕
2010-04-08 07:54 465相传燕子于春天社日北 ... -
跑动的小火柴人(flash动画)
2010-04-08 07:53 580本教程描绘的是完全用ActionScript做的一个火柴棍小人 ...
相关推荐
Flash遮罩特效实例--百叶窗.doc
FLASH遮罩动画详解及实例 FLASH遮罩是一种常用的动画技术,在 Flash 8.0 中,可以通过遮罩层来实现各种有 chọn地显示对象的效果。下面是关于 FLASH 遮罩的详细知识点: 1. 遮罩的概念 遮罩是指遮挡住下面的对象...
flash教程 遮罩动作 第四讲 光影变换字
flash遮罩动画学习源文件:水纹、百叶窗等效果
使用 Bootstrap 让鼠标悬停在图片上的时候,显示遮罩特效
Flash遮罩动画效果,运用遮罩来显示图片,遮罩效果也是Flash中惯用的手段,可应用于文字、图片等多种对象上,会产生非常奇特的视觉效果,在Flash中,遮罩还常被表现出动画效果,更炫酷了,本Flash遮罩效果值得参考。
这是一个教你如何实用遮罩特效的实例,让你在有效的指导下轻松地学会Flash的精华——遮罩
FLASH遮罩动画效果的综合应用.应用图片的位移效果制作.
flash制作网站并用遮罩实现擦拭动画效果
这是一个结合传统补间动画利用flash遮罩制作一个画卷的打开动画
讲述了flash中的遮罩技术,十个比较经典的例子
摘要:Flash源码,文字特效,遮罩文字 竖条遮罩文字特效,一个Flash遮罩运用的实例源码,应用广泛,有必要掌握,内含Fla源文件,便于学习研究,希望初学者下载参考。
flash遮罩效果的源代码,遮住某物体的一部分,只显示自己想要的一部分
FLASH遮罩层动画作业FLASH遮罩层动画作业FLASH遮罩层动画作业FLASH遮罩层动画作业FLASH遮罩层动画作业FLASH遮罩层动画作业FLASH遮罩层动画作业
遮罩层 动画遮罩层 动画遮罩层 动画遮罩层 动画遮罩层 动画遮罩层 动画遮罩层 动画遮罩层 动画 动画遮罩层 动画 动画遮罩层 动画 动画遮罩层 动画 动画遮罩层 动画 动画遮罩层 动画
Flash遮罩文字动画源文件。
flash动态遮罩源文件,是用到SeiInterval循环.
JavaScript图片展示遮罩特效,悬空浮动,鼠标移动到图片,打开遮罩层,移开则重新遮罩。可用来制作迷宫或者选图片答题等游戏。
Flash卷纸动画,本动画用Flash遮罩技术,其实是很容易实现的,这里就不多说了,熟悉遮罩的朋友,应该一看就懂得。