第 2 章 显示图标,Authorware多媒体创作教程,第二章 显示图标,2.1 【案例3】图形背景 2.2 【案例4】赤壁怀古 2.3 【案例5】基本图形 2.4 【案例】特效文字 2.5 【案例7】春夏秋冬 2.6 小结,2.1 【案例3】图形背景,图 2-1显示图标流程图 图2-2演示效果图,案例效果,案例解析,显示图标是Authorware的13种图标中最基本的图标，用来显示应用程序中显示文本、图片、OLE对象和简单的动画的信息。几乎所有的Authorware程序都有一个或多个显示图标，有些程序甚至只用一组显示图标就能生成各种各样效果来满足掩饰的需要。 本案例主要是讲解了如何创建一个显示图标，如何设置显示图标的基本属性，以及认识绘图工具箱。显示图标流程图如图2-1所示，演示窗口如图2-2所示。,操作步骤,1.创建一个名为“基本图形.a7p”的新文件 2.创建显示图标 3.设置图标的属性 4.绘图工具箱,创建显示图标 将鼠标指针移到设计图标工具栏中的“显示图标”上，按下鼠标的左键，拖动显示图标到流程线上并释放。图标的默认名称为“未命名”，单击图标可以修改它的名称为“显示图标1”。双击图标会弹出演示窗口和一个绘图工具栏。,显示图标,图 2-3设计窗口 图2-4演示效果图,设置图标的属性 在设计窗口选中显示图标，单击鼠标右键或选择“修改图标属性”菜单项，打开“属性：显示图标”对话框。,绘图工具箱 选中显示图标，双击鼠标同时打开演示窗口和绘图工具箱。绘图工具箱中提供了一系列用于绘制图形、输入文本的工具。在绘制图形的时候，可以用鼠标在工具箱中单击来选中某种工具，被选中的工具会加亮显示。,2.2【案例4】赤壁怀古,图 2-7 文本流程图 图2-8 文本演示图,案例效果,案例解析,本案例主要是讲解了如何创建编辑一个文本对象，以及如何导入一个外部的文本。显示图标流程图如图2-7所示，演示窗口如图2-8所示。,操作步骤,1. 创建一个名为“赤壁怀古.a7p”的新文件 2. 输入文本 3. 编辑文本 4. 设置文字属性 5. 插入变量 6. 文本的导入,输入文本 双击显示图标，打开演示窗口，并打开绘图工具栏，选择文本工具，在演示窗口的适当位置单击鼠标左键，确定输入文本的位置，此时会出现如图2-9所示的文本标尺。标尺的左边有左缩进标记和首行缩进标记，右边有文本框度控制点和右缩进标记。,在文本标尺的下方，输入文本内容，按回车键可换行。当输入的文本到达右缩进标志时，将自动换到下一行，如图2-10所示。文本输入完成后，单击指针工具，在文本周围出现控制点，且文本标尺消失。单击并拖动控制点，可调整文本的宽度；将鼠标指针定位在文本区域，单击并拖动鼠标可以调整文本的位置，如图2-11所示。,图 2-10输入文本 图2-11调整文本宽度和位置,编辑文本,插入文本。在需要插入文本的位置单击鼠标左键，出现插入光标，然后输入文字。 删除文本。选择要删除的文字，按【Delect】键或【Backspace】键即可。 复制文本。选择要复制的文本，然后按“复制”按钮；将光标放到要插入的位置，单击“粘贴”按钮即可。 移动文本。选择要移动的文本，然后单击并拖动鼠标进行移动即可。,设置文字属性 属性包括：文本字体、文本字号、文本颜色、文本风格、文本格式,插入变量 系统变量。新创建一个显示图标，名为“系统变量”。选 择文本工具，时间的值使用括起来系统的时间变量“FullTime”，运行程序，看到的时钟。但是，此时时钟并没有动起来，这是设置在“图标属性”中，选中“更新变量显示”，显示的时间就会随时钟变化。 自定义变量 首先在流程线上拖动一个计算图标和一个显示图标，分别命名为“自定义变量”和“自定义变量显示”。 双击自定义变量出现如图2-19(a)所示，在此输入变量的名字和值，并关闭，确认后，出现如图2-19(b)所示新建变量对话框，设置变量属性。 单击“自定义变量显示”图标，输入如图2-19(c)所示的值，运行结果如图2-19(d)所示。,文本的导入 单击“导入”按钮，弹出“导入哪个文件”对话框，在此对话框选择需要的文本文件即可，同时流程线上自动加入一个显示图标。,2.3【案例4】赤壁怀古,图2-20 基本图形绘制演示图,案例效果,案例解析,本案例主要是讲解了如何创建编辑图形对象，以及如何导入一个外部的图像。演示窗口如图2-20所示。,操作步骤,1.打开【案例3】创建的“基本图形.a7p”文件 2.直线的绘制和调整 3.基本图形的绘制和调整 4.图形填充的设置 5.图形对象的放置 6.图形对象显示模式的设置 7.导入外部图像,直线的绘制和调整,双击“绘图工具箱”中的“直线”工具，或斜线工具，将鼠标移到绘制直线的起点处，此时，鼠标变成了“+”形，表明处于绘制的状态。单击鼠标左键，在演示窗口内拖动，在适当的位置释放鼠标左键，就完成了一条直线。如果按住shift键，可以绘制0度、45度、90度等线段。在线段的两端有两个方块，叫控制点，通过拖动控制点，可以调整线段的长度、角度和位置。 单击绘图工具箱中的“线型”工具，则调出“线型”选择面板。该面板分为上下两部分，上面表示线的宽度，下面表示箭头。当画完一线段后，先选择线的宽度，然后可以选择箭头，进行设置。,基本图形的绘制和调整,选择“绘图工具箱”中的“矩形”工具，就可以绘制出矩形。按住shift键，然后再使用“矩形”工具，就可以绘制出正方形。正方形矩形圆椭圆圆角矩形多边形 选择“绘图工具箱”中的“椭圆”工具，就可以绘制出椭圆。按住shift键，然后再使用“椭圆”工具，就可以绘制出圆。,选择“绘图工具箱”中的“圆角矩形”工具，就可以绘制出圆角矩形。在圆角矩形内的左上角中，有一个控制点。这时，拖动控制点，可以调整圆角的大小，其工作过程如图2-24 所示。 图2-24 圆角矩形,选择“绘图工具箱”中的“多边形”工具，拖动鼠标指针至另一个适当的位置，并在此位置单击鼠标左键，确定多边形的第二个点，即可绘制出多边形的第一条边。同理，直至绘制出多边形的最后一个顶点，然后在该顶点处双击鼠标左键，就可以绘制出一个未封边的多边形。如果将鼠标移至第一个顶点上，然后单击鼠标左键，即可绘制出一个封闭的多边形。 如果要编辑一个多边形，首先先选中，单击并拖动控制点， 即可改变该控制点的位置。如图2-25 所示。如按下ctrl键的同时单击多边形的一条边，则在该边上会增加一个控制点，同时多边形也新增了一条边。,图2-25 多边形,图形填充的设置,填充模式。选择工具箱中的填充，或双击工具箱中的图形工具，即可显示出如图2-26所示的填充模式选择板。用户可以单击任选一中填充图案。 填充颜色。选择工具箱中的填充，或双击工具箱中的图形工具，即可显示出如图2-27所示的填充颜色选择板。用户可以单击任选一种填充颜色，或自定义颜色进行填充。,图形对象的放置,先后次序的放置。当几个对象发生重叠的时候，即上面的对象将下面的对象部分或全部覆盖式，系统默认将把后绘制的对象放在先绘制的对象前面，如图2-29（a）所示。当我们想把多边形放置到最下面时，首先选中此多边形对象，然后执行“修改置于下层”菜单项，其结果如图-29（b）所示。,排列与对齐。当绘制多个图形对象时，很难精确的绘制和定位对象。使用网格线或者“对齐方式”选择板，可以完成操作。 使用网格线。选择“查看显示网格”菜单项，在演示窗口中可以出现均匀分布的网格线，就可以以此为基准绘制和定位对象。如果不需要网格线，再次选择“查看显示网格”菜单项即可。 使用“对齐方式”选择板。选择“修改排列”菜单项，调出“对齐方式”选择板，如图-30所示。先选中所要对齐的全部对象，单击对齐方式。,图2-30 “对齐方式”选择板,图形对象显示模式的设置,双击绘图工具栏中“模式”，出现如图2-31所示。 不透明模式：表示在上面的图形在现实的范围内，看不见下面的内容。 遮隐模式：只对外部映入的图像有效，图像边缘的白色将被透明掉，而有色部分下面的内容仍然看不见。 透明模式：上面图形的白色视为透明，而有色部分则不透明。 反转模式：若前景色是白色，则视为透明。其他有色部分，在与其他图形重叠部分，都以它的补色显示。 擦除模式：上面的图形在其显示范围内，以演示窗口颜色显示而使下面图形不可见，呈现出擦除现象。 阿尔法模式：使具有lpha通道的图形显示透明或发亮效果。,图2-31 显示模式,导入外部图像,插入图像。选择菜单“插入图像”，则出现一个图像的属性对话框。 设置图像属性。主要有两部分设置：图像和版面布局。 图像设置。“文件”：指出图像对象的来源文件。“存诸”：指出图像对象的存储方式，即Authorware的外部存储和内部存储。“模式”：列出了文件的显示模式。“颜色”：包括前景色和背景色。 版面布局设置。首先设置显示方式，有原始、比例、裁剪三种方式。 “原始”：图像将保持原来大小。“裁剪”：图像的大小不变，调整图像时，相当于对图像进行了裁剪。“比例”：图像可以任意放缩。其中：“位置”设置图像存放的位置。“大小”：设置图像的大小，单位是点。“非固定比例”：显示图像的比例。,2.4【案例6】特效文字,案例效果,图 2-36文字特效流程图 图2-37文字特效演示图,案例解析,本案例主要是讲解了如何创建编辑文字特效。程序流程图如图2-36，演示窗口如图2-37所示。,操作步骤,1.创建一个名为“特效文字.a7p”的文件 2.制作阴影文字“阴影文字” 3.制作镂空文字“镂空文字” 4.制作空心文字“空心文字” 5.制作雕刻文字“雕刻文字” 6.制作黑白相间“黑白相间”,制作阴影文字“阴影文字”,在流程线上放置一个显示图标，名称为“阴影文字”。 在演示窗口输入“阴影文字”，设置格式为：隶书、60磅、褐色，加粗。 再输入“阴影文字”，设置格式为：隶书、60磅、灰色，加粗。 选中灰色文字，在单击“修改置于下层”，将灰色文字放在褐色文字的下方。 选择“显示模式”工具盒，选中“透明模式”，适当调整两个文字对象的位置，就可实现阴影文字的效果。 选中两对象，单击“修改群组”菜单，将它们组成一个组件。,制作镂空文字“镂空文字”,在流程线上放置一个显示图标，名称为“镂空文字”。 在演示窗口输入“镂空文字”，设置格式为：隶书、60磅、褐色，加粗。 画一与“镂空文字”大小相当的矩形，并填充为同色。 选中矩形，在单击“修改置于下层”，将矩形放在褐色文字的下方。 选择“显示模式”工具盒，选中“擦去模式”，适当调整两个文字对象的位置，就可实现镂空文字的效果， 选中两对象，单击“修改群组”菜单，将它们组成一个组件。,制作空心文字“空心文字”,在流程线上放置一个显示图标，名称为“空心文字”。 在演示窗口输入两个“空心文字”，设置格式为：隶书、60磅、褐色，加粗。 将后创建的文字对象，放在先创建的文本对象上方。 选择“显示模式”工具盒，将上方的文本对象设置为 “反转模式”，适当调整两个文字对象的位置，就可实现空心文字的效果。 选中两对象，单击“修改群组”菜单，将它们组成一个组件。,制作雕刻文字“雕刻文字”,在流程线上放置一个显示图标，名称为“雕刻文字”。 在演示窗口输入两个“雕刻文字”，设置格式为：隶书、60磅、褐色，加粗。 将后创建的文字对象，放在先创建的文本对象上方。 选择“显示模式”工具盒，将上方的文本对象设置为 “擦去模式”，适当调整两个文字对象的位置，就可实现雕刻文字的效果。 选中两对象，单击“修改群组”菜单，将它们组成一个组件。,制作黑白相间“黑白相间”,在流程线上放置一个显示图标，名称为“黑白相间”。 在演示窗口输入“黑白相间”，设置格式为：隶书、60磅、褐色，加粗。 画一与“黑白相间”大小相当的矩形，并填充为同色。将“黑白相间”放置在矩形对象的上方并且占一半的位置。 选择“显示模式”工具盒，选中“擦去模式”，适当调整两个文字对象的位置，就