第4章多媒体教学软件的图文演示设计

学习目标1.了解相关图标的功能与使用方法2.掌握文本对象的处理方法3.掌握图形的绘制方法4.掌握外部图片的使用方法5.掌握图文演示型教学软件的制作方法第4章多媒体教学软件的图文演示设计4.1.1显示图标第四章多媒体教学软件的图文演示设计4.1图文创建环境1．显示图标的主要功能（1）显示文本与图形、图像信息（2）创建和引入文本、图形和图像对象（3）显示变量和函数的值4.1.1显示图标第四章多媒体教学软件的图文演示设计4.1图文创建环境2．显示图标的使用（1）用鼠标指针拖动放在图标栏的显示图标到设计窗口的流程线上的某个位置，释放鼠标左键，一个新的显示图标便生成了。（2）给图标命名。点中流程线上的显示图标，在其右侧键入名称。命名时应尽量使名称与该图标的内容相关。（3）双击设计窗口中的显示图标，弹出演示窗口。（4）在演示窗口中创建或编辑文本、图形和图像。（5）设置显示图标的属性。（6）在以后需要随时快速查询该显示图标内容时，可选中该图标，点击右键，选择下拉菜单Preview选项，可出现图标内容的缩略图。4.1.2图文工具第四章多媒体教学软件的图文演示设计4.1图文创建环境双击显示图标，打开演示窗口的同时还会打开一个工具箱面板，如右图所示。1．工具箱的文本创建功能选取工具箱中的文本工具按钮，就可以在演示窗口中创建文本对象。2．工具箱的图文对象选择功能选取工具箱中的选择工具按钮，就可以选择（单击对象）并移动任意图文对象。被选中的对象四周将出现8个小方形控制句柄，拖动这些句柄可以改变对象的形状。4.1.2图文工具第四章多媒体教学软件的图文演示设计4.1图文创建环境3．工具箱的绘图功能（1）直线工具：用来画一条水平线段或者与水平线段成45度、90度角的线段。（2）斜线工具：可以画任意角度的线段。当按钮住Shift键的同时画线时，将与直线工具的功能相同。（3）椭圆工具：选择该工具后可以在演示窗口中画椭圆，当按钮住Shift键的同时画图时，将画出一个正圆；（4）矩形工具：选中该工具后，可以在演示窗口中画一个矩形，当按钮Shift键的同时使用画矩形工具时，将画出一个正方形；4.1.2图文工具第四章多媒体教学软件的图文演示设计4.1图文创建环境（5）圆方工具：选中该工具后，可以在演示窗口中画出一个圆角的矩形，可以拖动圆角矩形中小正方形块来改变圆角的程度，当小正方形块在圆角矩形的中心位置时，圆角矩形将变为一个椭圆形；（6）折线工具：使用该工具可以绘制出没有规律的、封闭的或开放的多边形及折线，最后双击鼠标结束绘图。4.1.2图文工具第四章多媒体教学软件的图文演示设计4.1图文创建环境4．工具箱中的模板（1）显示模板（2）调色模板（3）线型模板（4）填充方式模板4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理1．绘制图形绘制直线：（1）绘制①点击图文工具箱中的直线工具或斜线工具。②将鼠标指针移动到演示窗口中要绘制直线的起始位置，此时鼠标指针变成“＋”形。③按下鼠标左键并拖动鼠标，可以看到一个变化的直线，松开左键，这时一条直线绘制完毕。④按空格键，或选中工具箱中选择与移动工具并点击演示窗口的空白处，去除直线的激活状态。4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理（2）编辑①选中工具箱中选择与移动工具，鼠标点击要修改的直线，直线两端出现句柄，使该直线呈激活状态。②鼠标点着一端句柄并移动（但直线另一端并不移动），可以改变直线的长度及角度；用鼠标点着直线的中部并移动可以改变直线的位置。释放鼠标，直线仍处于激活状态。③打开线型工具模板，选择直线的宽度和样式，以修改直线的外形。④打开线框调色模板，调整直线需要的颜色。⑤去除直线的激活状态。4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理绘制椭圆：（1）绘制①击绘图工具箱中的椭圆工具。②将鼠标指针移动到演示窗口中要绘制椭圆（或圆）的左上角位置，此时鼠标会变成“十”字型。③按下鼠标左键，然后向右下角方向拖动鼠标（如要绘制圆，则在拖动时按住Shift键），可以看到一个变化的椭圆，松开左键，椭圆绘制完毕。④按空格键，或选中工具箱中选择与移动工具并点击演示窗口的空白处，去除椭圆的激活状态。4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理（2）编辑①选中工具箱中选择与移动工具，点击要修改的椭圆，它的四周出现8个句柄，使该椭圆呈激活状态。②点中任一句柄并移动，可以改变椭圆的大小和形状，若是修改一个圆的大小，可以在按住Shift键的同时，拖动圆四角之一的句柄来完成操作；用鼠标点着椭圆的边并移动可以改变椭圆的位置。③打开线型工具模板，选择直线的宽度，以修改椭圆的轮廓线宽度。④分别打开线框调色模板、前景调色模板、和背景调色模板，调整该椭圆图形的轮廓线、前景色、背景色的颜色。4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理⑤打开填充工具模板，要用某种底纹图案填充椭圆（或圆），只需单击其中一个底纹图案按钮即可。⑥去除椭圆的激活状态。绘制矩形和圆角矩形：（1）绘制①用鼠标点击绘图工具箱中的矩形或圆角矩形工具。②将鼠标指针移动到演示窗口中要绘制矩形或圆角矩形的左上角位置，此时鼠标会变成“十”字型。4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理③按下鼠标左键，然后向右下角方向拖动鼠标（如要绘制正方形，则在拖动时按住Shift键），可以看到一个变化的矩形或圆角矩形，松开左键，这时矩形绘制完毕，而对于圆角矩形来说，则还要用鼠标拖动圆角矩形内左上角的句柄，以改变圆角矩形的圆角程度。刚刚建立的矩形四周有八个句柄，而圆角矩形则只有一个内部左上角的句柄，这都表示该对象呈激活状态。④按空格键，或选中工具箱中选择与移动工具并点击演示窗口的空白处，去除对象的激活状态。4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理（2）编辑①选中工具箱中选择与移动工具，鼠标点击要修改的矩形或圆角矩形，它们的四周都会出现8个句柄，使该对象呈激活状态。②用鼠标点着任一句柄并移动，可以改变矩形或圆角矩形的大小和形状，若是修改一个正方形或圆角正方形的大小，可以在按住Shift键的同时，拖动其四角之一的句柄来完成操作；用鼠标点着矩形或圆角矩形的边并移动可以改变它们的位置。③打开线型工具模板，选择直线的宽度，以修改矩形或圆角矩形的轮廓线宽度。4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理④分别打开线框调色模板、前景调色模板、和背景调色模板，调整该该矩形或圆角矩形的轮廓线、前景色、背景色的颜色。⑤打开填充工具模板，要用某种底纹图案填充矩形或圆角矩形，只需单击其中一个底纹图案即可。⑥去除对象的激活状态。绘制多边形和折线：（1）绘制①用鼠标点击绘图工具箱中的折线工具。②将鼠标指针移动到演示窗口中要绘制的多边形或折线的顶点或起点位置，此时鼠标会变成“十”字型。4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理③按下鼠标左键，拖动鼠标，可以看到一个一端随着鼠标移动的线（即多边形的一条边或折线的一段），将鼠标定位在多边形下一个顶点或折线的折点上，单击左键确认（若在绘制的同时按下Shift键，则这条边是水平、垂直或45°角的），如此重复。绘制到最后一个顶点或折点时，若将鼠标指针移到起始点双击，即可完成一个封闭多边形的绘制；若在最后一点不是多边形的起始点，双击鼠标左键，即可完成一个开放的多边形或一条折线的绘制。④按空格键，或选中工具箱中选择与移动工具并点击演示窗口的空白处，去除对象的激活状态。4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理（2）编辑①选中工具箱中选择与移动工具，鼠标点击要修改的多边形或折线，它们的四周都会出现8个句柄，使该对象呈激活状态。②用鼠标点着任一句柄并移动，可以改变多边形或折线图形的整体横竖比例；若在拖动句柄的同时按下Shift键时，可使多边形或折线按比例放大或缩小；若在用“选择与移动”工具点击多边形或折线后，再单击绘图工具箱中折线工具按钮，则在多边形或折线上每条线段的两端都会出现句柄，拖动它们可以改变该线段的长度和角度，从而改变多边形或折线的整体形状；用鼠标点着多边形或折线的边并移动可以改变它们的位置。4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理③打开线型工具模板，选择直线的宽度，以修改多边形或折线的轮廓线宽度。④分别打开线框调色模板、前景调色模板、和背景调色模板，调整该折线或多边形的轮廓线、前景色、背景色的颜色。在开放型多边形或折线情况下，系统默认多边形或折线的起点和终点为多边形的最后一个边进行颜色填充，形成一个多边形的颜色块。但这个默认的边是空的，并不出现一条线。⑤打开填充工具模板，要用某种底纹图案填充多边形或由折线形成的多边形色块区域，只需单击其中一个底纹图案即可。⑥去除对象的激活状态。4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理2．调整多个图形的关系当一个图标内绘制的图形对象多于两个以上时，就会出现前后叠放次序、相互位置排列、对象各自组合等问题。（1）调整前后叠放次序当多个图形对象在位置上出现重叠时，系统在默认状态下，总是把后绘制的对象遮盖在先绘制对象的前面。但是可以利用系统的命令调整这些图形对象的前后叠放次序。可以先选中需要调整到最前层或最后层的对象，然后选择菜单命令Modify/BringtoFront或Modify/SendtoBack，选中的对象就会被调整到最前面或最后面，经过反复调整就可达到设计目的。4.2.1图形绘制与编辑第四章多媒体教学软件的图文演示设计4.2图形、图像的处理（2）调整相互位置排列有时为了实现某种设计目标，需要对图形对象之间的相互位置进行必要的调整。可以采用网格线的方法精确定位对象，还可以采用“对齐模板”的方法调整对象之间相互位置的排列。（3）多个对象的组合有时为了方便地同时移动多个对象或对多个对象进行相同的操作或使多个对象构成一个相对位置不变的整体，可以采用组合的方法来实现。组合后的对象已是一个整体，不能再编辑修改其中的任一个对象。也可选取已组合的对象，并取消多个对象的组合。4.2.2应用外部图像文件第四章多媒体教学软件的图文演示设计4.2图形、图像的处理1．直接引入外部图片第一种方法：⑴打开需要引入图形的显示图标。⑵选择菜单命令File/ImportandExport/ImportMedia选项。⑶弹出Importwhichfile对话框，在其中找到并选中所需引入的图形文件。⑷单击Import按钮，选中的所有文件就会被引入到某个演示窗口中，成为一个窗口中的图片文件。4.2.2应用外部图像文件第四章多媒体教学软件的图文演示设计4.2图形、图像的处理第二种方法：⑴在主流线上要插入图片的程序点处单击一下鼠标，在该点处随即出现一个小手形标志。⑵与上相同的方法打开Importwhichfile对话框，在其中找到所需引入的图形文件。⑶单击“Import”按钮，主流线上的选中点处将自动生成一个新显示图标，新图标的名称与引入图片文件的名称相同。打开这个显示图标的演示窗口，会见到新引入的图片对象。这种方式不仅可以引入纯文本、图形和图像，还可以引入各种视频、动画和声音文件。4.2.2应用外部图像文件第四章多媒体教学软件的图文演示设计4.2图形、图像的处理第三种方法：⑴打开需要引入图形的显示图标。⑵选择菜单命令Insert/Image，弹出PropertiesImage（图片属性）对话框。⑶点击对话框中的Import按钮，弹出Importwhichfile对话框，使用方法同上。⑷点击Importwhichfile对话框的Import按钮后，又回到PropertiesImage对话框，这时该对话框的File文本框中已出现导入图片文件的路径，点击Ok按钮即可