2022年photoshop平面设计教案.pdf

《2022年photoshop平面设计教案.pdf》由会员分享，可在线阅读，更多相关《2022年photoshop平面设计教案.pdf（12页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、项目二： 立体几何图形绘制任务一制作球体效果【教学过程】：稳定学生情绪，营造课堂氛围，做好教学准备：展示任务图 2-1-1: 分析任务、分析关键知识点作为基本几何体的球体，是初学美术者必画的物体，它可以直观地表现 “五调” 的特征。表现物体立体感的重要手段是对“三面”和“五调”的刻画。知识要点：本例用到了【椭圆选框工具】绘制球体的形状，为实现立体的效果，使用【渐变工具】对选区填充渐变，最后为球体制作投影效果。：分组练习、分组讨论教师指导、详细解析一、操作步骤 1.新建文件。2. 新建图层。单击【图层】/ 【新建】 / 【图层】命令（快捷键Shift Ctrl N） ，或单击【图层面板】中的【创

2、建新图层】按钮，新建一个“图层1” 。3. 绘制一个正圆选区。选择工具箱中的【椭圆选框工具】（快捷键 M ） ，在按下 Shift键课题球体效果教学时间第周第次课程类型传授新知识与技能实践课教学课时2 课时教学设备计算机和多媒体课件教学方法任务驱动，讲练结合教学目的1.知识目标： 学习【椭圆选框工具】 、 【渐变工具】 的使用， 学习投影效果的制作。2.能力目标：提高学生应用软件设计和艺术设计能力教学重点【椭圆选框工具】 、 【渐变工具】的使用教学难点掌握表现物体立体感的重要手段：“三面”和“五调”的刻画精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师

3、归纳 - - - - - - - - - -第 1 页，共 12 页 - - - - - - - - - - 的同时拖动鼠标绘制出一个正圆的选区。 4.设置前景色和背景色。单击工具箱中的 【设置前景色】 ，在打开的 【拾色器 （前景色）】对话框中将前景色置为浅灰色（参考值R：156，G ：154，B：154） ，再单击【设置背景色】，在【拾色器（背景色） 】对话框中将背景色设置为白色。 5.设置渐变色。首先选择工具箱中的【渐变工具】（快捷键 G） ，并在窗口顶部其对应的选项栏上设置其属性。单击属性选项栏上的【点按可编辑渐变】按钮，在弹出的【渐变编辑器】对话框中设置渐变效果。6. 为选区填充渐变

4、色。渐变色设置完成后，单击【确定】按钮，然后在选区中由左上向右下拉动鼠标 （如图 2-1-10 所示的箭头方向） ， 得到一个由白色到黑色再到白色的渐变填充。单击【选择】 /【取消选择】命令取消选区（快捷键Ctrl D） 。此时立体感的球体初具模型，已经具备了“高光” 、 “阴暗交界部” 、 “暗部”和“反光”4 个调子。效果如图2-1-11 。图 2-1-10 图 2-1-117. 为球体制作阴影。（1）绘制影子选区。选中“背景”图层，单击【图层面板】中的【创建新图层】按钮，新建一个“图层2” 。使得“图层2”位于“图层1”下方。（2）羽化选区。单击【选择】/ 【修改】 / 【羽化】命令 (

5、 快捷键 Alt Ctrl D)，打开【羽化选区】对话框，将羽化半径设置为5，并单击【确定】按钮。（3）为选区填充颜色。设置前景色为深灰色（R：110，G：110，B：110） ，并按 Alt+Delete快捷键填充选区，效果如图2-1-15 ，按 Ctrl+D取消选区。8. 保存文件。单击【文件】/ 【存储】命令（快捷键Ctrl+S ） ，将文件保存为PSD格式，名称为“球体” 。9. 另存文件。单击【文件】/ 【存储为】命令（快捷键Shift+Ctrl+S） ，将文件另存为jpg格式，名称为“球体” 。一、知识解析1. 五种渐变方式（1）线性渐变：以直线方式从左色标渐变到右色标。（2）径向

6、渐变：以圆形图案从左色标渐变到右色标。（3）角度渐变：右色标以逆时针扫过的角度方式渐变到左色标。（4）对称渐变：使用对称线性渐变在起点的两侧渐变，效果如图2-1-19 。（5） 菱形渐变：以菱形图案从起点向外渐变，终点则定义菱形的一个角。2. “三面五调”的知识，表现物体立体感的重要手段是对“三面”和“五调”的刻画。（1）三面：物体在受光的照射后，呈现出不同的明暗，受光的一面叫亮面，侧受光的一面叫灰面，背光的一面叫暗面。高光阴暗交界部暗部反光精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 2 页，共 12

7、 页 - - - - - - - - - - （2）五调：在三大面中，根据受光的强弱不同，还有很多明显的区别，形成了五个调子。除了亮面的亮调子，灰面的灰调和暗面的暗调之外，暗面由于环境的影响又出现了“反光”。 另外在灰面与暗面的交界的地方，它既不受光源的照射，又不受反光的影响，因此挤出了一条最暗的面，叫“明暗交界”，这就是我们常说的“五大调子”。分组汇报、教师点评【椭圆选框工具】【渐变工具】五种渐变方式“三面”、 “五调”的知识绘制一组彩球【作 业】复习本课内容，完成课后练习- 苹果的制作【课后分析】教学中应注意指导学生通过色彩表达自己的思想感情。学生由浅入深、由表及里的思维过程，使学生对理论

8、的理解层层深入，思维也渐渐深入，对学习的认识就会逐渐深化。任务二圆柱体效果课题圆柱体效果教学时间第周第次课程类型传授新知识与技能实践课教学课时2 课时教学设备计算机和多媒体课件教学方法任务驱动，讲练结合教学目的1.知识目标：学习基础的几何图形圆柱体效果的制作2.能力目标：提高学生应用软件设计和艺术设计能力教学重点【矩形选框工具】 、 【渐变工具】的使用精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 3 页，共 12 页 - - - - - - - - - - 【教学过程】询问学生的已获得相关知识的情况，稳

9、定学生的情绪，引导学生迅速集中精力到本节课的学习上来。：学习基础的几何图形圆柱体效果的制作展示任务图 2-2-1: 知识要点：本例用到了 【矩形选框工具】绘制圆柱体的形状，为实现立体的效果，使用【渐变工具】对选区填充渐变，最后为圆柱体制作投影效果。：分组练习、分组讨论教师指导、详细解析一、操作步骤1. 新建文件。设置背景色为白色。2. 在新图层绘制一个矩形选区。单击【图层】面板中的【创建新图层】按钮（快捷键Shift Ctrl N） ，新建一个“图层1” 。选择工具箱中的【矩形选框工具】，在图像上绘制出一个矩形的选区。3. 设置填充渐变颜色。选择工具箱中的【渐变工具】，在窗口顶部其对应的选项栏

10、中单击【点按可编辑渐变】按钮，在弹出的【渐变编辑器】对话框中，编辑渐变效果。从左至右的色标值分别为：色标1（R：230，G ：228，B：228，位置 0% ） ，色标 2（R：152，G ：151，B：151，位置 25% ） ，色标 3（R：255，G ：255，B：255，位置 72% ） ，色标 4（R：172，G：172，B：172，位置 100% ） ，4. 填充选区得到圆柱体。选择线性渐变模式，并在【渐变工具】属性栏将【反向】、 【仿色】复选框选中，如图2-2-5 ，按下 Shift键，自左向右拖拉鼠标，创建一个水平的渐变。5. 在新图层绘制圆柱的顶面。利用快捷键Shift Ct

11、rl N新建一个图层“图层2” ，选择工具箱中的 【椭圆选框工具】 ，在柱体的上方画一个椭圆选区。利用【选择】 /【变换选区】命令（快捷键Alt ST）将选区的大小和位置变换为右下图2-2-7 所示，使椭圆选区的长轴与圆柱体上边重合。6. 修饰圆柱的底部。按住Ctrl键的同时单击“图层2”的缩略图，将“图层2”载入选区，用方向键盘区的向下方向键移动选区到圆柱的底部，使选区的下半边与圆柱下边相切。教学难点变换选区精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 4 页，共 12 页 - - - - - - -

12、 - - - 7. 删除掉多余部分。选择“图层 1” ，单击【选择】 /【反选】命令 （快捷键 Ctrl ShiftI ） ，选择其他区域，如图2-2-10 。选择工具箱中的【橡皮擦工具】，擦掉圆柱体下面的两个角，然后按Ctrl+D取消选择。8. 添加投影效果。按制作球体投影的方法制作出圆柱体的投影效果，并保存文件。二、知识解析使用【选框工具】选择允许您选择矩形、椭圆形和宽度为 1 个像素的行和列。（1）选择选框工具：矩形选框：建立一个矩形选区（配合使用 Shift 键可建正方形选区） 。椭圆选框：建立一个椭圆形选区（配合使用 Shift 键可建立圆形选区） 。单行 或单列选框 ：将边框定义为

13、宽度为 1 个像素的行或列。（2）在选项栏中指定一个选区选项。（3）在选项栏中指定羽化设置。为选框工具打开或关闭消除锯齿设置。如上图 2-2-12 。（4）对于矩形选框工具或椭圆选框工具，在选择栏中选择一种样式：正常 ：通过拖动确定选框比例。固定长宽比：设置高宽比。输入长宽比的值。例如， 若要绘制一个宽是高两倍的选框，请输入宽度 2 和高度 1 。固定大小：为选框的高度和宽度指定固定的值。（提示： 除像素 (px) 之外， 还可以在高度值和宽度值中使用其他单位， 如英寸 (in) 或厘米 (cm) 。 ）（5）建立选区：A.使用矩形选框工具或椭圆选框工具，直接在要选择的区域上拖移。B.按住 S

14、hift 键时拖动可将选框限制为方形或圆形。C.要从选框的中心拖动它，请在开始拖动之后按住 Alt 键。D.对于单行或单列选框工具，在要选择的区域旁边单击，然后将选框拖动到确切的位置。如果看不见选框，则增加图像视图的放大倍数。分组汇报、教师点评【矩形选框工具】【渐变工具】变换选区红绿灯的制作【作 业】复习本课内容，完成课后练习相关内容。【课后分析】精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 5 页，共 12 页 - - - - - - - - - - 教学中应注意指导学生通过色彩表达自己的思想感情。任

15、务三圆锥体效果【教学过程】询问学生的已获得相关知识的情况，稳定学生的情绪，引导学生迅速集中精力到本节课的学习上来。：学习基础的几何图形圆锥体效果的制作。展示任务 :课题圆锥体效果教学时间第周第次课程类型传授新知识与技能实践课教学课时2 课时教学设备计算机和多媒体课件教学方法任务驱动，讲练结合教学目的1.知识目标：学习基础的几何图形圆锥体效果的制作2.能力目标：提高学生应用软件设计和艺术设计能力教学重点【矩形选框工具】 、 【渐变工具】的使用教学难点【自由变换工具】的使用精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - -

16、 - -第 6 页，共 12 页 - - - - - - - - - - 图 2-3-1: 知识要点本例用到了 【矩形选框工具】绘制圆柱体的形状，并使用【渐变工具】 对选区填充渐变，为实现立体的效果，用【自由变换工具】制作圆锥体，最后为圆锥体制作投影效果。：分组练习、分组讨论教师指导、详细解析一、操作步骤1. 新建文件。按下Ctrl+N新建宽度、高度均为12cm，背景色为白色，分辨率200 像素/ 英寸的文件。2. 创建参考线。单击【视图】/ 【新建参考线】命令（快捷键Alt VE） ，打开【新建参考线】对话框（如图2-3-2 ） ，在位置处输入“6 厘米” ，取向为水平，单击【确定】按钮便可

17、在文档中创建一条水平的参考线，按照同样的方法建立取向为垂直、位置“6 厘米”的参考线。3. 制作渐变矩形。新建“图层1” ， 选择工具箱中的【矩形选框工具】，先让鼠标指针与两条参考线交点重合，然后按住 Alt键不放，以交点为对称中心创建矩形选区，选择【线性渐变工具】 ，创建一个水平的渐变。4. 将矩形变成圆锥形。先按Ctrl+D 取消选区，再单击【编辑】/ 【变换】 / 【透视】命令，矩形四周会出现8 个控制点。5. 修饰圆锥底部。选择【椭圆选框工具】，按创建矩形选区的方法，以垂直参考线为圆心创建一个椭圆形选区。单击【选择】/ 【变换选区】命令，再单击【编辑】/【变换】 /【透视】命令。将选区

18、反选（快捷键Ctrl Shift I ） ，并选择工具箱中的【橡皮擦工具】，擦掉圆锥体下面多余的部分，并得到锥体效果。6. 制作投影。利用Shift+Ctrl+N快捷键在“图层1”下面新建“图层2” ，先绘制一矩形选区，再利用【变换选区】和【自由变换】命令将矩形选区变换为如图2-3-12所示的形状，按 Ctrl+Alt+D打开【羽化】 对话框， 将选区羽化5 个像素， 将前景色设置为深灰色（R：153，G：149，B：149） ，按 Alt+Delete快捷键为选区填充该颜色，。7. 清除参考线。单击【视图】/ 【清除参考线】命令，将参考线去掉，完成制作并保存文件。二、知识解析1. 【编辑】

19、/ 【变换】2. 对图像进行自由变换的步骤分组汇报、教师点评精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 7 页，共 12 页 - - - - - - - - - - 【矩形选框工具】 ； 【渐变工具】； 【自由变换工具】美丽花纹【作 业】复习本课内容，完成课后练习相关内容。【课后分析】指导学生自己创意作出图形，不能只是模仿书中实例。任务四制作立方体效果【教学过程】询问学生的已获得相关知识的情况，稳定学生的情绪，引导学生迅速集中精力到本节课的学习上来。：学习基础的几何图形立方体效果的制作。展示任务图 2

20、-4-1: 知识要点：本节我们将用到【矩形选框工具】（快捷键M ） 、 【多边形套索工具】 （快捷键L） 、 （快捷键 O ） ，继续学习他们在Photoshop 鼠标手绘中的一些使用方法，以及立方体构图要领，上色方法等。课题立方体效果教学时间第周第次课程类型传授新知识与技能实践课教学课时2 课时教学设备计算机和多媒体课件教学方法任务驱动，讲练结合教学目的1.知识目标：学习基础的几何图形立方体效果的制作2.能力目标：提高学生应用软件设计和艺术设计能力教学重点【矩形选框工具】 、 【多边形套索工具】 、 【渐变工具】、 【加深工具】 、 【减淡工具】的使用教学难点立方体构图要领、上色方法精品资料

21、 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 8 页，共 12 页 - - - - - - - - - - ：分组练习、分组讨论教师指导、详细解析一、操作步骤1. 新建文件。按下Ctrl+N新建一宽度、高度均为12cm，背景色为白色，分辨率200 像素/ 英寸的文件。 2.在新图层绘制立方体的结构线。按下Ctrl+Shift+N新建“图层1” ，设置前景色为黑色，在【图层面板】上双击图层1 的名字，将其重命名为“结构线”，选择【直线工具】 （快捷键 U） ，在选项栏选择填充像素。用【直线工具】根据“透视”构图原

22、理绘制立方体的结构线。 3.在新图层绘制立方体的左侧面。按下Ctrl+Shift+N新建图层，用【矩形选框工具】创建一个矩形选区，利用【变换选区】和【自由变换】中的斜切命令将矩形选区变形为，将前景色设置为浅灰色（R：212，G：207，B：212） ，利用【油漆桶工具】为选区填充前景色， 4.在新图层绘制立方体的右侧面。按照上面的方法绘制右侧面的矩形选区，并为其填充浅灰色到白色的线性渐变，方向为从左上角到右下角。 5.在新图层绘制立方体的顶部面。依照上面的方法绘制顶部面的选区，并填充浅灰色。6. 减淡三个层面。在【图层面板】中单击“结构图”图层前的【指示图层可见性】按钮，将其隐藏。为了让立方体

23、更真实一些，选择工具箱中的【减淡工具】（快捷键O ） ，选项栏上设置其属性， 分别涂抹3 个图层， 不要过于均匀，这样效果才更真实，注意刻画“三面五调”的效果。7. 加深右侧面图形边缘，也就是将明暗交接部加深。选择【加深工具】（快捷键O） ，并在如图 2-4-12 所示的选项栏上设置其属性，涂抹右侧面的边缘部分，效果如图2-4-13 。8. 绘制投影。按下Ctrl+Shift+N新建图层，绘制一矩形选框，在选区右击，选择【变换选区】命令，按住Alt 键拖动控制点，将选区变形，回车确认变换。按下Ctrl+Alt+D打开羽化对话框，将变形后的选区羽化5 个像素，并为其填充一深灰色，最后Ctrl+D

24、取消选区，完成制作并保存。二、知识解析1. 透视构图原理：2. 减淡或加深区域分组汇报、教师点评【矩形选框工具】【多边形套索工具】【渐变工具】精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 9 页，共 12 页 - - - - - - - - - - 【加深工具】【减淡工具】立方体构图要领、上色方法绘制鲜美的葡萄简要制作步骤：1. 绘制椭圆选区，变形出葡萄的形状，如图2-4-16 。图 2-4-16 图 2-4-172. 新建图层 （Ctrl Shift N） ，为选区填充浅绿色（参考值R：198，G：2

25、22，B：108） ，用【减淡工具】将葡萄的边缘擦出淡淡的透光效果，用【加深工具】涂抹出葡萄籽的效果，选择工具箱中的【铅笔工具】，将前景色设置为黑色，画出葡萄下的小黑点。3. 利用复制变换制作出其他的葡萄粒，并调整它们的位置和大小，使其看起来更真实一些，如图 2-4-17 。【作 业】：【课后分析】：指导学生自己创意作出图形，不能只是模仿书中实例。任务五贴春联课题贴春联教学时间第周第次课程类型传授新知识与技能实践课教学课时2 课时精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 10 页，共 12 页 -

26、- - - - - - - - - 【教学过程】询问学生的已获得相关知识的情况，稳定学生的情绪，引导学生迅速集中精力到本节课的学习上来。：综合运用上述所学的球体、圆柱体、圆锥体的制作方法，学习贴春联的制作。展示任务图 2-5-1: 知识要点：本例用到了 【矩形选框工具】绘制，为实现立体的效果，使用【渐变工具】 对选区填充渐变。：分组练习、分组讨论教师指导、详细解析操作步骤1. 新建文件。按下Ctrl+N新建一宽度、高度均为12cm，背景色为白色，分辨率200 像素/ 英寸的文件。2. 绘制门柱。（1）制作左侧门柱。新建图层1（快捷键Ctrl ShiftN ） ，利用【矩形选框工具】和【线性渐变

27、工具】制作出如图2-5-2左图所示的图形。渐变色为黄褐色（R：189，G：157，B：100）到为灰褐色（R：150，G ： 127，B：109）的线性水平渐变。 （2）制作右侧门柱。选中图层1，按 Ctrl+J复制图层 1，得到图层1 副本。选择图层1 副本，利用【移动工具】 ，按住 Shift键将图层1 副本中的门柱移动到右侧。 （3）合并图层。 按住 Shift键，在【图层面板】选择图层1，使图层1 和图层 1 副本同时处于被选中状态，按Ctrl+E键合并图层，得到如图2-5-2 右图所示的两个对称的门柱。3. 绘制大门。新建“图层2” ，绘制门的选区，并填充灰色（R：121，G ：11

28、5，B：99） 。效果如图 2-5-3 。4. 绘制门檐。（1）制作左瓦片，为方便制作，在【图层面板】上将前面图层前的眼睛图标去掉（单击即可） ，隐藏前面的图层。新建“图层3” 。先用【矩形选框工具】画出选区，教学设备计算机和多媒体课件教学方法任务驱动，讲练结合教学目的1.知识目标：综合运用上述所学的球体、圆柱体、圆锥体的制作方法，学习贴春联的制作2.能力目标：提高学生应用软件设计和艺术设计能力教学重点【矩形选框工具】 、 【渐变工具】的使用教学难点变换选区精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第

29、11 页，共 12 页 - - - - - - - - - - 并填充深灰色（R：121，G ：115，B：99） 。效果如图2-5-4 。单击【编辑】/ 【变换】 /【斜切】命令，将图形自由变换为图2-5-5 所示的形状，按Ctrl+D取消选区。（2）制作右瓦片。按Ctrl+J键, 得到图层 3 副本，按住Ctrl键在【图层面板】中单击图层 3 副本缩略图，将创建图层3 副本中的图形载入选区。单击【编辑】/【变换】 /【水平翻转】命令，将翻转后的选区填充浅灰色（R：161，G ：153，B：130） 。效果如图2-5-6 。（3）复制得到多个门檐。按Ctrl+E键, 将新建的图层与图层4 合

30、并。按Ctrl+J键, 复制出多个图层，排列成如图2-5-7 所示的效果，然后将得到的所有瓦片图层进行合并。（4）将门檐自由变换透视。将合并后的图层作为当前图层，单击【编辑】 /【自由变换】/ 【透视】命令，将【自由变换】命令两端的点向中间拖拽，形成透视变形的效果，效果如图 2-5-8 。（5）绘制下横梁。新建图层，选择工具箱中的【矩形选框工具】，画一个矩形选框。然后按住 Shift键，选择工具箱中的【椭圆选框工具】，将椭圆选框添加到矩形选框的两端，得到如图 2-5-9 所示的选区， 将灰色（R：161，G：153，B：130）填充到选区中， 如图 2-5-10 。（6）绘制上横梁。运用同样的方法，再制作一个浅灰色（R：119，G：108，B：90）的横梁，将其排列放在屋檐上方。5. 显示隐藏的图层，将门檐和横梁放置到合适的位置。打开附带CD提供的第2 章第 5节中的素材文件“春联.jpg ” ，将春联放置在大门上。完成制作。分组汇报、教师点评各种工具的综合利用调整选区【作 业】练习各种工具的综合利用【课后分析】：教学中应注意指导学生通过色彩表达自己的思想感情。精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 12 页，共 12 页 - - - - - - - - - -