揭阳职业技术学院：《Photoshop制图》课程授课教案

揭阳职业技术学院艺术与体育系教案（2024-2025学年第一学期）专业室内艺术设计班级室内艺术设计241课程Photoshop制图学时48任课教师林至磊1/78

1 / 78 艺术与体育系 教案 (2024-2025 学年第一学期) 专业 室内艺术设计 班级 室内艺术设计 241 课程 Photoshop 制图 学时 48 任课教师 林至磊

《Photoshop制图》教案Photoshop4课题课时上课时间第3周基础知识知识与技能目标：学习Photoshop基础知识教学目标过程与方法目标：在机房通过讲解和演示，带动学生进行学习情感态度与价值观目标：帮助学生巩固学习Photoshop的信心PS界面构成，名词的含义教学重难点Photoshop课程作为设计类专业的核心课程，旨在培养学生图像处理技能同时融入思政元素。通过课程学习，学生不仅掌握图像处理技术，还树立文化自信、职业素养和爱国情怀。思政融入点：1.文化传承：在图像处理中融入传统文化元素，增强学生的民族认同感和课程思政文化自信。2.职业道德：强调图像处理技术的伦理道德问题，培养学生的职业素养和社会责任感。3.爱国情怀：介绍我国在数字创意产业领域的发展成就，激发学生的民族自豪感和爱国情怀。Photoshop教材课前准备2/78

2 / 78 《Photoshop 制图》教案 课 题 Photoshop 基础知识 课 时 4 上课时间 第 3 周 教学目标 知识与技能目标：学习 Photoshop 基础知识 过程与方法目标：在机房通过讲解和演示，带动学生进行学习 情感态度与价值观目标：帮助学生巩固学习 Photoshop 的信心 教学重难点 PS 界面构成，名词的含义 课程思政  Photoshop 课程作为设计类专业的核心课程，旨在培养学生图像处理技能， 同时融入思政元素。通过课程学习，学生不仅掌握图像处理技术，还树立 文化自信、职业素养和爱国情怀。 思政融入点： 1. 文化传承：在图像处理中融入传统文化元素，增强学生的民族认同感和 文化自信。 2. 职业道德：强调图像处理技术的伦理道德问题，培养学生的职业素养和 社会责任感。 3. 爱国情怀：介绍我国在数字创意产业领域的发展成就，激发学生的民族 自豪感和爱国情怀。 课前准备 Photoshop 教材

讲解：PS的基础知识、界面构成、名词的含义、底色加文字练习（如下图）、演示：【教学目的和要求：】教软件的安装与认识，图像的基本知识，PS应用领域，基本功能学【教学重，难点：】流》PS界面构成，名词的含义，颜色模式，分辨率程【教学时数：】3学时【教学内容：】什么是PhotoShop?V》PhotoShop的安装与演示演示大量制作成功的实例》工作界面介绍文件标题栏说明：V位图图像和矢量图形：3/78

3 / 78 教 学 流 程 一、讲解： PS 的基础知识、界面构成、名词的含义、底色加文字练习（如下图） 二、演示： 【教学目的和要求：】  软件的安装与认识，图像的基本知识，PS 应用领域，基本功能 【教学重，难点：】  PS 界面构成，名词的含义，颜色模式，分辨率 【教学时数：】  3 学时 【教学内容：】  什么是 PhotoShop?  PhotoShop 的安装与演示  演示大量制作成功的实例  工作界面介绍  文件标题栏说明：  位图图像和矢量图形：

》图片文件格式：>什么是PhotoShop?PhotoShop中文意思“照片商店”，是一个可以处理平面图形的软件。》PhotoShop的安装与演示》演示大量制作成功的实例实例演示1、自己绘图2、制作文字特效3、图片修复4、图片合成》工作界面介绍标题栏、菜单栏、选项工具栏、工具箱、控制面板、工作区、状态栏等组成。》文件标题栏说明：从前到后：文件名@缩放比%（颜色模式）（如：RGB）PhotoShop默认的图形文件扩展名是：PSD》位图图像和矢量图形：计算机图形分为两大类：位图图像和矢量图形。位图图像也叫作栅格图像，Photoshop以及其它的图像编辑软件一般都使用位图图像。位图图像是用小方形网格（位图或栅格），即人所共知的像素来代表图像，每个像素都被分配一个特定位置和颜色值。位图图像与分辨率有关，在单位面积的画面上包含有固定数量的像素，来代表图像的数据。矢量图形，是由叫矢量的数学对象的定义的直线和曲线组成的。如：CorelDraw、CAD之类的绘图都是作矢量图形。分辨率：即图像每单位打印或显示长度的像素数目，通常用像素/英寸(dpi）表示。若在计算机或网络上使用，只需满足显示器的分辨率即可（72dpi）；4 /78

4 / 78  图片文件格式：  什么是 PhotoShop? Photo Shop 中文意思“照片商店”，是一个可以处理平面图形的软件。  PhotoShop 的安装与演示  演示大量制作成功的实例 实例演示 1、自己绘图 2、制作文字特效 3、图片修复 4、图片合成  工作界面介绍 标题栏、菜单栏、选项工具栏、工具箱、控制面板、工作区、状态栏等组 成。  文件标题栏说明： 从前到后：文件名＠缩放比%（颜色模式）（如：RGB） PhotoShop 默认的图形文件扩展名是：PSD  位图图像和矢量图形： 计算机图形分为两大类：位图图像和矢量图形。 位图图像也叫作栅格图像，Photoshop 以及其它的图像编辑软件一般都 使用位图图像。位图图像是用小方形网格（位图或栅格），即人所共知的 像素来代表图像，每个像素都被分配一个特定位置和颜色值。 位图图像与分辨率有关，在单位面积的画面上包含有固定数量的像素， 来代表图像的数据。矢量图形，是由叫矢量的数学对象的定义的直线和曲 线组成的。如：CorelDraw、CAD 之类的绘图都是作矢量图形。 分辨率：即图像每单位打印或显示长度的像素数目，通常用像素/英寸 (dpi)表示。 若在计算机或网络上使用，只需满足显示器的分辨率即可（72dpi）；

若用于印刷通常为300dpi>图片文件格式：BMP：是DOS和Windows兼容计算机系统的标准Windows图像格式。BMP格式支持RGB、索引颜色、灰度和位图颜色模式，但不支持Alpha通道。GIF：在WorldWideWeb和其它网上服务的HTML（超文本标记语言）文档中，GIF（图形交换格式）文件格式普遍用于显示索引颜色图形和图像。广泛用于互联网上的各种小插图，最多支持256色，支持透明和动画。JPEG格式：支持CMYK、RGB和灰度颜色模式，不支持Alpha通道。与GIF格式不同，JPEG保留RGB图像中的所有颜色信息，通过选择性地去掉数据来压缩文件。图像在打开时自动解压缩。高等级的压缩会导致较低的图像品质，低等级的压缩则产生较高的图像品质。TIFF（标记图像文件格式）：用于在应用程序之间和计算机平台之间交换文件。TIFF是一种灵活的位图图像格式，实际上被所有绘画、图像编辑和页面排版应用程序所支持。》实例讲解1.1涉及知识点1、设置前景色与背景色2、定义图案3、建立图层4、选框工具5、渐变工具6、多边形套索工具7、文本工具步骤如下：1、调出图案，编辑=》定义图案；2、在新建的文件中，编辑=》填充，以刚定义好的图案进行填充；3、新建一个图层，在新图层中绘制球体；样式按书上要求；4、新建一个图层，绘制多边形，，填充黄色；5、新建一个图层，输入文字，并进行描边；6、新建一个图层，给文字填充颜色；7、利用矩形选区工具，选中相应的内容，“选择”=》“变换选区”，使5/78

5 / 78 若用于印刷通常为 300dpi.  图片文件格式： BMP：是 DOS 和 Windows 兼容计算机系统的标准 Windows 图像格式。 BMP 格式支持 RGB、索引颜色、灰度和位图颜色模式，但不支持 Alpha 通 道。 GIF：在 World Wide Web 和其它网上服务的 HTML（超文本标记语言） 文档中，GIF（图形交换格式）文件格式普遍用于显示索引颜色图形和图像。 广泛用于互联网上的各种小插图，最多支持 256 色，支持透明和动画。 JPEG 格式：支持 CMYK、RGB 和灰度颜色模式，不支持 Alpha 通道。 与 GIF 格式不同，JPEG 保留 RGB 图像中的所有颜色信息，通过选择性地 去掉数据来压缩文件。 图像在打开时自动解压缩。高等级的压缩会导致较低的图像品质，低 等级的压缩则产生较高的图像品质。 TIFF（标记图像文件格式）：用于在应用程序之间和计算机平台之间 交换文件。TIFF 是一种灵活的位图图像格式，实际上被所有绘画、图像编 辑和页面排版应用程序所支持。  实例讲解 1．1 涉及知识点 1、设置前景色与背景色 2、定义图案 3、建立图层 4、选框工具 5、渐变工 具 6、多边形套索工具 7、文本工具 步骤如下： 1、调出图案，编辑=》定义图案； 2、在新建的文件中，编辑=》填充，以刚定义好的图案进行填充； 3、新建一个图层，在新图层中绘制球体；样式按书上要求； 4、新建一个图层，绘制多边形，填充黄色； 5、新建一个图层，输入文字，并进行描边； 6、新建一个图层，给文字填充颜色； 7、利用矩形选区工具，选中相应的内容，“选择”=》“变换选区”，使

之倾斜，双击确定选区，然后按DELETE键，删除部分内容，按样文所示；8、保存即可；三、练习：让学生上机实际操作，在实操过程中一对一帮助学生解决具体问题四、总结：归纳学生的普遍问题，统一讲解作业布置完成Photoshop界面的操作练习教学反思学生对photoshop命令的运用不够熟练，要加强基础训练6/78

6 / 78 之倾斜，双击确定选区，然后按 DELETE 键，删除部分内容，按样文所示； 8、保存即可； 三、练习： 让学生上机实际操作，在实操过程中一对一帮助学生解决具体问题 四、总结： 归纳学生的普遍问题，统一讲解 作业布置 完成 Photoshop 界面的操作练习 教学反思 学生对 photoshop 命令的运用不够熟练，要加强基础训练

上课时工具箱课题课时4第4周间知识与技能目标：独立完成工具箱教学目标过程与方法目标：在机房通过讲解和演示，带动学生进行学习情感态度与价值观目标：帮助学生巩固学习Photoshop的信心教学重难点熟练掌握工具箱的选框工具Photoshop课程作为设计类专业的核心课程，旨在培养学生图像处理技能，同时融入思政元素。通过课程学习，学生不仅掌握图像处理技术，还树立文化自信、职业素养和爱国情怀。思政融入点：1.文化传承：在图像处理中融入传统文化元素，增强学生的民族认同感和课程思政文化自信。2.职业道德：强调图像处理技术的伦理道德问题，培养学生的职业素养和社会责任感。3.爱国情怀：介绍我国在数字创意产业领域的发展成就，激发学生的民族自豪感和爱国情怀。课前准备Photoshop教材7/78

7 / 78 课 题 工具箱 课 时 4 上课时 间 第 4 周 教学目标 知识与技能目标：独立完成工具箱 过程与方法目标：在机房通过讲解和演示，带动学生进行学习 情感态度与价值观目标：帮助学生巩固学习 Photoshop 的信心 教学重难点 熟练掌握工具箱的选框工具 课程思政  Photoshop 课程作为设计类专业的核心课程，旨在培养学生图像处理技能， 同时融入思政元素。通过课程学习，学生不仅掌握图像处理技术，还树立 文化自信、职业素养和爱国情怀。 思政融入点： 1. 文化传承：在图像处理中融入传统文化元素，增强学生的民族认同感和 文化自信。 2. 职业道德：强调图像处理技术的伦理道德问题，培养学生的职业素养和 社会责任感。 3. 爱国情怀：介绍我国在数字创意产业领域的发展成就，激发学生的民族 自豪感和爱国情怀。 课前准备 Photoshop 教材

讲解：讲解工具箱的选框工具（如下图）教学流程二、演示：【教学目的和要求：】掌握：1、设置前景色与背景色2、选框工具3、渐变工具4、多边形套索工具5、文本工具【教学重，难点：】熟练掌握工具箱上选框工具、渐变工具、文本工具的使用【教学时数：】3学时【教学内容：】如何设置前景色与背景色选框工具的使用套索工具的使用8/78

8 / 78 教 学 流 程 一、讲解： 讲解工具箱的选框工具（如下图） 二、演示： 【教学目的和要求：】 掌握：1、设置前景色与背景色 2、选框工具 3、渐变工具 4、多边形套索工具 5、文本工具 【教学重，难点：】 熟练掌握工具箱上选框工具、渐变工具、文本工具的使用 【教学时数：】 3 学时 【教学内容：】 如何设置前景色与背景色 选框工具的使用 套索工具的使用

渐变工作具的使用文本工具的使用图层的简单使用实例讲解综合应用>如何设置前景色与背景色可用X进行前背景色的切换，也可直接点取再进行选择。用D进行默认颜色的设置。用前景色填充选区用Alt+Del、用背景色填充用Ctrl+Del。在PhotoshopCS中设置颜色，主要是通过工具箱中的前景色与背景色来完成。前景色与背景色显示在工具箱中的下半部分，如图所示。默认情况下，前景色为黑色，背景色为白色。单击左下角的图标，可将前景色与背景色设置为默认的黑色与白色；单击右上角的图标，可以切换前景色与背景色。前景色可用于显示和设置当前所选绘图工具所使用的颜色，背景色可显示和设置图像的底色。设置背景色后，并不会立刻改变图像的背景色，只有在使用了与背景色有关的工具时，才会按背景色的设定来执行。比如，使用橡皮擦工具擦除图像时，其擦除的区域将会以背景色填充。如果要重新设置前景色与背景色，可直接在工具箱中单击前景色图标或背景色图标，即可弹出“拾色器”对话框，从中可以选择前景色或背景色的颜色。在此对话框中沿滑杆拖动三角形滑块或直接在颜色滑杆上单击所需的颜色区域，即可选择指定的颜色，也可在对话框右侧的四种颜色模式输入框中输入数值来设置前景色与背景色。例如，要在RGB模式下设置颜色只须在R，G，B输入框中输入数值即可。单击“确定”按钮，即可用所选择的颜色来改变前景色或背景色。使用颜色面板利用“颜色”面板选择颜色，与在“拾色器”对话框中选择颜色是一9/78

9 / 78 渐变工作具的使用 文本工具的使用 图层的简单使用 实例讲解 综合应用  如何设置前景色与背景色 可用 X 进行前背景色的切换，也可直接点取再进行选择。用 D 进行默认颜 色的设置。 用前景色填充选区用 Alt+Del、用背景色填充用 Ctrl+Del。 在 Photoshop CS 中设置颜色，主要是通过工具箱中的前景色与背景色 来完成。前景色与背景色显示在工具箱中的下半部分，如图所示。默认情 况下，前景色为黑色，背景色为白色。单击左下角的 图标，可将前景色 与背景色设置为默认的黑色与白色；单击右上角的图标，可以切换前景色 与背景色。 前景色可用于显示和设置当前所选绘图工具所使用的颜色，背景色可 显示和设置图像的底色。设置背景色后，并不会立刻改变图像的背景色， 只有在使用了与背景色有关的工具时，才会按背景色的设定来执行。比如， 使用橡皮擦工具擦除图像时，其擦除的区域将会以背景色填充。 如果要重新设置前景色与背景色，可直接在工具箱中单击前景色图标 或背景色图标 ，即可弹出“拾色器”对话框，从中可以选择前景色或 背景色的颜色。 在此对话框中沿滑杆拖动三角形滑块 或直接在颜色滑杆上单击所需 的颜色区域，即可选择指定的颜色，也可在对话框右侧的四种颜色模式输 入框中输入数值来设置前景色与背景色。例如，要在 RGB 模式下设置颜色， 只须在 R，G，B 输入框中输入数值即可。 单击“确定”按钮，即可用所选择的颜色来改变前景色或背景色。 使用颜色面板 利用“颜色”面板选择颜色，与在“拾色器”对话框中选择颜色是一

样的，都可方便、快速地设置前景色或背景色，并且可以选择不同的颜色模式进行选色。选择菜单栏中的“窗口”→“颜色”命令，可打开“颜色”面板。在默认情况下，“颜色”面板显示着HSB颜色模式的滑块，如图所示。颜色×色板样式R在此面板中单击“设置前景色”图标或“设置背景色”图标当其周围出现双线框时，表示其前景色或背景色被选中，然后在颜色滑杆上拖动三角滑块来设置前景色与背景色。如果周围出现双线框时，继续单击“设置前景色”图标或“设置背景色”图标，将会弹出“拾色器”对话框。在不同的色彩模式下，此面板中的颜色滑块数量与类型也不一样。如果需要改变当前的色彩模式，可在此面板右上角单击按钮，弹出颜色面板菜单，如图2.5.3所示。在此菜单中可以选择不同色彩模式的滑块，例如选择“RGB滑块”命令，此时“颜色”面板显示如图2.5.4所示。选框工具的使用PhotoShop中处理前必须先对它要处理的内容加以指定。在屏幕上用户看见一个封闭的流动着的虚线框浮动在图像的上方，这个虚线框就是选择选框，其中虚线包围的区域就叫“选区”。四种方式进行切换：矩形>椭圆>单行单列。用户可用Alt+单击按钮进行切换。三种选择类型进行转换：正常约束长宽比→固定大小当“约束长宽比”为：1:1则是一个正方形或正圆，也可在画选区时按住Shift键创建。也可以按Alt从中心开始创建。10/78

10 / 78 样的，都可方便、快速地设置前景色或背景色，并且可以选择不同的颜色 模式进行选色。选择菜单栏中的“窗口”→“颜色”命令，可打开“颜色” 面板。在默认情况下，“颜色”面板显示着 HSB 颜色模式的滑块，如图所 示。 在此面板中单击“设置前景色”图标 或“设置背景色”图标 ， 当其周围出现双线框时，表示其前景色或背景色被选中，然后在颜色滑杆 上拖动三角滑块 来设置前景色与背景色。如果周围出现双线框时，继 续单击“设置前景色”图标 或“设置背景色”图标 ，将会弹出“拾 色器”对话框。 在不同的色彩模式下，此面板中的颜色滑块数量与类型也不一样。如 果需要改变当前的色彩模式，可在此面板右上角单击按钮，弹出颜色面板 菜单，如图 2.5.3 所示。 在此菜单中可以选择不同色彩模式的滑块，例如选择“RGB 滑块”命 令，此时“颜色”面板显示如图 2.5.4 所示。  选框工具的使用 PhotoShop 中处理前必须先对它要处理的内容加以指定。在屏幕上用户 看见一个封闭的流动着的虚线框浮动在图像的上方，这个虚线框就是选择 选框，其中虚线包围的区域就叫“选区”。 四种方式进行切换：矩形  椭圆  单行 单列。用户可用 Alt+ 单击按钮进行切换。 三种选择类型进行转换：正常  约束长宽比  固定大小 当“约束长宽比”为：1:1 则是一个正方形或正圆，也可在画选区时按 住 Shift 键创建。也可以按 Alt 从中心开始创建