IT热点
  • 电脑硬件
  • 手机
  • MP4
  • 品牌机
  • 办公产品
  • 投影机
  • 服务器
  • 奥林巴斯
  • 尼康
  • 佳能
  • 阿尔卡特
  • 索尼
  • 微星
  • 七彩虹
    		•
  • 笔记本
  • 数码相机
  • 数码摄像机
  • 惠普
  • 戴尔
  • 联想
  • 诺基亚
  • 摩托罗拉
  • 索尼爱立信
  • LG
  • 西门子
  • 飞利浦
  • 华硕
  • 硕泰克
    • - - - - - - - - - -
    首页 >> 学院 >> 网页制作 >> 网页制作Flash
    Flash实例：漂亮的翻书动画制作 [网页制作Flash]
    zctmh0336(诚信为人)
    2008-8-13 17:36:00 文/
    　　本例介绍使用Flash的遮罩功能制作无脚本软翻书效果，通过制作软翻书效果来了解遮罩功能的运用，有兴趣的朋友就一起学习吧。

    　　本文由中国教程网 zctmh0336(诚信为人) 原创，转载请保留此信息！

    　　先看看效果示例图：


    　　效果示例

    Flash实例：漂亮的翻书动画制作[全屏欣赏]
     



    　　 　　知识点：遮罩的运用

    　　学习无脚本软翻书教材前请先看看遮罩的知识：

    　　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个图层。如图：

    Flash实例：漂亮的翻书动画制作

    　　图1

    　　1-2、图层1（背景）第1帧用矩形工具，无笔触，画一矩形：240*300，颜色：#333300，全居中。

    　　1-3、新建花边图案影片剪辑，图层第1帧画花边图案，（舞台放大）大小设为10.8*18.5，颜色：#666600，复制多枚排列成236*292如图：

    Flash实例：漂亮的翻书动画制作

    　　图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。如图：

    Flash实例：漂亮的翻书动画制作

    　　图3

    　　1-7、字图层第1帧用文本工具写上鸟语花香（也可写其它）字体：方正小篆体，大小35。颜色#336600。

    　　1-8、图片图层（动画）第1帧将库中准备好的荷花动画拖入，放在右下角的位置，调整后大小。

    　　1-9、遮罩图层第1帧用矩形工具，笔触禁止，颜色随意，画一矩形宽190高162的遮罩片，放在右下角，遮罩片的右靠近右边线，遮罩片下边靠近下边线。右键遮罩层设为遮罩。这样“封面”影片元剪辑件就完成了，最后效果如图：
    　　
    Flash实例：漂亮的翻书动画制作

    　　图4

    　　2、制作“首页” 影片剪辑元件，将库中“封面”直接复制改名为“首页”。

    　　2-1、双击进入“首页”编辑场面，自下至上分别是：背景、花边、边线、字、4个图层。删除字框、图片、遮罩图层。

    　　2-2、打开字图层，用“毛体”书写两排诗词。

    　　2-3、打开边线图层，选中右边线和下边线将颜色替换成#999900，选中左边线和上边线将颜色替换成#FFFFFF。将库中兰花图拖入场景，调整后大小、位置。点中第1帧，修改—组合，点图片转换为图片元件名为图片，将边线图层改为图片，最后效果如图：

    Flash实例：漂亮的翻书动画制作

    　　图5
    ·IT产品报价大全
    更多相关： 手机
    在百度中更多内容： 手机


    [第一页] 1 2 3 4 5 [下一页] [最后一页]
    打印此页 投稿与建议 返回顶部

    相关文章
    ·Flash实例：马蹄莲动画制作过程
    ·Flash实例教程：卡通MM眨眼睛动画
    ·Flash实例:打造佛光效果