项目2 任务2.6了解画板（课件）《图形图像处理》（高教版第四版）同步精品课堂

2.6了解画板 图像图像处理 同步精品课堂 高等教育出版社 掌握国家标准《机械制图》中有关图幅、比例、字体图线等基本规定。 教学目标 一 了解画板的功能，掌握常用的图层编辑工具 学会利用“画板工具”“渐变工具”、“画笔工具” 教学重难点 二 掌握利用画板工具进行编辑的方法； 了解画板的功能 熟练应用常用工具编辑图像 灵活应用画板进行图像的编辑 重点： 难点： 画板是非常实用的工具，利用画板可以改善设计操作，方便庞大的设计管理和输出。画板与画布的区别在于，画布是一个文档中只能存在一个作图面板；画板是一个文档中可以存在多个作图面板。接下来我们详细学习一下画板的用途。 导入新课 三 可将其视为实物画板，作为独立个体，用在多处图层文件中 1l画板的使用 课前预习 ※ 3l使用裁剪工具组 2l使用画笔工具组 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 一、1、创建画板 （1）执行“文件→新建”菜单命令，在打开的如图2-118示的“新建文档”对话框中勾选“画板”选项。 （2）在已有的PSD文件中，直接利用“画板工具”中的“添加新面板”按钮 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 🌟案例操作 l 利用“画板工具”新建两个画板； l 利用“渐变工具”、“画笔工具”等常用编辑工具，设计画板1中图像； l 利用“文字工具”输入文字，设置文字图层的样式； l 复制画板1中的图层至画板2，修改其中的图像及文字部分内容。 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 🌟案例操作----1 l 执行“文件->新建”菜单命令，“新建文档对话框如图1所示，新建名称为“团队精神”的画板文件，此时图像窗口自动生成画板1.效果如图2.所示 图1 图2 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 一、2、画板工具 ① 为画板选择预设大小：展开“自定”选项右侧的下拉按钮，可以打开“为画板选择预设大小”菜单项。 ② 宽度：设置画板的宽度。 ③ 高度：设置画板的高度。 ④“制作纵版”按钮 ：将画板切换为纵版。 “画板工具”选项栏 自定菜单项 对齐菜单项 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 一、2、画板工具 ⑤“制作横版”按钮 ：将画板切换为横版。 ⑥“添加新画板”按钮 ：可在图像窗口中添加新的画板。 ⑦“对齐和分布图层”按钮 ：可以打开对齐菜单 ⑧“设置画板行为”按钮 ：可以打开行为菜单 行为菜单项 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 🌟案例操作----2 l 选择“画板工具”，打开如图3所示的“画板工具”选项栏，可以看到当前画板1的尺寸，单击工具栏中的“添加新画板”按钮，在画板1的右侧单击鼠标，添加画板2，效果如图4所示。 图3 图4 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 🌟案例操作----3 l 填充渐变色：，颜色由#ffdca6到#d0dfe。 l 移动工具：移动工具调整素材如下图5所示： l 菜单命令：移新建宽度50像素，高度50像素，分辨率72像素的“画笔”。利用“缩放工具”将放大的400倍用于编辑。 图5 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 二、使用画笔工具组 画笔工具组包含四种工具，分别是画笔工具、铅笔工具、颜色替换工具和混合器画笔工具，他们在工具箱中的位置如图示。 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 二、1、画笔工具 使用“画笔工具”可利用前景色来绘制预设的画笔笔尖图案或不太精确的线条。选择该工具后，在工具选项栏中设置好各选项，在图像窗口中单击或拖动鼠标，即可绘制相应的图案或线条；若要绘制水平或垂直的线条，可按住Shift键再拖动鼠标。“画笔工具”的选项栏如图示。 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 🌟案例操作----4 l 画笔工具的使用:在“手势”图层上方新建“画笔绘制“图层。选择“画笔工具”在其选项栏中单击“切换画笔设置面板”按钮，打开“画笔设置”面板。画笔鼻尖形状选项设置如图6所示，双重画笔选项设置如图7所示 图6“画笔笔尖形状”选项设置 图7“双重画笔”选项设置 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 二、2、铅笔工具 “铅笔工具”的使用方法与“画笔工具”基本相同，只是“铅笔工具”绘制的图像边缘比较僵硬且有棱角。“铅笔工具”的选项栏如图。 “自动抹除”复选框：若选中该复选框，当笔尖起点的颜色与当前的前景色一致时，用背景色来绘画，否则，用前景色来绘画。 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 二、3、颜色替换工具 使用“颜色替换工具”在图像中拖动鼠标，可以用前景色取代鼠标经过位置的目标颜色。“颜色替换工具”只能在“RGB颜色”、“CMYK颜色”或“Lab颜色”模式的图像中使用。其选项栏如图示。 用前景色替换图像中指定像素：使用前要设置前景色 使用要点： 混合模式： 基准色： 取样方式： 限制选项： 容差值： 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 二、4、混合器画笔工具 选择“混合器画笔工具”后，可以利用选定的画笔笔尖形状，配合设定的混合画笔组合方式，在图像中拖动鼠标进行描绘，产生具有实际绘画的艺术效果。“混合器画笔工具”选项栏如图示。 颜色设置 画笔设置 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 三、使用裁剪工具组 裁剪工具组包括裁剪工具、透视裁剪工具、切片工具、切片选择工具，如图示。 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 三、1、裁剪工具 “裁剪工具”是Photoshop中最常用的工具之一，其选项栏如图示。 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 三、2、透视裁剪工具 裁剪工具只允许以正四边形裁剪画面，而透视裁剪工具使用时，用户只需要分别点击画面中的四个点，即可定义一个任意形状的四边形。进行裁剪时，软件会对选中的画面区域进行裁剪，同时会将选定区域“变形”为正四边形。透视裁剪工具选项栏如图示，透视裁剪效果如图。 启动Photoshop CC程序，可以看到Photoshop CC的工作界面主要由菜单栏、工具选项栏、工具箱、各种面板、图像编辑窗口等组成。 新知讲授 四 三、3．切片工具和切片选择工具 “切片工具”和“切片选择工具”主要用来设置网页图像。利用“切片工具”可以将一个大的图片划分成若干个小图片（切片），以提高网络浏览速度，每一个切片就是一个功能区域，可以在关联的Web页中创建链接。在存储图像和HTML文件时，每个切片都会作为独立的文件存储。 随堂练习 五 1.关于“切片”工具说法不正确的是( ) A.“切片工具”是用来生成GIF动画的 B.“切片工具”可以将一个大图片分成多个小图片 C.每一个切片可以创建一个网页中的链接 D.切片切分图片后，切分的每一个图片都会作为独立文件存储 【答案】A 【解析】A. ❌这是错误的说法。‌切片工具本身并不用于生成GIF动画‌。虽然Photoshop中可以结合“时间轴”功能制作GIF动画，但那是由“动画”或“时间轴”面板完成的，而非切片工具的职责。 ‌B. ✅正确。这是切片工具最基本的功能之一。用户可以通过手动拖拽、基于参考线或均分网格的方式，将图像划分为多个矩形区域（即切片），每个切片可独立导出为图像文件。 ‌C. ✅正确。在导出为Web所用格式时，每个切片都可以设置独立的URL链接、常用于网页原型设计或电商详情页的交互实现。 ‌D.✅正确。当使用“存储为Web所用格式”功能导出时，系统会自动生成一个包含所有切片图像的文件夹，每个切片以独立文件形式保存，同时生成一个HTML文件来组织这些切片的布局。 随堂练习 五 2.以下工具中，属于画笔工具组的是 ( ) A.画笔工具和钢笔工具 B.画笔工具、钢笔工具和铅笔工具 C.钢笔工具和铅笔工具 D.画笔工具和铅笔工具 【答案】D 【解析】A. 画笔工具和钢笔工具‌ ❌错误。钢笔工具不属于画笔工具组。 ‌B. 画笔工具、钢笔工具和铅笔工具‌ ❌错误。包含了不属于该组的钢笔工具。 ‌C. 钢笔工具和铅笔工具‌ ❌错误。两者分属不同工具组。 ‌D. 画笔工具和铅笔工具‌ ✅正确。两者均属于画笔工具组，是该组中最基础且常用的两个工具 随堂练习 五 3.打开“画笔”面板的快捷键是 ( ) A.F7 B.F5 C.F6 D.F8 【答案】B 【解析】F5‌ 是打开“画笔”面板的默认快捷键（包含笔尖形状、动态效果等设置）。 其他选项错误： F7（A）：打开“图层”面板； F6（C）：打开“颜色”面板； F8（D）：打开“信息”面板。。 随堂练习 五 4.以下可以使用“颜色替换工具”的图像模式是 () A.位图 B.灰度 C.Lab颜色 D.索引颜色 【答案】C 【解析】颜色替换工具仅支持 RGB、Lab、CMYK 模式‌。 其他模式不可用： 随堂练习 五 5.使用颜色替换工具时，要使鼠标经过位置的颜色均被取样为目标颜色并被替换，应选择的取样模式是 ( ) A.背景色板 B。连续 C.一次 D.前景色板 【答案】B 【解析】“连续”模式‌：拖动时实时取样鼠标当前位置的颜色，动态替换目标色（适合大面积替换不规则颜色）。 其他模式： “一次”（C）：仅替换首次单击取样的颜色范围； “背景色板”（A）：替换与当前背景色匹配的颜色； “前景色板”（D）：非标准选项（实际为“前景”模式，需手动设置前景色）。 六 课堂小结 的混 谢谢 $