制作水晶图标教案[推荐]

2020-03-01 19:16:43 来源：范文大全收藏下载本文

9.2 水晶按钮

1. 知识目标：利用前面学习的工具制作水晶透明、晶莹的质感 2.能力目标：提高学生应用软件设计和艺术设计的能力

教学重难点：水晶透明、晶莹的质感，渐变填充工具、减淡工具制和钢笔工具

教学过程

询问学生的已获得相关知识的情况，稳定学生的情绪，引导学生迅速集中精力到本节课的学习上来。通过前面章节的学习，同学们基本掌握了Photoshop的有关基础知识。这节课我们将利用前面章节所学知识制作网页中经常使用的水晶按钮。

一、展示任务

二、分析任务

水晶按钮被广泛应用于网页制作中，水晶的特点是透明、晶莹，光照下有明显的反光，也有比较明显的折射，在本例中我们要制作出水晶的精致和质感。

三、知识要点

利用【工具栏】中的椭圆选框工具，绘制按钮形状，利用渐变填充工具和减淡工具制作水晶透明、晶莹的质感。

四、操作步骤

1.新建文件。单击【文件】/【新建】（Ctrl+N），打开【新建】对话框。图片宽度、高度、分辨率和色彩模式等参数设置如图示。

2.建立圆形选区。选择【工具箱】中的椭圆选框工具，在属性栏中选择【样式】为固定大小，设置参数如图9-2-3。在图像窗口中单击鼠标，得到一个圆形选区。

3.填充渐变色。单击【图层面板】上的创建新图层按钮（Shift+Ctrl+N），创建图层1。在【工具箱】中设置前景色为粉色（R:250，G:150，B：255），背景色为深紫色（R:100，G:50，B：150）。单击【工具箱】中的渐变填充工具，在属性栏中选择径向渐变。打开

【渐变编辑器】，选择从前景色到背景色的渐变，单击【确定】按钮。在圆形选区从下方向上拖拉鼠标，拖拉方向和填充效果如图。按Ctrl+D取消选择。

4.点亮高光部分。单击【工具箱】中的【减淡工具】，在属性栏中设置画笔直径为 69，硬度为0。在圆形按钮最亮处单击鼠标。

5.修改前景色和背景色。在【工具箱】中设置前景色为白色，背景色为淡紫色，取色位置如图

6.绘制凹陷部分。单击【图层面板】上的创建新图层按钮（Shift+Ctrl+N），创建图层2。单击椭圆选框工具，在属性栏设置【样式】为正常，拖拉椭圆选区如图。使用【工具箱】中的渐变填充工具，在属性栏中选择线性渐变。打开【渐变编辑器】，选择从前景色到背景色的渐变，单击【确定】按钮。在椭圆形选区从上向下拖拉鼠标，填充效果如图。按Ctrl+D取消选择。

7.创建图形。单击【图层面板】上的创建新图层按钮（Shift+Ctrl+N），创建图层3。单击【自定义形状工具】,在属性栏设置为填充像素，形状选择如图9-2-7，单击右侧的三角形，在弹出的菜单中选择“音乐”，在弹出的对话框中选择“追加”。最后在缩略图中选择高音谱号。设置【工具箱】中的前景色颜色为白色，在画布中创建形状，如图

8.设置图层样式。在【图层面板】，双击图层3缩略图标，在打开的【图层样式】对话框中，选择【阴影】，设置阴影颜色为深紫色，等高线调整如图，其他参数设置如图

9.拼合图层。重复使用【图层】/【向下合并】或重复按Ctrl+E，逐一合并图层1，图层2，图层3。

10.设置按钮背景。在【图层面板】双击图层1的缩略图，在打开的【图层样式】对话框中，选择【投影】，参数设置如图，效果如图

11.拼合图像并保存文件为JPG格式。