| 网站首页 | 教程 | 素材 | 图片 | 特效 | 论坛 | 字体 | 模板 | 软件 | 书籍 | 源码 | 新闻 | 站长原创 | 动易模板 | 
您现在的位置: 玉叶随风网 >> 教程 >> 课件制作 >> flash课件制作 >> 文章正文 用户登录 新用户注册
1.2 制作立体几何图形元件         ★★★ 【字体:
1.2 制作立体几何图形元件
热门推荐:
普通文章 巧用Flash中遮罩功能演
普通文章 谈制作Flash课件时的隐
普通文章 PowerPoint做课件
普通文章 让Flash课件在VCD上播
作者:未知    文章来源:网络    点击数:    更新时间:2004-8-24

通过上一节的学习,你已经初步掌握用Flash制作简单图形课件的方法,其中涉及到一些绘图工具的使用方法。本节将通过对几个立体图形绘制过程的详细讲解,使你进一步掌握用Flash绘图工具绘制矢量图的方法和Flash制作课件的完整步骤。在这一节中还将引入元件、库等概念以及它们的使用和创建方法。

课件简介

   本课件内容包括数学课程中的几个立体几何图形。立体图形的教学是数学教学中的一个难点,通过这个课件的展示,数学教师可以让学生更感性的认识立体几何图形,加强学生的空间想象能力。如图1-2-1所示是本课件运行时的效果图。

 
  图1-2-1 立体几何图形

 知识要点

     进一步熟悉利用绘图工具绘制矢量图的方法
    
图形元件的创建方法
     绘图辅助工具的使用方法
    
颜料桶工具的使用方法
    
对齐面板的使用方法
    
混色器面板的使用方法

制作步骤

 1.创建影片文档
    (1)新建影片文档。选择【文件】|【新建】命令或按快捷键Ctrl+N,新建一个Flash文档。
    (2)设置文档属性。选择【窗口】|【属性】命令,或按快捷键Ctrl+F3打开【属性】面板,设置文档属性。在【文档属性】对话框中,舞台大小设置为500×350像素,【背景色】选取为深蓝色,其它参数保持不变,单击【确定】按钮,完成舞台属性的设置,如图1-2-2所示。

 
   图
1-2-2 设置文档属性

 2.绘制 “两个相交面”图形元件
    元件是Flash动画中的基本构成要素之一,它是可以反复使用的各种符号,包括图形、动画和声音等,多次使用不会明显增加动画文件的大小的特征。按功能和类型的不同,元件可分为:图形元件、按钮元件和电影剪辑元件。Flash之所以把各种动画元素做成元件,就是为了使文件的体积更小。
    图形元件是Flash最基本的一种元件类型。在制作Flash课件时,通常都是将一些静止的图形制作成图形元件,这样也便于重复使用。
元件的创建有以下几种方法:
u       将场景上的对象转换成元件。
u       新建一个空白元件,然后在元件编辑状态下创建元件内容。
u      
将动画转换成元件。
    (1)创建“两个相交面”图形元件。选择【插入】|【新建元件】命令,弹出【新建元件】对话框,在【新建元件】对话框中,输入元件的【名称】为“背景”,选择【行为】为【图形】,如图1-2-3所示。

 
     图1-2-3 创建新元件对话框

  单击【确定】按钮,在【场景1】的名称右边出现一个“两个相交的面”图形元件名称,动画的制作环境由【场景1】转换到“两个相交面”图形元件编辑场景状态,如图1-2-4所示。

 
1-2-4 “两个相交的面”图形元件编辑场景

 2)打开视图网格。舞台是动画的集中区域,对象在舞台上的位置非常重要,有时甚至需要精确把握。在Flash中提供了三种辅助工具用于测量、对齐和安排对象,即:辅助线、标尺和网格。其中,标尺可以精确测量对象的长和宽;网格便于对象的对齐;辅助线工具则便于拖动对象时的操作。
     选择【查看】|【网格】|【显示网格】命令,使网格线在场景中显示出来,如图1-2-5所示。

 
1-2-5 显示网格线

   选择【查看】|【网格】|【对齐网格】命令,这样,在画直线的时候,直线的起点和终点都吸咐在网格的交叉点上。这样设置便于我们绘制一些规则图形。
    (3)绘制相交面。单击工具箱上的【线条工具】按钮,【笔触颜色】设置为黄色,在场景中画出如图1-2-6所示的图形。

 
    图1-2-6 绘制两个相交的面

   按住Shift键,用【箭头工具】选中按照透视关系被遮住的两个线段,如图1-2-7所示。我们要将这两个线段设置为虚线,这样可以更真实的表现立体图形。

 
    图1-2-7 用【箭头工具】选中线段

 打开【属性】面板,在【笔触样式】下拉菜单中,选择虚线,如图1-2-8所示。

 
    图1-2-8 设置线条属性

 这样,我们选中的两条线段就变成了虚线,效果如图1-2-9所示,最后再将相交面上的线段颜色改为绿色。

 
    图1-2-9 将实线变为虚线

 4)填充颜色。单击工具箱上的【颜料桶工具,用【拾色器】选取喜欢的颜色,这里选粉色和黄色,分别填充在两个面上,如图1-2-10所示。

 
      图1-2-10 给相交面填充颜色

   说明:【颜料桶工具】是对某一区域进行单色、渐变色或位图进行填充,注意不能作用于线条。选择【颜料桶工具】后,在【工具箱】下边的【选项】中单击【空隙大小】按钮,会弹出四个选项,如图1-2-11所示。其中,【不封闭空隙】表示要填充的区域必须在完全封闭的状态下才能进行填充;【封闭小空隙】表示要填充的区域在小缺口的状态下可以进行填充;【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充;【封闭大空隙】表示要填充的区域在较大缺口状态下也能填充。但在Flash中,即使中大缺口,值也是很小的,所在要对大的不封闭区域填充颜色,一般用笔刷。

 
      如图1-2-11 填充选项设置

 5)组合图形。用【箭头工具】将图形全部选中,按Ctrl+G键,将其组合成一个群组对象,“两个相交面”图形元件创建完毕。
3.绘制“球冠”图形
     下面,我们用“将场景上的对象转换成元件”的方法创建“球冠”图形元件。
    (1)转换编辑场景。在如图1-2-12所示界面处,我们可以按【编辑场景】按钮和【元件编辑】按钮来转换编辑环境。


    图1-2-12 转换编辑环境

  说明:如图1-2-12中,你还可以在右上角的显示比例下拉菜单中选择数值或自己输入数值,使对象在场景的显示效果放大或缩小。注意这里改变的只是对象的显示比例,并没有真正改变对象的大小,这样进行显示比例的设置,可以使你充分利用舞台的空间,便于对舞台上的对象进行编辑。
    单击【编辑场景】按钮,将编辑环境从图形元件编辑环境转换到【场景1】。
    (2)绘制“球冠”图形元件。在【工具箱】中选择【椭圆工具】,设置【笔触颜色】为黄色,【填充色】为无,按住Shift键,拖动鼠标在场景中央画一个圆。在工具箱中选择【线条工具】,按住Shift键,拖动鼠标在圆上画一直线,如图1-2-13所示。


   图1-2-13 绘制圆和直线

  用【箭头工具】选中多余的线条,并将其删除,这样图形变成一段圆弧形状,如图1-2-14所示。

 
    图1-2-14 删除多余线条

 选择工具箱中的【椭圆工具】,再画一个小一些的椭圆,如图1-2-15所示。

 
     图1-2-15 绘制小椭圆

 用【箭头工具】选中场景中的全部对象,然后选择【窗口】|【对齐】命令,打开【对齐】面板,如图1-2-16所示。

 
    图1-2-16 【对齐】面板

 说明:在Flash中有许多浮动面板,比如第1节里的【变形】面板、【工具】面板、【属性】面板等,用户可以根据自己的需要来打开或关闭这些面板。【对齐】面板可以将舞台上的对象进行对齐、分布、匹配大小和间隔等进行调整,是调整对象位置时常用的面板。
    单击【匹配大小】中的【匹配宽度】按钮,使两个图形的宽度相等。用【箭头工具】选中椭圆,将其与半圆组合,如图1-2-17所示。

 
   图1-2-17 组合图形

2)填充颜色。单击工具箱上的【颜料桶工具】,执行 【窗口】|【混色器】命令,打开【混色器】面板,在【填充样式】下拉菜单中,选择【放射状】选项,将填充颜色选取为黄色和黑色,如图1-2-18所示。

 
    图1-2-18 【混色器】面板

   说明:【混色器】面板是一个调配颜色的面板,在【混色器】面板里,可以对外框的颜色和填充颜色进行调配,可设置颜色值和透明度;在填充样式中,有无、纯色、线性、放射状和位图等填充样式。另外,当选择线性和放射状填充样式时,还可以通过增加墨水瓶来增加填充色,墨水瓶最多能增加到八个。
    将鼠标指针移动到场景中,用【颜料桶分别单击“球冠”的顶部和底部,完成后的效果如图1-2-19所示。

 
    图1-2-19 填充颜色后的球冠

   选择工具箱中的【填充变形工具】,单击“球冠”底部,底部出现四个控制点,如图1-2-20所示。

 
    图1-2-20 填充变形控制点

   将光标移动到中间控制点上,将高光部分往右拖放。将光标移动到小方块上并拖动,调整颜色的间距,如图1-2-21所示。

 
    图1-2-21 调整高光点和颜色间距

 拖动方块下方的小圆圈,调整颜色的范围,如图1-2-22所示。

 
    图1-2-22 调整颜色范围

 调整后使“球冠”看上去更具有立体感。用同样的方法调整“球冠”的顶部,调整后的效果如图1-2-23所示。

 
    图1-2-23 调整后的“球冠”图形

  最后,选中全部“球冠”图形,按Ctrl+G键,将其组合成一个群组对象。
    (3)转换成图形元件。保持“球冠”图形处在选中状态,选择【插入】|【转换为元件】命令,弹出【转换为元件】对话框,在【转换为元件】对话框中,在【名称】中输入“球冠”,选择【行为】为【图形】,如图1-2-24所示。

 
      图1-2-24 【转换为元件】对话框

   单击【确定】按钮,至此,“球冠”图形元件的创建全部完成。选择【窗口】|【库】命令,或按F11打开【库】面板,可以看到“球冠”图形元件已经保存在【库】中,如图1-2-25所示。


   图1-2-25 【库】面板

 4.创建棱锥图形元件
    (1)新建棱锥图形元件。选择【插入】|【新建元件】命令,弹出【新建元件】对话框,在【新建元件】对话框中,输入元件的【名称】为“棱锥”,选择【行为】为【图形】,单击【确定】按钮,现在处于“棱锥”图形元件编辑环境中。
    (2)绘制平行四边形。单击工具箱上的【线条工具】按钮,【笔触颜色】设置为淡蓝色,在场景中画出如图1-2-26所示的平行四边形。在绘制这个图形时,要注意利用网格的交叉点。

 
      图1-2-26 绘制平行四边形

     (3)绘制锥体。保持【线条工具】被选中,画出平行四边形的两条对角线,从对角线的交点再画一条垂线,这条垂线即是棱锥的高,如图1-2-27所示。

 
    图1-2-27 绘制棱锥的高

    画四条直线分别将高与平行四边形的四个顶点接起来。然后按住Shift键,将平形四边形被遮住的两条边和高选中,打开【属性】面板,选择【笔触样式】为虚线,将四边形被遮住的两条边和高改为虚线,删除对角线,将表示高的线条改为红色,最后效果如图1-2-28所示。

 
    图1-2-28 删除多余线段

   4)填充颜色。选择工具箱上的【颜料桶工具,用【拾色器】选取褐色,单击“棱锥”的底面给其填充颜色,如图1-2-29所示

 
    图1-2-29 “棱锥”图形

 5.创建课件标题
    (1)新建“标题”图形元件。选择【插入】|【新建元件】命令,弹出【新建元件】对话框,在【新建元件】对话框中,输入元件的【名称】为“标题”,选择【行为】为【图形】,单击【确定】按钮。
    (2)设置文本属性参数。在工具箱中选择【文本工具】 ,打开【属性】面板,参数设置如图1-2-30所示。在其中,选择文本类型为【静态文本】,字体为【汉仪雪峰体简】,字体大小为“40”,颜色为白色。

 
    图1-2-30 设置文本属性

    3)创建标题图形元件。将鼠标指针移动到场景的适当位置,单击场景,在文本框中输入“立体几何图形”6个文字。用【箭头工具】拖动文字将出现的一个小圆圈与场景的小十字对齐,使对象处于场景中央,如图1-2-31所示。

 
      图1-2-31 将文字移到场景中央

 选中文字,选择【修改】|【分离】命令,或按快捷键Ctrl+B,文字成如图1-2-32所示效果。

 
    图1-2-32 第一次分离文字

 再选择【修改】|【分离】命令,或再按一次Ctrl+B将文字分离为形状,文本外框消失。这样文字变成形状后,对于没有安装这种字体的机器也能正常显示。打散后的文字效果如图1-2-33所示。

 
      图1-2-33 打散后的文字效果

   说明:我们在创建课件标题时,如果使用了一些特殊的字体,就必须将输入的文字按照上面的方法打散,否则,课件在其他没有安装这种字体的计算机上不能正常显示。有些文字在分离后会出现色块,你可以使用绘图工具进行人工修复。
    另外,在Flash中,如果要对文字进行变形、填充等一系列的修改,也必须将文字打散为一般的形状。打散后的图形文字不再具有文本的属性,不能再对它进行属性编辑。但是,我们将文字打散为形状以后,就可以象图形一样对它们进行编辑,这样可以创建一些特殊的文字效果。这也是我们设计课件标题时常用的方法。
6.布局场景
    (1)打开【库】面板。选择【窗口】|【库】命令,或按F11打开【库】面板,可以看到前面我们创建的图形元件均存放在【库】中。单击元件名称,可以在【库】面板中预览元件内容。如图1-2-34所示。

 
     图1-2-34 【库】面板

 【库】面板是存放元件的地方,在库中不但可以将制作动画时创建的元件保存,还可以存放导入的声音、位图以及电影剪辑等文件,需要元件时直接将其从【库】面板中拖入场景或元件的编辑区中即可。在【库】面板中,我们还可以通过建立文件夹来组织其中的元件,将元件分门别类的存放,使用户一目了然,从而大大的提高了工作效率。【库】面板中存放的元件可以反复使用。
    (2)布局场景。用鼠标将“两个相交面”图形元件从库中拖到场景中央,此时图形元件在场景中所占的比例过大,选择工具箱中的【任意变形工具】,单击【选项】中的【缩放】按钮,将光标放在任意一个角上,将“两个相交面”缩小到合适的大小。
   说明:将【库】中的元件拖放到舞台上后,舞台上的对象叫做元件的实例。元件的改变影响它的实例,而实例的改变对元件无任何影响
     用同样的方法分别将“球冠”、“棱锥”和“标题”拖放到场景中,并调整其位置和大小,调整后效果如图1-2-35所示。

 
      图1-2-35 完成后的效果图

 7.保存、测试和导出课件
    (1)保存课件。选择【文件】|【保存】命令,或按快捷键Ctrl+S,弹出【另存为】对话框,指定课件保存的目录,输入文件名“立体几何图形”,单击【保存】按钮,如图1-2-36所示。

 
      图1-2-36 保存课件

 2)测试课件。选择【控制】|【测试影片】命令或按快捷键Ctrl+Enter,弹出测试窗口,在窗口中可以预览动画效果。如果在测试影片中发现了问题,则可以关闭测试窗口,返回到影片的编辑窗口对影片进行编辑修改,直到满意为止。
     (3)导出课件。选择【文件】|【导出影片】命令,弹出【导出影片】对话框,指定导出课件的目录,输入导出课件文件名,单击【保存】按钮,如图1-2-37所示。

 
      图1-2-37 【导出影片】对话框

 在【导出Flash Player】对话框中最下边有一个【版本】下拉菜单,如图1-2-38所示。在菜单中可以选择将要导出的影片版本,默认是Flash 6版本,也可以导出为Flash 5版本。如果导出的是Flash Player 6版本的影片,那么需要Flash Player 6这个版本的播放器才能播放它,如果导出的是Flash Player 5版本的影片,那么需要Flash Player 5这个版本的播放器才能播放它。需要注意的是:如果在课件制作过程中使用了Flash MX新增加的一些功能,课件导出为Flash 5版本时就会丢失这些功能实现的效果。

 
        图1-2-38 导出影片的版本设置

文章录入:碧玉叶    责任编辑:碧玉叶 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口