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

 
 
 

日志

 
 

flash8.0线框遮罩切换相册的制作原理与方法  

2014-06-11 08:44:27|  分类: 〖F--S教程〗 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

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

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

flash8.0线框遮罩切换相册的制作原理与方法 
作前准备

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

     制作过程

    1.启动flash8软件。

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

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图1

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

    4.创建图形元件

    (1)选择“插入-新建元件”,建立一个名为“01”的图形元件,点击确定,进入元件编辑区。就一个图层。

    A.选择图层1第1帧,从库中拖出素材图片1到舞台,规格200*267,全居中。如图2所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图2

    B.同理同种方法,创建“02-06”图形元件,完成素材图片2-6的操作。

    (2)选择“插入-新建元件”,建立一个名为“四角星”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第1幀,在舞台画一个规格为156*166的,无边线的四角星(其画法就不介绍了),颜色随意,全居中。如图3所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图3

    (3)选择“插入-新建元件”,建立一个名为“四星框”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第1幀,从库中拖出“四角星”图形元件到舞台,全居中。将其打散,用墨水瓶工具,笔触高度为2,颜色红色。在舞台实例边缘点一下。如图4所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图4

点击中间的四角星实例,删除。如图5所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图5

    (4)选择“插入-新建元件”,建立一个名为“八边形”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第1幀,在舞台画一个规格为200*267的,无边线的八边形,颜色随意(其画法就不介绍了),全居中。如图6所示:

 flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图6

    (3)选择“插入-新建元件”,建立一个名为“八边框”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第1幀,从库中拖出“八边形”图形元件到舞台,全居中。将其打散,用墨水瓶工具,笔触高度为2,颜色红色。在舞台实例边缘点一下。如图7所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图7

点击中间的八边形实例,删除。如图8所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -  

图8


 

    5.编辑组织场景

    进入场景1,添加四个图层,共五个图层。自下而上命名为图组1、遮罩1、图组2、遮罩2、线框。

    (1)选择图组1图层第1帧,从库中拖出“01”图形元件到舞台,规格不变,全居中。如图9所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图9

同理同种方法,在第51、101、151、201、251幀完成图形元件“02-06”的操作,在第300幀插入幀。上锁。

    (2)选择遮罩1图层第1帧,从库中拖出“八边形”图形元件到舞台,规格不变,全居中。如图10所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -  

图10

在第300幀插入幀,设置该图层为遮罩层。完成后的舞台实例,如图11所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图11

    (3)选择图组2图层第1帧,从库中拖出“02”图形元件到舞台,规格不变,全居中。如图12所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图12

同理同种方法,在第51、101、151、201、251幀完成图形元件“03-06,01”的操作,在第300幀插入幀。上锁。

    (4)选择遮罩2图层第1帧,从库中拖出“四角星”图形元件到舞台,规格不变,全居中。如图13所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图13

将其打散,在第20幀插入空白关键帧,从库中拖出“八边形”图形元件到舞台,规格不变,全居中。如图14所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图13

将其打散,创建本区域间的形状补间,在第50幀插入幀。用鼠标将第1-50幀刮黑,右键刮黑处-复制幀,再在依次右键第51、101、151、201、251幀-粘贴幀。设置本图层为遮罩层。完成后的第1幀上的舞台实例,如图14所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图14

    (5)选择线框图层第1帧,从库中拖出“四角框”图形元件到舞台,规格不变,全居中。如图15所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图15

将其打散,在第20幀插入空白关键帧,从库中拖出“八边框”图形元件到舞台,规格不变,全居中。如图16所示:

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -

图16

将其打散,创建本区域间的形状补间,在第50幀插入幀。用鼠标将第1-50幀刮黑,右键刮黑处-复制幀,再在依次右键第51、101、151、201、251幀-粘贴幀。上锁。

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

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -  

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -  

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -  

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -  

flash8.0线框遮罩切换相册的制作原理与方法 - 迎春 -  

图17

    7.测试存盘

    说明:

    本教程只是抛砖引玉,你可运用此原理和方法,设计制作出更加生动可观的线框遮罩切换的动画效果,如有兴趣,不妨试试看。

最终效果显示效果:

 迎春欢迎你的光临-

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

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

加强交流 增进友谊

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

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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