【Flash秀】透明遮罩实例简单讲解 (25/2697)

< 上一篇下一篇 >
本帖地址: 复制地址

修改 回帖 引用 楼主: 飘动的风筝

用户形象图片

QQ:136902450

呢称:飘动的风筝

空间地址:http://user.qzone.qq.com/136902450

日志地址:http://user.qzone.qq.com/136902450/blog/1206255137

正文内容:

关于这篇教程,风筝写有两个原因,一个是IT同仁的要求,二是是该写些什么了,按我这个写日志速度,这次小花要养到何时。 不过这个遮罩效果的确很好,难怪大家这么喜欢。
制作流程:
一:导入素材

[图1]所示,文件-导入-导入到库 把原先在PS里作好模块素材及遮罩导入库中,素材格式为PNG为最佳
[温馨提示]
下面一部新手请注意:
按图例所指必须把你的模块素材托入舞台 对齐居中-相对于舞台。右击-分离,利用套索工具内的魔棒对指定部位挖空处理〔费话说一句,就算我们是老作flash模板了也会忙中出错忘了挖空〕。作好一上传大呼好大的失误。
二,元件处理:
1,这一部分相当中要,其实那些和我拿到源文件的朋友们,可以当初就忽识了这个第一部
A:影片元件
对舞台中以挖空的模板素材右击转化为元件- 选择-影片剪辑  注:必须是在挖空好模板素才后在转化成影片剪辑[见图2]
我以为其名为模板。
B:图形元件
这一个是制作遮罩部分的元件,由于个人flash版本不同,可能在flash里画出你要的那个遮罩形状,所以我以在pS里为它画好了形状。
在里画上的遮罩不宜太大或太小,要正好可以覆盖你要作透明遮罩那个大小,内部的Alpha比例自己决定。

2:按钮元件
同样插入新元件-按钮

[图4]所示,在按钮编辑中,对点击处插入关键帧,托入遮罩图形,在属性面板下颜色Alpha比值设为0
另一个按钮如[图4]一操作,托入模板影片剪辑,Alpha比值为0
三:舞台操作
1,建立所有层次

我们在第一帧处只需对遮罩层,遮罩按钮,进行舞台指定位置设定,为了不想让在移动这两个元件在舞台位置时,模块有所移动,我以将它锁定[见图5]
2:帧面板操作
现在我们要开始区分它们的动作了 [图6]模块层因为以锁定,我们直接在第10帧处插入帧

首先是遮罩按钮操作,点取在舞台上遮罩按钮元件,属性面板变成一个按钮的时候,F9或点击动作,在面板内写入AS脚本:
on(rollOver){
    nextFrame();
    play();
}
在第二帧处右击插入空白关键帧,在第10帧处插入帧。
A:遮罩特效
操作很简单,从第二帧开始每一帧处插入关键键Alpha比例就要比前者小,如果你在图形元件内部就比Alpha比例设为80%,那么第2帧是60%,依次为40%、20%,第5帧则是插入空白关键帧,如果你在这高Alpha设为0的化,模板只会模认,帧动作到这里是透明的,但你无法点击模板下部的东西 [图7]下面则是返回遮罩特效

有两种方法:第一个如[图7]复制帧4粘贴帧6,复制帧3粘贴帧7,依次操作
      第二个设Alpha比值,这次是由小到大
3:模板按钮操作

[图8]一样操作其实很简单,只要模板按钮层第5帧上插入关键帧托入模板按钮元件,居中对齐-相对于舞台
同样在属性面板保持按钮的情况下在动作面板内写入AS脚本 如[图9]
on(rollOver){
    play();
}

四,收尾操作
就是最高的动作层,如果这一步非常简单,但如果不作,前面你的操作就等0
我们只需在第1帧和第5帧处写入AS脚本 stop(); 第10帧处插入关键帧。
好了,你可Ctrl+Enter预览一下你的flash最终效果了。
下面是这个实例遮罩的flash源文件地址:  注:请复制地址另打开网页下载
http://l.99081.com/kylin1360/02flash.fla  此源文件不能直接点击地址下载

透明遮罩实例 AS脚本整理
1.遮罩按钮第一帧写入脚本
on(rollOver){
    nextFrame();
    play();
}

2.模板按钮层第5帧,按钮属性下写入脚本
on(rollOver){
    play();
}

3.动作层上第1与第5帧上写入脚本
stop();

回到帖子顶部

回帖 引用 1楼点滴

用户形象图片

原来沙发一直是我的
回到帖子顶部

回帖 引用 2楼ヤwā゛恛憶

用户形象图片

写的很详细   但是以后请不要在帖子里面加空间连接  感谢你对IT吧的支持  本吧的发展离不开你们的支持
回到帖子顶部

回帖 引用 3楼▃輕描淡寫

用户形象图片

不错学习挖```````````
回到帖子顶部

回帖 引用 4楼淺藍銫dē愛

用户形象图片

看不懂,跳跃的好多啊。能说详细点吗
回到帖子顶部

回帖 引用 5楼↘鈊Miss.淚

用户形象图片

我是看得懂但似乎有点不照顾新手噢
回到帖子顶部

回帖 引用 6楼 *网络流星

用户形象图片

好文章,写得很详细啊!学习了!流星求此好文章哦!
回到帖子顶部

回帖 引用 7楼 ┇香雪海┇

用户形象图片

风筝.写的好赞啊...写的也详....偶也要多学习,学习了
回到帖子顶部

回帖 引用 8楼ゞ╃搖曳...o

用户形象图片

 能详细写下图5吗? 建立所有图层那部分 怎么琢磨都不会
回到帖子顶部

回帖 引用 9楼扌牽扌 ~~~~

用户形象图片

支持

加油

回到帖子顶部

回帖 引用 10楼_Уǔ`

用户形象图片

很多看不懂`能写详细点吗?
回到帖子顶部

回帖 引用 11楼扌牽扌 ~~~~

用户形象图片

不错

支持

加油

回到帖子顶部

回帖 引用 12楼 " ; 花丶葬

用户形象图片



            赞个
 
         支持
回到帖子顶部

回帖 引用 13楼 漂泊雪

用户形象图片

支持下,楼主辛苦了~~
回到帖子顶部

回帖 引用 14楼塵埃落定.

用户形象图片

晕!那图抓得太小了!~~~我那知道那个在那里啊!不要那么神秘!~
回到帖子顶部

回帖 引用 15楼塵埃落定.

用户形象图片

说句真的!不是我资质有限!是LZ你的教程太高级化了!
回到帖子顶部

回帖 引用 16楼塵埃落定.

用户形象图片

差不多的教程,你看看人家多么详细!

[Qzone娱乐吧]【空间教程】FLASH制作"声"动的开门渐隐效果
http://qbar.qq.com/u2009732/r/?7318
回到帖子顶部

回帖 引用 17楼点滴

用户形象图片

详细也是在以往的教程与实践中体会的
回到帖子顶部

回帖 引用 18楼╰為∩i存在

用户形象图片

支持 ....yixia l  
回到帖子顶部

回帖 引用 19楼玉心醉

用户形象图片

没写好吧!
回到帖子顶部

回帖 引用 20楼創慥唍羙亾泩

用户形象图片

顶下啦...希望有一天我也能写出教程来
回到帖子顶部

回帖 引用 21楼★※玉兮→跩

用户形象图片

对于我们这些新手来说真的不知道写的什么
一点都不详细
看都看不懂
回到帖子顶部

回帖 引用 22楼≮梦飞少﹎

用户形象图片

哈哈 学会了 谢谢你的教程啊
回到帖子顶部

回帖 引用 23楼云淡风清

用户形象图片

引用 飘动的风筝 (136902450)在 2008年4月4日 星期五 8:50:53(顶楼)的发表:

QQ:136902450

呢称:飘动的风筝

空间地址:http://user.qzone.qq.com/136902450

日志地址:http://user.qzone.qq.com/136902450/blog/1206255137

正文内容:

关于这篇教程,风筝写有两个原因,一个是IT同仁的要求,二是是该写些什么了,按我这个写日志速度,这次小花要养到何时。 不过这个遮罩效果的确很好,难怪大家这么喜欢。
制作流程:
一:导入素材

[图1]所示,文件-导入-导入到库 把原先在PS里作好模块素材及遮罩导入库中,素材格式为PNG为最佳
[温馨提示]
下面一部新手请注意:
按图例所指必须把你的模块素材托入舞台 对齐居中-相对于舞台。右击-分离,利用套索工具内的魔棒对指定部位挖空处理〔费话说一句,就算我们是老作flash模板了也会忙中出错忘了挖空〕。作好一上传大呼好大的失误。
二,元件处理:
1,这一部分相当中要,其实那些和我拿到源文件的朋友们,可以当初就忽识了这个第一部
A:影片元件
对舞台中以挖空的模板素材右击转化为元件- 选择-影片剪辑  注:必须是在挖空好模板素才后在转化成影片剪辑[见图2]
我以为其名为模板。
B:图形元件
这一个是制作遮罩部分的元件,由于个人flash版本不同,可能在flash里画出你要的那个遮罩形状,所以我以在pS里为它画好了形状。
在里画上的遮罩不宜太大或太小,要正好可以覆盖你要作透明遮罩那个大小,内部的Alpha比例自己决定。

2:按钮元件
同样插入新元件-按钮

[图4]所示,在按钮编辑中,对点击处插入关键帧,托入遮罩图形,在属性面板下颜色Alpha比值设为0
另一个按钮如[图4]一操作,托入模板影片剪辑,Alpha比值为0
三:舞台操作
1,建立所有层次

我们在第一帧处只需对遮罩层,遮罩按钮,进行舞台指定位置设定,为了不想让在移动这两个元件在舞台位置时,模块有所移动,我以将它锁定[见图5]
2:帧面板操作
现在我们要开始区分它们的动作了 [图6]模块层因为以锁定,我们直接在第10帧处插入帧

首先是遮罩按钮操作,点取在舞台上遮罩按钮元件,属性面板变成一个按钮的时候,F9或点击动作,在面板内写入AS脚本:
on(rollOver){
    nextFrame();
    play();
}
在第二帧处右击插入空白关键帧,在第10帧处插入帧。
A:遮罩特效
操作很简单,从第二帧开始每一帧处插入关键键Alpha比例就要比前者小,如果你在图形元件内部就比Alpha比例设为80%,那么第2帧是60%,依次为40%、20%,第5帧则是插入空白关键帧,如果你在这高Alpha设为0的化,模板只会模认,帧动作到这里是透明的,但你无法点击模板下部的东西 [图7]下面则是返回遮罩特效

有两种方法:第一个如[图7]复制帧4粘贴帧6,复制帧3粘贴帧7,依次操作
      第二个设Alpha比值,这次是由小到大
3:模板按钮操作

[图8]一样操作其实很简单,只要模板按钮层第5帧上插入关键帧托入模板按钮元件,居中对齐-相对于舞台
同样在属性面板保持按钮的情况下在动作面板内写入AS脚本 如[图9]
on(rollOver){
    play();
}

四,收尾操作
就是最高的动作层,如果这一步非常简单,但如果不作,前面你的操作就等0
我们只需在第1帧和第5帧处写入AS脚本 stop(); 第10帧处插入关键帧。
好了,你可Ctrl+Enter预览一下你的flash最终效果了。
下面是这个实例遮罩的flash源文件地址:  注:请复制地址另打开网页下载
http://l.99081.com/kylin1360/02flash.fla  此源文件不能直接点击地址下载

透明遮罩实例 AS脚本整理
1.遮罩按钮第一帧写入脚本
on(rollOver){
    nextFrame();
    play();
}

2.模板按钮层第5帧,按钮属性下写入脚本
on(rollOver){
    play();
}

3.动作层上第1与第5帧上写入脚本
stop();


回到帖子顶部

回帖 引用 24楼莫) ̄离

用户形象图片

写的不错,可是对于新手来说有点难。
回到帖子顶部

回帖 引用 25楼說好的幸福呢

用户形象图片

好郁闷,看了3个小时,什么东西都没有学会,建议LZ你修改下这个教程,
回到帖子顶部
个人信息
  • 荣誉+3
  • 荣誉+2
  • 荣誉+1
  • 荣誉-1
  • 荣誉-2
  • 荣誉-3
发表留言
  • 文章不错!
  • 精华好文!
  • 支持原创文章!
  • 帖子图文并茂,好!
  • 真知灼见,说得好!
  • 恶意广告
  • 违规内容
  • 严重灌水
  • 重复发帖
  • 标题党
你确定要删除此楼层吗
扣20点经验值

快速回复进入高级回复

插入图片 选择表情

验证码 看不清?换一张(不区分大小写)

[完成后按Ctrl+Enter发表]
[回复须知]