第2节 图形绘制 课件 - 2023-2024学年信息技术湘电子版（2019）七年级下册

第2节 图形绘制 新知导入 上节课我们学习了如何设计新潮而有个性文化衫，和图形的设计方法，那么，这节课我们来学习如何绘制图形。 新知讲解 活动任务 规划设计文化衫包含的各元素,利用图像处理软件绘制所需图形。 新知讲解 我的问题 如果没有很好的手绘功底，用什么方法绘制设计图形? 新知讲解 活动建议 当我们的手绘能力没有那么强，或者想随心所欲使用图形时，使用数字化图形是一个好的选择 要绘制数字化图形，选择合适的工具很必要。 新知讲解 一、了解Photoshop中的绘图基本工具 画笔工具是Photoshop中最基本的绘图工具, 如图所示，使用画笔工具可以绘制出绚丽的图画。 活动过程 1.画笔工具 新知讲解 在属性栏中，选择相应的工具可以调整画笔的大小、硬度、笔刷形状等，如图所示。 新知讲解 2.绘图工具 在Photoshop的工具箱中，可选择需要的绘图工具，如图所示。 新知讲解 “自定形状工具”中自带了大量的图形，我们可以根据主题选择恰当的图形进行绘制，如图所示。 合作探究 试一试 打开Photoshop软件，熟悉软件的各种工具的使用。 新知讲解 二、学习图形绘制的方法与技巧 以“无线爱好者俱乐部”文化衫中无线网络标志图的绘制为例。 新知讲解 (1)依据图形特点，确定绘制方法。 仔细观察图形,会发现它是由过同心圆的线段切出的几段圆弧构成。 具体绘制方法：先画同心圆，再画其他图形, 提取需要的部分。 新知讲解 (2)打开软件，新建画布，设置背景色为蓝色。如图所示 新知讲解 (3)选择“椭圆工具”绘制白色圆形，直径选择500像素、400像素、300 像素、200像素和100像素，如图所示。 新知讲解 通过“路径选择工具”选中每次绘制的圆，将其拖动到指定的圆心位置，如图所示 绘制同心圆 方法一 新知讲解 在绘制完成五个圆后，通过“路径选择工具” 一次选中五个圆，利用“路径对齐方式”中的“水平居中”和“垂直居中”两个操作完成圆心对齐。 方法二 新知讲解 (4)利用布尔运算呈现圆环等距间隔显现效果。 像素小的圆叠加在像素大的圆上，要生成相同宽度的圆环等间距出现的效果，有两种运算可以实现： 新知讲解 方法一 减去顶层形 新知讲解 方法二 排除重叠形状 新知讲解 (5)新建图层，绘制正方形，如图所示。 新知讲解 执行“编辑”一“变换路径”一“旋转”命令，将正方形旋转45°后，一个顶点对齐圆心，如图所示。 新知讲解 (6)单击选中“圆环”图层后，按住Shift键再选中“正方形”图层，使得两个图层被同时选中，然后在被选中的图层上单击鼠标右键，在快捷菜单中 选择“合并形状”命令，如图所示。 新知讲解 ⑺在“路径操作”中选择“与形状区域相交”命令，如图所示。 新知讲解 (8)保存文件，并输出矢量图。 ① 单击“路径”选项卡后，选择“矩形1形状路径”。 ② 单击“路径”选项卡下方“将路径作为选区载入”图标，如图所示。 新知讲解 ③ 单击“路径”选项卡下方“从选区生成工作路径”图标，如图所示。 ④ 执行“文件” ➟ “导出” ➟“路径到Illustrator…命令”，生成矢量文件。 合作探究 利用上述方法做出Wi-Fi的标志 试一试 1. 矢量图与位图 新知讲解 知识拓展 矢量图是根据几何特性来绘制图形，用线段和曲线描述图像。矢量 图只能靠软件生成，文件占用空间较小，因为这种类型的图像文件包含 独立的分离图像，可以自由、无限制地重新组合。 新知讲解 位图也祢为点阵图像，它用像素点来描述图像。例如，用手机、相机等拍摄的照片就是位图。 两者的区别在于：矢量图与分辨率无关，将它缩放到任意大小或 以任意分辨率在输出设备上打印出来，不会影响清晰度；位图是由一个 一个的像素点组成，当图片放大时，像素点也随之放大了，而每个像素 点表示的颜色是单一的，所以放大后的位图会出现我们平时见到的“马赛克”。 ， 2. Photoshop标尺的使用 新知讲解 标尺可以帮助确定图像或图形的位置。 执行Photoshop中"视图”菜单下的"标尺”命令或按下Ctrl+R快捷键，标尺便会出现在窗口的顶部 和左侧，此时移动鼠标，标尺内的标记会显示光标的精确位置。若要隐 藏标尺，执行“视图”菜单下的“标尺”或按下Ctrl+R快捷键即可。 新知讲解 默认情况下，标尺的原点位于窗口的左上角。我们将光标放在原点上，按下鼠标左键并拖动，画面中会显示十字线，将它拖到需要的位置，可设置标尺的新原点；如要恢复默认原始位置，可以双击窗口顶部标尺 和左侧标尺的相交处。 3. Photoshop参考线的使用 新知讲解 显示标尺后，我们将光标放在水平标尺上，按下鼠标左键并向下拖 动鼠标可以拖出水平参考线。 同样的方法，我们将光标放在垂直标尺上， 按下鼠标左键并向