韩公主千禹熙被轮视频:Flash实例:漂亮的翻书动画制作 [网页制作Flash] IT.com.cn IT世界网

来源:百度文库 编辑:九乡新闻网 时间:2024/04/29 21:05:11
Flash实例:漂亮的翻书动画制作
2008-8-13 17:36:00 文/中国教程网 出处:zctmh0336(诚信为人)
本例介绍使用Flash的遮罩功能制作无脚本软翻书效果,通过制作软翻书效果来了解遮罩功能的运用,有兴趣的朋友就一起学习吧。
本文由中国教程网 zctmh0336(诚信为人) 原创,转载请保留此信息!
先看看效果示例图:
[全屏欣赏]
',1)">
知识点:遮罩的运用
学习无脚本软翻书教材前请先看看遮罩的知识:
1、遮罩动画的概念
(1)什么是遮罩?
“遮罩”:顾名思义就是遮挡住下面的对象。在Flash8.0中,“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地,在一个遮罩动画中,“遮罩层”只有一个,“被遮罩层”可以有任意个。
(2)遮罩有什么用?
在Flash8.0动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。
2、创建遮罩的方法
(1)创建遮罩
在Flash8.0中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键,在弹出菜单中把“遮罩”前打个勾,该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为,如果你想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了。
(2)构成遮罩和被遮罩层的元素
遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条。
下面开始本教程
打开FLASH文档,名称:《软翻书》文档属性大小:600*450其它默认。
素材准备:
1、准备20张图片,用PS处理成:200*150像素。
2、准备1张背景图片,PS处理成:600*450像素。
3、以及兰花、荷花的动画。
4、字体:毛泽东字体、文鼎CS大隶书繁、方正小篆体。
新建位图文件夹,将位图全部导入。
第一部分: 制作“页”影片剪辑元件
1、制作“封面” 影片剪辑元件,插入新建元件影片剪辑名为“封面”。
1-1、在图层1上新建六个图层,自下至上分别是:背景、花边、边线、字框、字、动画(图片也行)、遮罩7个图层。如图:

图1
1-2、图层1(背景)第1帧用矩形工具,无笔触,画一矩形:240*300,颜色:#333300,全居中。
1-3、新建花边图案影片剪辑,图层第1帧画花边图案,(舞台放大)大小设为10.8*18.5,颜色:#666600,复制多枚排列成236*292如图:

图2
1-4、花边图层第1帧把花边图案元件拖入,全居中,点图案打开滤镜面板增加投影效果,模糊设为:0,颜色设为:#999900,距离设为:1,挖空打勾。其它默认。
1-5、边线图层第1帧用矩形工具,笔触设为:2,颜色为:#999966,填充色关闭,画一矩形宽210高260全居中,选中右边线和下边线颜色换成#000000,选中全部边线转为图片元件名为“页边线”。
1-6、字框图层第1帧制作字框大小:205*45,X轴-102,Y轴-106.2。如图:

图3
1-7、字图层第1帧用文本工具写上鸟语花香(也可写其它)字体:方正小篆体,大小35。颜色#336600。
1-8、图片图层(动画)第1帧将库中准备好的荷花动画拖入,放在右下角的位置,调整后大小。
1-9、遮罩图层第1帧用矩形工具,笔触禁止,颜色随意,画一矩形宽190高162的遮罩片,放在右下角,遮罩片的右靠近右边线,遮罩片下边靠近下边线。右键遮罩层设为遮罩。这样“封面”影片元剪辑件就完成了,最后效果如图:

图4
2、制作“首页” 影片剪辑元件,将库中“封面”直接复制改名为“首页”。
2-1、双击进入“首页”编辑场面,自下至上分别是:背景、花边、边线、字、4个图层。删除字框、图片、遮罩图层。
2-2、打开字图层,用“毛体”书写两排诗词。
2-3、打开边线图层,选中右边线和下边线将颜色替换成#999900,选中左边线和上边线将颜色替换成#FFFFFF。将库中兰花图拖入场景,调整后大小、位置。点中第1帧,修改—组合,点图片转换为图片元件名为图片,将边线图层改为图片,最后效果如图:

图5
Flash实例:漂亮的翻书动画制作 [网页制作Flash] IT.com.cn IT世界网 Photoshop制作炫目的火光文字特效 IT.com.cn IT世界网-先上IT网再逛电... Photoshop超强抠图合成创意实例 [数字暗房] IT.com.cn IT世界网-买家... Flash制作夜色雨水滴溅与涟漪动画->>网页教学网Webjx.Com 提供最新最快的网页... 千奇百怪的美国法律 - 八卦灌水 - IT俱乐部 BBS.it.com.cn IT世界网论... flash动画制作实例:动感模糊效果 Photoshop鼠绘一把古色古香的扇子 www.IT.com.cn IT世界网 Photoshop提示暂存盘已满的解决办法 [电脑入门] IT.com.cn IT世界网 T台秀场的拍摄技巧 IT.com.cn IT世界网 当代大学生价值取向形成的原因 [校园频道] IT.com.cn IT世界网 美宇航局发布的50年地球最精美图片 IT.com.cn IT世界网 太有才了!叹为观止的剪纸艺术 [图赏] IT.com.cn IT世界网 为你揭开PS中隐藏的快捷键 IT.com.cn IT世界网 Photoshop关于通道运算的详解 IT.com.cn IT世界网 手把手教您笔记本的系统安装 [笔记本心得] IT.com.cn IT世界网 北京奥运各大媒体的Logo和Banner IT.com.cn IT世界网-买家最多的IT网... 外国别出心裁的设计 引诱你上床的床单 IT.com.cn IT世界网-先上IT网再逛电脑城 超强创意的3D字体设计欣赏 IT.com.cn IT世界网-买家最多的IT网站 直接用交换机共享上网的方法 [交换机] IT.com.cn IT世界网-买家最多的IT网站 华丽的火焰艺术 令人热血沸腾 IT.com.cn IT世界网-先上IT网再逛电脑城 你意想不到的外国极具创意合成图片 IT.com.cn IT世界网-先上IT网再逛电脑城 学生们设计的Google图标更有创意 IT.com.cn IT世界网-先上IT网再逛电脑城 Photoshop合成一头长了翅膀的大象 IT.com.cn IT世界网-先上IT网再逛电... 这么美丽颜色 正是我那遗失的梦境 IT.com.cn IT世界网-先上IT网再逛电脑城