photoshop平面设计教案.docx
- 文档编号:27705946
- 上传时间:2023-07-04
- 格式:DOCX
- 页数:17
- 大小:61.74KB
photoshop平面设计教案.docx
《photoshop平面设计教案.docx》由会员分享,可在线阅读,更多相关《photoshop平面设计教案.docx(17页珍藏版)》请在冰豆网上搜索。
photoshop平面设计教案
项目二:
立体几何图形绘制
任务一制作球体效果
课题
球体效果
教学时间
第周第次
课程类型
传授新知识与技能实践课
教学课时
2课时
教学设备
计算机和多媒体课件
教学方法
任务驱动,讲练结合
教学目的
1.知识目标:
学习【椭圆选框工具】、【渐变工具】的使用,学习投影效果的制作。
2.能力目标:
提高学生应用软件设计和艺术设计能力
教学重点
【椭圆选框工具】、【渐变工具】的使用
教学难点
掌握表现物体立体感的重要手段:
“三面”和“五调”的刻画
【教学过程】
<组织教学>:
稳定学生情绪,营造课堂氛围,做好教学准备
<复习提问>:
<引入任务>:
展示任务
图2-1-1
<分析任务>:
分析任务、分析关键知识点
作为基本几何体的球体,是初学美术者必画的物体,它可以直观地表现"五调”的特征。
表现物体立体感的重要手段是对“三面”和“五调”的刻画。
知识要点:
本例用到了【椭圆选框工具】绘制球体的形状,为实现立体的效果,使用【渐变工具】对选区填充渐变,最后为球体制作投影效果。
<任务实施>:
分组练习、分组讨论
教师指导、详细解析
一、操作步骤
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。
9.另存文件。
单击【文件】格式,名称为“球体”。
快捷键填充选区,效果如图
2-1-15,按Ctrl+D取消选区。
8•保存文件。
单击【文件】
称为“球体”。
/【存储】命令(快捷键Ctrl+S),将文件保存为PSD格式,名
(3)为选区填充颜色。
设置前景色为深灰色(R:
110,G:
110,B:
110),并按Alt+Delete
/【存储为】命令(快捷键
Shift+Ctrl+S),将文件另存为jpg
、知识解析
1.五种渐变方式
(1)线性渐变:
以直线方式从左色标渐变到右色标。
(2)径向渐变:
以圆形图案从左色标渐变到右色标。
(3)角度渐变:
右色标以逆时针扫过的角度方式渐变到左色标。
(4)对称渐变:
使用对称线性渐变在起点的两侧渐变,效果如图2-1-19。
(5)菱形渐变:
以菱形图案从起点向外渐变,终点则定义菱形的一个角。
2•“三面五调”的知识,表现物体立体感的重要手段是对“三面”和“五调”的刻画。
(1)三面:
物体在受光的照射后,呈现出不同的明暗,受光的一面叫亮面,侧受光的
一面叫灰面,背光的一面叫暗面。
(2)五调:
在三大面中,根据受光的强弱不同,还有很多明显的区别,形成了五个调
子。
除了亮面的亮调子,灰面的灰调和暗面的暗调之外,暗面由于环境的影响又出现了“反
光”。
另外在灰面与暗面的交界的地方,它既不受光源的照射,又不受反光的影响,因此挤
出了一条最暗的面,叫“明暗交界”,这就是我们常说的“五大调子”。
分组汇报、教师点评
<课堂小结>
【椭圆选框工具】
【渐变工具】
五种渐变方式
“三面”、“五调”的知识
<课堂练习>
绘制一组彩球
【作业】
复习本课内容,完成课后练习--苹果的制作
【课后分析】
教学中应注意指导学生通过色彩表达自己的思想感情。
学生由浅入深、由表及里的思维过程,使学生对理论的理解
层层深入,思维也渐渐深入,对学习的认识就会逐渐深化。
任务二圆柱体效果
课题
圆柱体效果
教学时间
第周第次
课程类型
传授新知识与技能实践课
教学课时
2课时
教学设备
计算机和多媒体课件
教学方法
任务驱动,讲练结合
教学目的
1.知识目标:
学习基础的几何图形圆柱体效果的制作
2.能力目标:
提高学生应用软件设计和艺术设计能力
教学重点
【矩形选框工具】、【渐变工具】的使用
【教学过程】
<组织教学>
询问学生的已获得相关知识的情况,稳定学生的情绪,引导学生迅速集中精力到本节课的学习上来。
<复习提问>:
<引入任务>:
学习基础的几何图形圆柱体效果的制作
展示任务
图2-2-1
<分析任务>:
知识要点:
本例用到了【矩形选框工具】绘制圆柱体的形状,为实现立体的效果,使用【渐变工具】对选区填充渐变,最后为圆柱体制作投影效果。
<任务实施>:
分组练习、分组讨论
教师指导、详细解析
一、操作步骤
1.新建文件。
设置背景色为白色。
2.在新图层绘制一个矩形选区。
单击【图层】面板中的【创建新图层】按钮(快捷键
Shift+Ctrl+N),新建一个“图层1”。
选择工具箱中的【矩形选框工具】,在图像上绘制
出一个矩形的选区。
3.设置填充渐变颜色。
选择工具箱中的【渐变工具】,在窗口顶部其对应的选项栏中单
击【点按可编辑渐变】按钮,在弹出的【渐变编辑器】对话框中,编辑渐变效果。
从左至右
的色标值分别为:
色标1(R:
230,G:
228,B:
228,位置0%),色标2(R:
152,G151,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课时
教学设备
计算机和多媒体课件
教学方法
任务驱动,讲练结合
教学目的
1.知识目标:
学习基础的几何图形圆锥体效果的制作
2.能力目标:
提高学生应用软件设计和艺术设计能力
教学重点
【矩形选框工具】、【渐变工具】的使用
教学难点
【自由变换工具】的使用
【教学过程】
<组织教学>
询问学生的已获得相关知识的情况,稳定学生的情绪,引导学生迅速集中精力到本节课
的学习上来。
<复习提问>:
<引入任务>:
学习基础的几何图形圆锥体效果的制作。
展示任务:
图2-3-1
<分析任务>:
知识要点
本例用到了【矩形选框工具】绘制圆柱体的形状,并使用【渐变工具】对选区填充渐变,为实现立体的效果,用【自由变换工具】制作圆锥体,最后为圆锥体制作投影效果。
<任务实施>:
分组练习、分组讨论
教师指导、详细解析
一、操作步骤
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个像素,将前景色设置为深灰色(R153,G:
149,B:
149),按Alt+Delete快捷键为选区填充该颜色,。
7.清除参考线。
单击【视图】/【清除参考线】命令,将参考线去掉,完成制作并保存文件。
二、知识解析
1.【编辑】/【变换】
2.对图像进行自由变换的步骤
分组汇报、教师点评
<课堂小结>
【矩形选框工具】;【渐变工具】;【自由变换工具】
<课堂练习>
美丽花纹
【作业】复习本课内容,完成课后练习相关内容。
【课后分析】
指导学生自己创意作出图形,不能只是模仿书中实例
任务四制作立方体效果
课题
立方体效果
教学时间
第周第次
课程类型
传授新知识与技能实践课
教学课时
2课时
教学设备
计算机和多媒体课件
教学方法
任务驱动,讲练结合
教学目的
1.知识目标:
学习基础的几何图形立方体效果的制作
2.能力目标:
提高学生应用软件设计和艺术设计能力
教学重点
【矩形选框工具】、【多边形套索工具】、【渐变工具】、【加深工具】、【减淡工具】的使用
教学难点
立方体构图要领、上色方法
【教学过程】
<组织教学>
询问学生的已获得相关知识的情况,稳定学生的情绪,引导学生迅速集中精力到本节课
的学习上来。
<复习提问>:
<引入任务>:
学习基础的几何图形立方体效果的制作。
展示任务
图2-4-1
<分析任务>:
知识要点:
本节我们将用到【矩形选框工具】(快捷键M)、【多边形套索工具】(快捷键L)、(快捷
键O),继续学习他们在Photoshop鼠标手绘中的一些使用方法,以及立方体构图要领,上色方法等。
<任务实施>:
分组练习、分组讨论
教师指导、详细解析
一、操作步骤
1.新建文件。
按下Ctrl+N新建一宽度、高度均为12cm,背景色为白色,分辨率200像素/英寸的文件。
2.在新图层绘制立方体的结构线。
按下Ctrl+Shift+N新建“图层1”设置前景色为黑
色,在【图层面板】上双击图层1的名字,将其重命名为“结构线”,选择【直线工具】(快
捷键U),在选项栏选择填充像素。
用【直线工具】根据“透视”构图原理绘制立方体的结
构线。
3.在新图层绘制立方体的左侧面。
按下Ctrl+Shift+N新建图层,用【矩形选框工具】
创建一个矩形选区,利用【变换选区】和【自由变换】中的斜切命令将矩形选区变形为,将前景色设置为浅灰色(R:
212,G:
207,B:
212),利用【油漆桶工具】为选区填充前景色,
4.在新图层绘制立方体的右侧面。
按照上面的方法绘制右侧面的矩形选区,并为其填充
浅灰色到白色的线性渐变,方向为从左上角到右下角。
5.在新图层绘制立方体的顶部面。
依照上面的方法绘制顶部面的选区,并填充浅灰色。
6.减淡三个层面。
在【图层面板】中单击“结构图”图层前的【指示图层可见性】按钮,将其隐藏。
为了让立方体更真实一些,选择工具箱中的【减淡工具】(快捷键C),选项栏上设
置其属性,分别涂抹3个图层,不要过于均匀,这样效果才更真实,注意刻画“三面五调"的效果。
7.加深右侧面图形边缘,也就是将明暗交接部加深。
选择【加深工具】(快捷键C),并
在如图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课时
教学设备
计算机和多媒体课件
教学方法
任务驱动,讲练结合
教学目的
1.知识目标:
综合运用上述所学的球体、圆柱体、圆锥体的制作方法,学习贴春联的制作
2.能力目标:
提高学生应用软件设计和艺术设计能力
教学重点
【矩形选框工具】、【渐变工具】的使用
教学难点
变换选区
【教学过程】
<组织教学>
询问学生的已获得相关知识的情况,稳定学生的情绪,引导学生迅速集中精力到本节课
的学习上来。
<复习提问>:
<引入任务>:
综合运用上述所学的球体、圆柱体、圆锥体的制作方法,学习贴春联的制作。
展示任务
图2-5-1
<分析任务>:
知识要点:
本例用到了【矩形选框工具】绘制,为实现立体的效果,使用【渐变工具】对选区填充渐变。
<任务实施>:
分组练习、分组讨论
教师指导、详细解析
操作步骤
1.新建文件。
按下Ctrl+N新建一宽度、高度均为12cm,背景色为白色,分辨率200像素/英寸的文件。
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:
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合并。
按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”,将春联放置在大门上。
完成制作。
分组汇报、教师点评
<课堂小结>
各种工具的综合利用
调整选区
[作业】练习各种工具的综合利用
【课后分析】:
教学中应注意指导学生通过色彩表达自己的思想感情。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- photoshop 平面设计 教案
![提示](https://static.bdocx.com/images/bang_tan.gif)