分享

FLASH制作;条形遮罩

 小杨柳 2017-03-28

1、插入新建元件,名称:条动;类型:影片剪辑

    点选图层1的第1帧,笔触禁止,填充任意,在编辑区画一个26×400的矩形,全居中;

    20、40、60、80、100帧插入关键帧;

    点选第1帧,用任意变形工具,把注册点移到矩形的左边缘的中间,把矩形的宽设置为1;

    点选第20帧,用选择工具(黑箭头工具)点选矩形条的中间位置,待黑箭头下方出现圆弧状,按住鼠标左键将矩形的中间的拉细至左边;(见下图)

    点选第40帧,用选择工具(黑箭头工具)点选矩形条的中间位置,待黑箭头下方出现圆弧状,按住鼠标左键将矩形的中间的拉细至右边;(见下图)

    点选第60帧,把矩形的宽设置为1;(见下图)

    点选第60帧,用选择工具(黑箭头工具)点选矩形条的中间位置,待黑箭头下方出现圆弧状,按住鼠标左键将矩形的中间的拉宽(左边向左边拉,右边向右边拉);先后点先矩形的四个角等黑箭头下方出现直角时将左边的角向右拉,右边的角向左拉,上下均拉至尖状即可;(见下图)

FLASHCS4制作;条形遮罩 - 彼岸桃花 - .

                        第1、60帧   第20帧  第40帧   第80帧   第100帧

(注意:在做第20帧、第40帧、第80帧图形调整时,一定要一次到位)

    分别点选第1、第20、第40、第60、第80帧,属性面板,补间—形状(作形状补间),第160插入延长帧,上锁;

    按一下键盘上的Entel(回车键)看一下效果,效果是条先左再右,之后中间慢慢变宽,最后中间慢慢收平。如果不是这种效果,就是在做第20帧、第40帧、第80帧图形调整时出了问题。

点选图层1添加图层2,选中图层1的第100帧,点鼠标右键—复制帧,选中图层2的第1帧,点鼠标右键—粘贴帧(待编辑完条遮罩后,将此层设为引导层)

 

    2、插入新建元件,名称:条遮罩;类型:影片剪辑

    点选图层1的第1帧,笔触任意(区别于填充色),填充禁止,在编辑区画一个550×400的矩形,全居中;

    点选图层1,按鼠标右键,在弹出的下拉菜单中选中引导层;

    点选图层1添加图层2

    点选图层2的第1帧,将作好的影片剪辑“条动”拖入编辑区,与参照框的左边对齐,左手按住Alt键,右手按鼠标左键向右复制21个矩形条(共22个),选中第1帧,打开对齐面板,相对于舞台抬起,垂直中齐,水平平均间隔,布满场景;

    选中图层2的第1帧,点修改—时间轴—分散到图屋,

    选中第3、4条图的第1帧,移到第3帧(方法:按住鼠标左键,当黑箭头下面出现一虚框时,将两个图层的第1帧拖到第3帧处)

    选中第5、6条图的第1帧,移到第5帧

    选中第7、8条图的第1帧,移到第7帧

    选中第9、10条图的第1帧,移到第9帧

    选中第11、12条图的第1帧,移到第11帧

    选中第13、14条图的第1帧,移到第13帧

    选中第15、16条图的第1帧,移到第15帧

    选中第17、18条图的第1帧,移到第17帧

    选中第19、20条图的第1帧,移到第19帧

    选中第20、21条图的第1帧,移到第21帧(见图)

时间轴图

FLASHCS4制作;条形遮罩 - 彼岸桃花 - .

    160帧插入延长帧。上锁,保存;

 

    3、打开库中影片剪辑“条动”,点选图层2,按鼠标右键,在弹出的下拉菜单中选“引导层”(设为引导层)

    到此遮罩效果完成。

------------------------ 

测试影片:

    1、插入新建元件,名称:条效果;类型:影片剪辑

    点选图层1向上添加两个图层:

    图层1的第1帧,从库中拖入一张图片至编辑区,第110帧插入延长帧,全居中,上锁;

    图层2的第10帧,插入空白关键帧,从库中拖入另一张图片至编辑区,全居中,第110帧插入延长帧,上锁;

    图层3的第10帧,插入空白关键帧,从库中把我们做好的影片剪辑“条遮罩”拖入至编辑区,第110帧插入延长帧,全居中,上锁。

   点选图层3,按鼠标右键—遮罩层(设为遮罩层)

    (以上步骤也可直接在场景中制作)

    2、进入场景编辑区

    点选图层1的第1帧,从库中把我们做好的影片剪辑“ 条效果”拖入至舞台,全居中,

    主菜单—控制—测试影片,观看效果吧

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多