7.2 绘制图形和路径－钢笔工具和路径（课件）-高一《图形图像处理》同步精品课堂（人邮版）

图形图像处理 7.2 钢笔工具和路径（共4课时） 第7章 绘制图形和路径 人民邮电出版社 本 节 介 绍 本节将主要介绍利用钢笔工具绘制路径，以及路径的编辑方法和调整技巧。通过本节的学习，可以轻松地绘制出复杂的图形，为后面的图形设计和制作打好基础，此外，利用钢笔工具还可以对图像进行抠取，得到平滑选区。 教学目标 一 熟练掌握钢笔工具、转换点工具的使用方法和技巧； 熟练掌握路径的建立、编辑、管理和应用路径的方法； 熟练掌握选区和路径的转换、路径面板的使用方法； 熟练掌握路径和直接选择工具、添加和删除锚点工具使用； 灵活运用钢笔工具，绘制各种图形和图像，培养学生的创新意识。 1 2 3 4 5 重点、难点 二 灵活运用钢笔工具绘制图形 熟练运用转换点工具和直接选择工具调整路径 1 2  新课导入 三 上次课我们学习了形状工具的使用方法，利用这些工具可以绘制一些规则形状或路径，也可以快速地绘制出系统提供的固定图形。 下面两幅图是上届学长们的作品。如果需要绘制这些复杂的图形该用什么工具呢？ 学生作品1 学生作品2 任务一：制作婴儿产品广告。 根据所给素材，为某公司设计婴儿产品（纸尿片）的广告，要求如下： 文件尺寸：22.6*14.3cm，300ppi 展现出清爽、舒适和安全的品质 任务展示 四 任务分解 五 任务一 制作背景 任务二 绘制心形图案 任务三 添加文字 知识点讲解 六 贝塞尔曲线 贝塞尔曲线（Bezier cuive），又称为贝兹曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线。 它由线段和锚点组成，锚点是可拖动的支点，线段像可伸缩的皮筋，钢笔工具就是来绘制这种矢量曲线的。 锚点 线段 控制点 控制杆 知识点讲解 六 钢笔工具组 钢笔工具：可以通过创建锚点来绘制连续的直线或曲线。 自由钢笔工具：可以像使用铅笔在纸上绘图一样来绘制图形。 添加锚点工具、删除锚点工具：用来添加、删除锚点 转换点工具：可以调节锚点的两个控制手柄，以调节线段弯曲方向 直接选择工具：俗称白箭头，用来拖动或调整路径上的任一锚点 路径选择工具：俗称黑箭头，用来选择、移动或复制整个形状或整个路径。 知识点讲解 六 钢笔工具、转换点工具的使用 知识点讲解 六 钢笔工具：在画布中单击多个锚点，得到的是直线；单击锚点后不松鼠标进行拖动，得到是曲线 钢笔工具使用注意事项： （1） 控制杆越平，线条转折越平滑 （2） 控制杆的方向与长短决定线条的方向与曲率 （3） 两个锚点决定一条曲线 （4） 锚点越少曲线越平滑 小技巧：在使用“钢笔工具”过程中，按Alt键，鼠标移到锚点或控制点上，变为“转换点工具”，可调整路径弯曲程度；按Ctrl键，鼠标变为“直接选择工具”，可调整锚点的位置。 知识点讲解 六 利用“直接选择工具”改变形状外观 利用“转换点工具”拖动控制杆的方向来调节曲线的形状 知识点讲解 六 钢笔工具练习小游戏：https://bezier.method.ac/ 新建蓝色（#00a7eb）画布：22.6*14.3cm，300ppi 分别移入01白云、02白云、03大向日葵、04向日葵、05婴儿，调整大小和位置。其中03大向日葵模糊处理。 新建图层，白色柔边画笔在画布中间单击作为阳光，如图1所示； 任务实施 七 图1 制作背景 钢笔工具绘制心形路径（如图2），Ctrl+Enter路径转换成选区，填充如图3的渐变； 对心形路径进行缩小， Ctrl+Enter路径转换成选区，填充深蓝色，加深工具处理边缘，如图4所示。 任务实施 七 图2 心形路径 图3 填充渐变 图4 填充蓝色 钢笔工具绘制如图5形状路径制作高光，用白色画笔描边路径，模糊工具模糊处理； 钢笔工具绘制左下角三角形状，填充灰白渐变，如图6； 任务实施 七 图5 制作高光 图6 左下角灰白渐变 自定形状工具，找到爱心图案，绘制2个爱心，再绘制几个圆形，修改图层的混合模式和不透明度； 添加文字素材，最终效果如下图所示。 任务实施 七 任务二：绘制苹果图形。 本任务利用钢笔工具、添加锚点工具以及转换点工具绘制苹果图形。 任务展示 八 知识点讲解 九 添加锚点 删除锚点 知识点讲解 九 路径面板 路径与形状的绘制与编辑方法相同，二者的区别在于，路径被保存在图像的“路径”面板中，并且路径本身不会出现在将来输出的图像中，只有对路径进行描边和填充后，它才