| 网站首页 | 站内资讯 | 原创图书 | 图文教程 | 视频教程 | 课件下载 | 远程网校 | 留言建议 | 视频教程吧 | 官方微博 | 
>>  您现在的位置: Flash课件吧 >> 图文教程 >> 动画教程 >> 正文
专题栏目
畅销教材
征稿与合作
如果您是计算机方面的专家或对计算机在某方面的应用有一定心得,我们真诚地希望与您合作。请下载作者信息表并认真填写。在邮件主题中注明寻求合作字样,我们将尽快给您答复。
  • 下载作者信息表
  • 邮件联系我们
  • 相关文章
    推荐图书
    混合模式应用范例――动画片头
          ★★★   
    混合模式应用范例――动画片头
    >>  教程简介: 
    作者:课件吧 教程来源:本站原创 点击数: 更新时间:2008/3/8 0:31:49

    本教程节选于电子工业出版社出版发行的《Flash 8中文版基础与实例教程(职业版)》

    本节的知识点:
       利用8.0的新功能"混合模式"更改场景中一个对象的图像与位于它下方的各个对象的图像的组合方式。

    第十五课 混合模式应用范例――动画片头

    本范例运用混合模式,使场景时紫时绿、时明时暗,若置身魔界。这个动画看上去变幻多端,作起来却相当容易。范例效果如图7-44所示。

    7-44 范例效果

    下面详细讲解制作步骤。

    1.创建影片文档和导入图片

    1)新建Flash8影片文档。保持文档属性的默认设置。

    2)执行“文件”|“导入”|“导入到库”命令,在出现的“导入到库”对话框中选择要导入的准备好图片(可以在自己的电脑里任选),单击“打开”按钮后图片就被导入到“库”里。如图7-45所示。

    7-45 导入到“库”中的图片

    3)直接导入的图片并不能使用混合模式,混合模式只适用于影片剪辑和按钮。所以我们要把图片制作成影片剪辑元件。

    新建一个名称为“图片”的影片剪辑元件。在这个元件的编辑场景中将刚刚导入的图片拖放到舞台上。因为图片比较大,我们将它缩小一些。在“属性”面板中单击宽高前面的锁状按钮,使宽高变化同步,然后输出入宽值670,如图7-46所示。

    7-46 设置图片尺寸

    这样,图片缩小到我们所需要的状态。

    2.制作图片运动元件

    1)新建一个影片剪辑元件,名称为“横图片”。在这个元件的编辑场景中,打开“混色器”面板,选择“笔触颜色”为无,“填充颜色”类型为“位图”,能看到刚刚导入的图片已经出现在选择框中了。如图7-47所示。

    7-47 “混色器”面板

    2)使用“矩形工具”画一个宽度为600、长度为90的长方形,作为填充色的图片会以原始大小出现。缩小舞台显示比例,使用【填充变形】工具,分别将鼠标按住填充变形框左边和下边的箭头向里推,将填充图片缩小,直到小图片显示完整且刚好撑满矩形的上下端为止。如图7-48所示。

    7-48 调整图片

    3)在“图层1”第80帧处插入一个关键帧,使用【填充变形工具】选择最前面的填充图片,将鼠标放到填充变形框中心,当其成为可移动状态时,按住鼠标,拖放到最后一张图片位置处释放鼠标,注意保持图片的水平位置,否则在图片移动动画中会出现抖动。在第1帧处设置补间类型为“形状”。按回车键播放一下,图片已经横向移动起来。

    4)新建一个影片剪辑元件,名称为“竖图片”。这个元件制作图片从下向上的竖向运动,其制作方法与“横图片”相同,所不同的是矩形为竖向放置,宽度为90,高度为440。如图7-49所示。

    7-49 “竖图片”影片剪辑元件

    3.制作网格元件

    1)新建一个图形元件,名称为“网格”。在这个元件的编辑场景中,选择【直线工具】,在“属性”面板中将笔触大小设置为2像素。在场景中画一条宽600像素的横线。按住ALT键拖动鼠标将该直线向下复制多条,选中所有直线,执行【修改】|【对齐】|【左对齐】命令,再执行【修改】|【对齐】|【按高度均匀分布】命令,使其排列整齐,分布均匀。如图7-50所示。

    7-50 绘制横线

    2)使用【选择工具】将所有直线全部框选,按住ALT键将其拖放到舞台其它位置,注意不要与原直线重合。执行【修改】|【变形】|【顺时针旋转90度】命令,如图7-51所示。

    7-51 复制并旋转

    3)将竖向直线拖放到横向直线上,如图7-52所示。

    7-52 网格

    4.制作背景元件

    1)由于混合模式是基于下层色彩而变化的,所以下层图形的色彩至关重要,它的变化会使应用混合模式的图形生成不同的色彩、明度。所在设计背景元件时,我们使它进行不同颜色间的变化。

    新建一个图形元件,名称为“背景”。使用“矩形

    [1] [2] [3] 下一页

      >> 教程录入:admin    责任编辑:admin 
    网友评论:(只显示最新8条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 管理登录 | 
    版权所有 课件吧 Copyright ◎2006 - 2013
    如涉及侵权行为请书面告之,本站将立即处理
    站长:cai8net  备案序号:豫ICP备13010258号