《photoshop平面设计》教案2Word文档下载推荐.docx

《photoshop平面设计》教案2Word文档下载推荐.docx

《《photoshop平面设计》教案2Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《《photoshop平面设计》教案2Word文档下载推荐.docx（20页珍藏版）》请在冰点文库上搜索。

分析任务>

:

分析任务、分析关键知识点

作为基本几何体的球体，是初学美术者必画的物体，它可以直观地表现“五调”的特征。

表现物体立体感的重要手段是对“三面”和“五调”的刻画。

知识要点：

本例用到了【椭圆选框工具】绘制球体的形状，为实现立体的效果，使用【渐变工具】对选区填充渐变，最后为球体制作投影效果。

任务实施>

●分组练习、分组讨论

●教师指导、详细解析

一、操作步骤

1.新建文件。

2.新建图层。

单击【图层】/【新建】/【图层】命令（快捷键Shift＋Ctrl＋N），或单击【图层面板】中的【创建新图层】按钮

，新建一个“图层1”。

3.绘制一个正圆选区。

选择工具箱中的【椭圆选框工具】

（快捷键M），在按下Shift键的同时拖动鼠标绘制出一个正圆的选区。

4.设置前景色和背景色。

单击工具箱中的【设置前景色】，在打开的【拾色器（前景色）】对话框中将前景色置为浅灰色（参考值R：

156，G：

154，B：

154），再单击【设置背景色】，在【拾色器（背景色）】对话框中将背景色设置为白色。

5.设置渐变色。

首先选择工具箱中的【渐变工具】

（快捷键G），并在窗口顶部其对应的选项栏上设置其属性。

单击属性选项栏上的【点按可编辑渐变】按钮

，在弹出的【渐变编辑器】对话框中设置渐变效果。

6.为选区填充渐变色。

渐变色设置完成后，单击【确定】按钮，然后在选区中由左上向右下拉动鼠标（如图2-1-10所示的箭头方向），得到一个由白色到黑色再到白色的渐变填充。

单击【选择】/【取消选择】命令取消选区（快捷键Ctrl＋D）。

此时立体感的球体初具模型，已经具备了“高光”、“阴暗交界部”、“暗部”和“反光”4个调子。

效果如图2-1-11。

图2-1-10图2-1-11

7.为球体制作阴影。

（1）绘制影子选区。

选中“背景”图层，单击【图层面板】中的【创建新图层】按钮

，新建一个“图层2”。

使得“图层2”位于“图层1”下方。

（2）羽化选区。

单击【选择】/【修改】/【羽化】命令（快捷键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）径向渐变

以圆形图案从左色标渐变到右色标。

（3）角度渐变

右色标以逆时针扫过的角度方式渐变到左色标。

（4）对称渐变

使用对称线性渐变在起点的两侧渐变，效果如图2-1-19。

（5）菱形渐变

以菱形图案从起点向外渐变，终点则定义菱形的一个角。

2.“三面五调”的知识，表现物体立体感的重要手段是对“三面”和“五调”的刻画。

（1）三面：

物体在受光的照射后，呈现出不同的明暗，受光的一面叫亮面，侧受光的一面叫灰面，背光的一面叫暗面。

（2）五调：

在三大面中，根据受光的强弱不同，还有很多明显的区别，形成了五个调子。

除了亮面的亮调子，灰面的灰调和暗面的暗调之外，暗面由于环境的影响又出现了“反光”。

另外在灰面与暗面的交界的地方，它既不受光源的照射，又不受反光的影响，因此挤出了一条最暗的面，叫“明暗交界”，这就是我们常说的“五大调子”。

●分组汇报、教师点评

课堂小结>

【椭圆选框工具】

【渐变工具】

五种渐变方式

“三面”、“五调”的知识

课堂练习>

绘制一组彩球

【作业】

复习本课内容，完成课后练习--苹果的制作

【课后分析】

教学中应注意指导学生通过色彩表达自己的思想感情。

学生由浅入深、由表及里的思维过程，使学生对理论的理解层层深入，思维也渐渐深入，对学习的认识就会逐渐深化。

任务二圆柱体效果

圆柱体效果

学习基础的几何图形圆柱体效果的制作

【矩形选框工具】、【渐变工具】的使用

变换选区

询问学生的已获得相关知识的情况，稳定学生的情绪，引导学生迅速集中精力到本节课的学习上来。

展示任务

图2-2-1

本例用到了【矩形选框工具】绘制圆柱体的形状，为实现立体的效果，使用【渐变工具】对选区填充渐变，最后为圆柱体制作投影效果。

一、操作步骤

1.新建文件。

设置背景色为白色。

2.在新图层绘制一个矩形选区。

单击【图层】面板中的【创建新图层】按钮

（快捷键Shift＋Ctrl＋N），新建一个“图层1”。

选择工具箱中的【矩形选框工具】，在图像上绘制出一个矩形的选区。

3.设置填充渐变颜色。

选择工具箱中的【渐变工具】

，在窗口顶部其对应的选项栏中单击【点按可编辑渐变】按钮

，在弹出的【渐变编辑器】对话框中，编辑渐变效果。

从左至右的色标值分别为：

色标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＋Ctrl＋N新建一个图层“图层2”，选择工具箱中的【椭圆选框工具】，在柱体的上方画一个椭圆选区。

利用【选择】/【变换选区】命令（快捷键Alt＋S＋T）将选区的大小和位置变换为右下图2-2-7所示，使椭圆选区的长轴与圆柱体上边重合。

6.修饰圆柱的底部。

按住Ctrl键的同时单击“图层2”的缩略图，将“图层2”载入选区，用方向键盘区的向下方向键移动选区到圆柱的底部，使选区的下半边与圆柱下边相切。

7.删除掉多余部分。

选择“图层1”，单击【选择】/【反选】命令（快捷键Ctrl＋Shift＋I），选择其他区域，如图2-2-10。

选择工具箱中的【橡皮擦工具】

，擦掉圆柱体下面的两个角，然后按Ctrl+D取消选择。

8.添加投影效果。

按制作球体投影的方法制作出圆柱体的投影效果，并保存文件。

二、知识解析

使用【选框工具】选择允许您选择矩形、椭圆形和宽度为1个像素的行和列。

（1）选择选框工具：

矩形选框

建立一个矩形选区（配合使用Shift键可建正方形选区）。

椭圆选框

建立一个椭圆形选区（配合使用Shift键可建立圆形选区）。

单行

或单列

选框：

将边框定义为宽度为1个像素的行或列。

（2）在选项栏中指定一个选区选项。

（3）在选项栏中指定羽化设置。

为选框工具打开或关闭消除锯齿设置。

如上图2-2-12。

（4）对于矩形选框工具或椭圆选框工具，在选择栏中选择一种样式：

正常：

通过拖动确定选框比例。

固定长宽比：

设置高宽比。

输入长宽比的值。

例如，若要绘制一个宽是高两倍的选框，请输入宽度2和高度1。

固定大小：

为选框的高度和宽度指定固定的值。

（提示：

除像素（px）之外，还可以在高度值和宽度值中使用其他单位，如英寸（in）或厘米（cm）。

）

（5）建立选区：

A.使用矩形选框工具或椭圆选框工具，直接在要选择的区域上拖移。

B.按住Shift键时拖动可将选框限制为方形或圆形。

C.要从选框的中心拖动它，请在开始拖动之后按住Alt键。

D.对于单行或单列选框工具，在要选择的区域旁边单击，然后将选框拖动到确切的位置。

如果看不见选框，则增加图像视图的放大倍数。

【矩形选框工具】

红绿灯的制作

【作业】复习本课内容，完成课后练习相关内容。

教学中应注意指导学生通过色彩表达自己的思想感情。

任务三圆锥体效果

圆锥体效果

学习基础的几何图形圆锥体效果的制作

【自由变换工具】的使用

学习基础的几何图形圆锥体效果的制作。

展示任务:

图2-3-1

知识要点

本例用到了【矩形选框工具】绘制圆柱体的形状，并使用【渐变工具】对选区填充渐变，为实现立体的效果，用【自由变换工具】制作圆锥体，最后为圆锥体制作投影效果。

按下Ctrl+N新建宽度、高度均为12cm，背景色为白色，分辨率200像素/英寸的文件。

2.创建参考线。

单击【视图】/【新建参考线】命令（快捷键Alt＋V＋E），打开【新建参考线】对话框（如图2-3-2），在位置处输入“6厘米”，取向为水平，单击【确定】按钮便可在文档中创建一条水平的参考线，按照同样的方法建立取向为垂直、位置“6厘米”的参考线。

3.制作渐变矩形。

新建“图层1”，选择工具箱中的【矩形选框工具】，先让鼠标指针与两条参考线交点重合，然后按住Alt键不放，以交点为对称中心创建矩形选区，选择【线性渐变工具】，创建一个水平的渐变。

4.将矩形变成圆锥形。

先按Ctrl+D取消选区，再单击【编辑】/【变换】/【透视】命令，矩形四周会出现8个控制点。

5.修饰圆锥底部。

选择【椭圆选框工具】，按创建矩形选区的方法，以垂直参考线为圆心创建一个椭圆形选区。

单击【选择】/【变换选区】命令，再单击【编辑】/【变换】/【透视】命令。

将选区反选（快捷键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.【编辑】/【变换】

2.对图像进行自由变换的步骤

【矩形选框工具】；

【渐变工具】；

【自由变换工具】

美丽花纹

指导学生自己创意作出图形，不能只是模仿书中实例。

任务四制作立方体效果

立方体效果

学习基础的几何图形立方体效果的制作

【矩形选框工具】、【多边形套索工具】、【渐变工具】、【加深工具】、【减淡工具】的使用

立方体构图要领、上色方法

学习基础的几何图形立方体效果的制作。

图2-4-1

本节我们将用到【矩形选框工具】

（快捷键M）、【多边形套索工具】

（快捷键L）、（快捷键O），继续学习他们在Photoshop鼠标手绘中的一些使用方法，以及立方体构图要领，上色方法等。

按下Ctrl+N新建一宽度、高度均为12cm，背景色为白色，分辨率200像素/英寸的文件。

2.在新图层绘制立方体的结构线。

按下Ctrl+Shift+N新建“图层1”，设置前景色为黑色，在【图层面板】上双击图层1的名字，将其重命名为“结构线”，选择【直线工具】

（快捷键U），在选项栏选择填充像素。

用【直线工具】根据“透视”构图原理绘制立方体的结构线。

3.在新图层绘制立方体的左侧面。

按下Ctrl+Shift+N新建图层，用【矩形选框工具】创建一个矩形选区，利用【变换选区】和【自由变换】中的斜切命令将矩形选区变形为，将前景色设置为浅灰色（R：

212，G：

207，B：

212），利用【油漆桶工具】

为选区填充前景色，

4.在新图层绘制立方体的右侧面。

按照上面的方法绘制右侧面的矩形选区，并为其填充浅灰色到白色的线性渐变，方向为从左上角到右下角。

5.在新图层绘制立方体的顶部面。

依照上面的方法绘制顶部面的选区，并填充浅灰色。

6.减淡三个层面。

在【图层面板】中单击“结构图”图层前的【指示图层可见性】按钮

，将其隐藏。

为了让立方体更真实一些，选择工具箱中的【减淡工具】

（快捷键O），选项栏上设置其属性，分别涂抹3个图层，不要过于均匀，这样效果才更真实，注意刻画“三面五调”的效果。

7.加深右侧面图形边缘，也就是将明暗交接部加深。

选择【加深工具】

（快捷键O），并在如图2-4-12所示的选项栏上设置其属性，涂抹右侧面的边缘部分，效果如图2-4-13。

8.绘制投影。

按下Ctrl+Shift+N新建图层，绘制一矩形选框，在选区右击，选择【变换选区】命令，按住Alt键拖动控制点，将选区变形，回车确认变换。

按下Ctrl+Alt+D打开羽化对话框，将变形后的选区羽化5个像素，并为其填充一深灰色，最后Ctrl+D取消选区，完成制作并保存。

1.透视构图原理：

2.减淡或加深区域

【多边形套索工具】

【加深工具】

【减淡工具】

绘制鲜美的葡萄

简要制作步骤：

1.绘制椭圆选区，变形出葡萄的形状，如图2-4-16。

图2-4-16图2-4-17

2.新建图层（Ctrl＋Shift＋N），为选区填充浅绿色（参考值R：

198，G：

222，B：

108），用【减淡工具】将葡萄的边缘擦出淡淡的透光效果，用【加深工具】涂抹出葡萄籽的效果，选择工具箱中的【铅笔工具】

，将前景色设置为黑色，画出葡萄下的小黑点。

3.利用复制变换制作出其他的葡萄粒，并调整它们的位置和大小，使其看起来更真实一些，如图2-4-17。

【作业】：

【课后分析】：

指导学生自己创意作出图形，不能只是模仿书中实例。

任务五贴春联

贴春联

综合运用上述所学的球体、圆柱体、圆锥体的制作方法，学习贴春联的制作

综合运用上述所学的球体、圆柱体、圆锥体的制作方法，学习贴春联的制作。

图2-5-1

本例用到了【矩形选框工具】绘制，为实现立体的效果，使用【渐变工具】对选区填充渐变。

操作步骤

2.绘制门柱。

（1）制作左侧门柱。

新建图层1（快捷键Ctrl＋Shift＋N），利用【矩形选框工具】和【线性渐变工具】制作出如图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：

115，B：

99）。

效果如图2-5-3。

4.绘制门檐。

（1）制作左瓦片，为方便制作，在【图层面板】上将前面图层前的眼睛图标

去掉（单击即可），隐藏前面的图层。

新建“图层3”。

先用【矩形选框工具】画出选区，并填充深灰色（R：

效果如图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合并。

按Ctrl+J键,复制出多个图层，排列成如图2-5-7所示的效果，然后将得到的所有瓦片图层进行合并。

（4）将门檐自由变换透视。

将合并后的图层作为当前图层，单击【编辑】/【自由变换】/【透视】命令，将【自由变换】命令两端的点向中间拖拽，形成透视变形的效果，效果如图2-5-8。

（5）绘制下横梁。

新建图层，选择工具箱中的【矩形选框工具】，画一个矩形选框。

然后按住Shift键，选择工具箱中的【椭圆选框工具】，将椭圆选框添加到矩形选框的两端，得到如图2-5-9所示的选区，将灰色（R：

130）填充到选区中，如图2-5-10。

（6）绘制上横梁。

运用同样的方法，再制作一个浅灰色（R：

119，G：

108，B：

90）的横梁，将其排列放在屋檐上方。

5.显示隐藏的图层，将门檐和横梁放置到合适的位置。

打开附带CD提供的第2章第5节中的素材文件“春联.jpg”，将春联放置在大门上。

完成制作。

各种工具的综合利用

调整选区

【作业】练习各种工具的综合利用

【课后分析】：