您好!欢迎你光临4种简单实用的遮罩(FS)(贝贝)_贝贝动画网|Flash动画乐园!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>F S教材>>>基础教材>>>4种简单实用的遮罩(FS)(贝贝)
4种简单实用的遮罩(FS)(贝贝)
发表日期:2011/7/26 11:40:00 出处:原创 作者:未知 发布人:BEIBEI666 已被访问 4508

4种简单实用的遮罩

(编写:贝贝)


效果图

我们做的遮罩过渡图片原理是一样的,主要看你怎么去设计遮块的变化了.下面我们学习几种简单实用的遮罩,希望能够给你一些启发,做完后你会有这样的感觉:万变不离其宗.呵呵,自己去发明吧!这才真正是:八仙过海,各显神通.

1 打开软件,导入2张图入库备用,尺寸:550×400.

2 插入-新建图形元件,名称:,确定.选择矩形工具,关闭笔触,颜色随意,画一个5×400的长方形,居中对齐.

3 插入-新建影片元件,名称:条动,确定.选中图层1的第1,从库里把条拖入舞台,居中对齐.13祯和25祯插入关键祯,选中25祯的条图形,在属性栏把宽改为25,1325祯做补间动画.新建图层2,25祯插入关键祯,添加stop停止语句.添加图层3,复制图层225,粘贴到图层3(见图1).

图1

4 插入-新建影片元件,名称:条遮罩,确定.图层11,选择矩形工具,关闭笔触,颜色随意,画一个550×400的长方形居中对齐做参考.上锁.

添加图层2,从库里拖入条动影片元件垂直居中,与参考长方形右对齐(如果更精确,可以到属性面板去调xy坐标).

按住Alt,向左复制22,进行微调,不留缝隙(见图2).

图2

在全部选中条的情况下,点修改-时间轴-分散到图层.从第2层开始,往后延迟2(见图3).

图3

在最上层的关键祯上加入stop停止语句(见图4).

图4

5 回场景一,3个图层,从下往上分别是:旧图,新图,遮罩.旧图第1,拖入图1居中对齐,上锁.新图和遮罩层第20祯插入空白关键祯.新图层第20,拖入第2张图居中对齐延长到89(为什么我们延长到89祯呢?因为条遮罩是44,条动是25,加上前面20祯空白.祯不能少,只能多,少了遮条的变化不能完全展示,多了没有关系,因为元件最后一祯我们加了停止语句).图层190祯插入空白关键祯,放入新图(2)并延长到你喜欢的位置,后面时间轴见(5).

图5

6遮罩层第20祯从库里拖入条遮罩元件对齐舞台.点开条动元件,删除图层3(25宽的参考层).

7 控制-测试影片,完成条遮罩.

◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇◇

下面我们再来学习几个遮罩元件的制作,你只需要把场景一里的遮罩层更换元件,下面2个图层更换图片,就可以得到不同的遮罩效果了。

圆角遮罩:

1 插入-新建图形元件,名字:圆角,确定。

2 选择椭圆工具,关闭笔触,颜色随意,按住Shift键画一个正圆,尺寸200×200,居中对齐。

3 选择直线工具,颜色不同于圆的颜色就可以,画一条长于200的水平线,居中对齐;再画一条高于200的铅垂线居中对齐。去掉3/4圆,最后只留1/4圆(见图6)。

图6

4插入-新建影片元件,名字:圆角动,确定。图层11祯从库里拖入圆角左对齐顶对齐(跟图6一样)。用任意变形工具把注册点移动到十字中心(左上角)。80祯插入关键祯,回第1祯,打开属性面板,把宽和高都设置为1180祯做动画补间。

5 新建图层280祯插入关键祯,添加停止语句。新建图层3,复制图层280祯,粘贴到图层3(后面做参考用)。

6插入-新建影片元件,名字:圆角遮罩,确定。图层1用矩形工具画一个550×400的长方形,颜色不同于遮元件,居中对齐。

7 新建图层2,把圆角动拖入放在矩形的左上角(这里可以通过属性面板的xy坐标精确调整)。按下工具栏的“吸铁石”,再按住Alt键往右复制,拖到第1个圆角的中心点(感觉有个停顿,拖不动),松开鼠标,再复制,总共是11个圆角。全部选中,按住Alt键向下复制,拖到中心点松开,再向下复制总共是8行(见图7)。删除图层1

图7

8 回场景1,把遮元件换上,再把下面2个图层的图片调换,延长祯(前面已有介绍,自己可以去计算一下)。点开圆角动元件,删掉图层3。控制-测试影片。

扇形遮罩。

1插入-新建图形元件,名字:扇形,确定。

2 选择矩形工具,关闭笔触,颜色随意,画一个400×160的长方形,左对齐,顶对齐。再选择自由变形工具,把注册点移到十字中心,按下工具拦下面的“扭曲”按钮,用鼠标把左下角往上推,成三角形(见图8)。

图8

3插入-新建影片元件,名字:扇形动,确定。

图层11祯,从库里拖入扇形元件,左对齐,顶对齐,70祯插入关键祯;回第1祯,打开属性面板,把高改为51-70祯做补间动画,在第70祯加上停止语句。

4插入-新建影片元件,名字:扇形遮罩,确定。

图层11祯,把扇形动元件拖入舞台,左对齐,顶对齐。选中自由变形工具,用鼠标把注册点推到十字中心。打开变形面板,约束打勾,旋转输入15度,点下面的复制按钮23次,效果(见图9)。

图9

5 回场景一,把遮元件换上,再把下面2个图层的图片调换,延长祯(遮元件是70祯,只能多不能少!下面2个图片层以遮元件来参考),控制-测试影片。

长方块变化遮罩。

1插入-新建图形元件,名字:长方块,确定。

2选择矩形工具,关闭笔触,颜色随意,画一个55×40的长方形,居中对齐。

3插入-新建影片元件,名字:长方块遮罩,确定。

图层11祯用矩形工具画一个550×400的长方形,居中对齐(参考用),图层1上锁。添加图层2,把长方块拖入放在参考图的左上角(x=-275y=-200)。

4 按住Alt键,向右复制9个,不留缝隙(注意每一个的坐标变化,在属性栏去调数值)。

5 点图层21祯,全部选中这10个长方块,按住Alt键,向下复制9行,不留缝隙。删除图层1

6 双击其中一块进入长方块编辑。选直线工具,颜色不同于长方块,画一条斜线,把长方块分成2半(见图10)。

图10

7 选黑箭头工具,选中被切长方块上半部分,编辑-剪切;添加图层2,点黑第1祯,编辑-粘贴到当然位置。再选图层1,去掉线条。

8 图层130祯插入关键祯。回第1祯,把注册点移到右中(见图11)。用鼠标往右推,宽大概2(可以放大比例来做)。1-30祯做补间运动。图层1上锁。

图11

9 图层231祯插入关键祯,把注册点移到左中,60祯插入关键祯,回31祯,用鼠标往左推,宽大概231-60祯做补间运动。1-30祯转换为空白祯,第60祯,加停止语句。时间轴效果(见图12)。

图12

10 回长方块遮罩,延长祯到60

11 回场景一。把遮元件换上,再把下面2个图层的图片调换,延长祯(遮元件是60祯,只能多不能少!下面2个图片层以遮元件来参考),控制-测试影片。

篇幅有些长了,辛苦大家了哦~~~通过这几个例子,你感悟到什么了吗?如果恍然大悟的话,贝贝这个教材就没有白写,呵呵~~祝你成功!

 

贝贝网站欢迎你

http://beibei666.16789.net/

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



萍水相逢
(2010/5/22 11:38:00) [119.88.101.]

站长贝贝 您真棒!感谢您给朋友们提供的学习平台 感谢您的无私奉献!衷心的说声谢谢了!献花花了


jiduhuangye
(2010/1/26 13:09:00)

做的不错哦,寻找很久终于得此好网站,感谢网站全体成员,尤其贝贝姐


muzi19890712
(2009/10/7 0:36:00) [202.101.111.]

刚开始学Flash时看这个网站,怎么也学不会。看了一些Flash入门的视频教材后,再学就容易多了,有的不看就知道下一步怎么做!
贝贝网站也让我学到了不少东西,谢谢贝贝!


天山雪莲
(2009/5/24 7:46:00) [218.91.70.]

这个教材非常实用,谢谢站长贝贝的提供!您辛苦了!!!


贝贝
(2009/2/9 14:45:00) [61.188.234.]

回老顽童:这些教材得有一定基础的朋友看,你现在软件还不熟悉,所以看起来当然就难上难了.慢慢学吧.

 发表评论:共有 8 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

琼icp备09005167号


贝贝动画网|Flash动画乐园 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:13881031689 联系人:贝贝

琼icp备09005167