注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

 
 
 

日志

 
 

flash制作彩色波纹多重遮罩的效果  

2013-06-25 07:23:55|  分类: 〖F--S教程〗 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

支你一招:让flash地址永远有效 - 迎春 -

迎春博客:http://ycyx88888.blog.163.com

flash制作彩色波纹多重遮罩的效果 
 作前准备

    1.下载两张规格为550*400的人物图片,经过制图软件(ps、fw)处理后,保存到指定的文件夹,待用。

    2.准备一首缓冲效果较好,生命久远的mp3歌曲地址,保存到指定的文件夹待用。

    制作过程

    1.启动flash8软件。

    2.确立文档属性 设置动画尺寸为550*400,背景颜色深绿,幀频24,其它默认,点击确定,进入场景1。如图1所示:


图1

    3.首先将准备好的素材图片导入库中,待用。

    4.创建图形元件

    (1)选择“插入-新建元件”,建立一个名为“01”的图形元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为矩形、图片。

    A.选择矩形图层第1帧,用矩形工具在舞台拖一个规格为550*400的,无边线的红色矩形。全居中,上锁。如图2所示:

图2


    B.选择图片图层第1帧,从库中拖出素材图片1到舞台,规格为550*400,全居中,上锁。如图3所示:



图3

    (2)选择“插入-新建元件”,建立一个名为“02”的图形元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为矩形、图片。

    A.选择矩形图层第1帧,用矩形工具在舞台拖一个规格为550*400的,无边线的绿色矩形。全居中,上锁。如图4所示:


图4


    B.选择图片图层第1帧,从库中拖出素材图片2到舞台,规格为550*400,全居中,上锁。如图5所示:


图5

    C.本环节完成后的时间轴,如图6所示:


图6

    5.创建影片剪辑元件

    选择“插入-新建元件”,建立一个名为“mm”的影片剪辑元件,点击确定,进入元件编辑区。添加八个图层,共九个图层。自下而上命名为底图,图层1-图层8。

    (1)选择底图图层第1帧,从库中拖出“02”图形元件到舞台,规格550*400,全居中。如图7所示:


图7

在第81幀插入空白关键帧,从库中拖出“01”图形元件到舞台,规格550*400,全居中。如图8所示:

图8

在第160幀插入幀,上锁。

    (2)选择图层1图层第1帧,从库中拖出“01”图形元件到舞台,规格700*509(可等比放大宽度为700。高度默认),全居中。如图9所示:


图9

点击该实例,在属性面板设置其Alpha为40%。完成后的舞台实例,如图10所示:


图10

在第81幀插入空白关键帧,按上述原理方法完成02图形元件的操作,如图11所示:

图11

在第160幀插入幀。上锁。

    (3)选择图层2图层第1帧,用矩形工具在舞台拖一个规格为55*40的,无边线的矩形,颜色随意。将其打散后,放置在01图形元件的右下角内。如图12所示:

图12

在第50幀插入关键帧,将该实例规格放大为700*509,全居中。如图14所示:

图14

创建本区域间的形状补间。在第10幀插入关键帧,点击该幀舞台实例,全居中。如图15所示:

图15

在第80幀插入幀。用鼠标将第1-80幀刮黑,右键刮黑处-复制幀;在右键第81幀-粘贴幀。设置本图层为遮罩层。

    (4)选择图层3图层第1帧,从库中拖出“01”图形元件到舞台,规格650*473(可等比放大宽度为650。高度默认),全居中。如图16所示:


图16

点击该实例,在属性面板设置其Alpha为60%。完成后的舞台实例,如图17所示:



图17

在第81幀插入空白关键帧,按上述原理方法完成02图形元件的操作,如图18所示:

图18

在第160幀插入幀,上锁。

    (5)选择图层4图层第1帧,用矩形工具在舞台拖一个规格为55*40的,无边线的矩形,颜色随意。将其打散后,放置在01图形元件的左下角内。如图19所示:


图19

在第50幀插入关键帧,将该实例规格放大为650*473,全居中。如图20所示:


图20

创建本区域间的形状补间,在第10幀插入关键帧,点击该幀舞台实例,全居中。如图21所示:


图21

在第80幀插入幀。用鼠标将第1-80幀刮黑,右键刮黑处-复制幀;在右键第81幀-粘贴幀。设置本图层为遮罩层。

    (6)同理同种方法:选择图层5图层第1帧,从库中拖出“01”图形元件到舞台,规格600*436(可等比放大宽度为650。高度默认),全居中。点击该实例,在属性面板设置其Alpha为80%。在第81幀插入空白关键帧,按上述原理方法完成02图形元件的操作。在第160幀插入幀,上锁。

    (7)选择图层6图层第1帧,用矩形工具在舞台拖一个规格为55*40的,无边线的矩形,颜色随意。将其打散后,放置在01图形元件的右上角内。在第50幀插入关键帧,将该实例规格放大为600*436,全居中。创建本区域间的形状补间,在第10幀插入关键帧,点击该幀舞台实例,全居中。在第80幀插入幀;用鼠标将第1-80幀刮黑,右键刮黑处-复制幀;在右键第81幀-粘贴幀。设置本图层为遮罩层。

    (8)同理同种方法:选择图层7图层第1帧,从库中拖出“01”图形元件到舞台,规格650*473(可等比放大宽度为650。高度默认),全居中。在第50幀插入关键帧,点击该幀舞台实例,设置其规格为550*400。创建本区域间的动画补间;在第81幀插入空白关键帧,按上述原理方法完成02图形元件的操作。在第160幀插入幀,上锁。

    (9)选择图层8图层第1帧,用矩形工具在舞台拖一个规格为55*40的,无边线的矩形,颜色随意。将其打散后,放置在01图形元件的左上角内。在第50幀插入关键帧,将该实例规格放大为550*400,全居中。创建本区域间的形状补间,在第10幀插入关键帧,点击该幀舞台实例,全居中。在第80幀插入幀;用鼠标将第1-80幀刮黑,右键刮黑处-复制幀;在右键第81幀-粘贴幀。设置本图层为遮罩层。

    (10)本环节完成后的时间轴,如图22所示:




图22

提示:第1幀四个遮罩的摆放位置与舞台实例,如图23所示:


图23

      第10幀四个遮罩的摆放位置与舞台实例,如图24所示:

图24

      第50幀四个遮罩的摆放位置与舞台实例,如图25所示:

图25


    6.编辑组织场景

    进入场景1,添加一个图层,共两个图层。自下而上命名为mm、as。

    (1)选择mm图层第1帧,从库中拖出“mm”影片剪辑元件到舞台,规格不变,全居中。上锁。如图26所示:


 

图26

    (2)选择as图层第1帧,按f9,打开动作面板,在as编辑区输入,如下幀语句:

var music:Sound = new Sound();
music.onSoundComplete = function() { music.start();};
music.loadSound("
http://www.duliya.com/UploadFiles/User/229/201209/2012090909170617691.mp3", true);

*红色部分是你准备好的歌曲绝对地址。上锁。

    7.本作业完成后的时间轴如图27所示:



图27

    8.测试存盘

 

 东方标致美女欣赏- 迎春-

点击进入动画制作天地点击进入电脑技术学堂  

图片、文章/编辑、整理:迎春

加强交流 增进友谊

http://ycyx88888.blog.163.com/

文章导读
http://ycyx88888.blog.163.com/
经典收藏 F-S制作 博客知识 P-S制作 U-5制作
在线制作 P-S滤镜 常用工具 兴趣爱好 人体世界
制作软件 电脑知识 精品素材 醒世读物 小品相声
超级题库 视频录制 音乐录制 国学故事 创意网站
透明F-S 姓氏起源 有声读物 靓丽欣赏 动画实战
装饰素材 阅读欣赏 幽默笑话 兴趣客栈 迷人音乐
中科教程 pCS5全集 U-5教程 会声会影 成语故事
古代诗词 高手进阶 有待添加 有待添加 有待添加
http://ycyx88888.blog.163.com/
  评论这张
 
阅读(251)| 评论(5)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017