教课程名称：网页设计与制作
学七
教学题目：Photoshop图层的应用 讲授内容：
图层的概念 图层的基本操作。 一．图层的概念
图层是对图像进行各种合成效果的重要途径。
不同图层中的图像可以进行独立操作，更改图层的顺序和属性可以改变图像的合成效果。
▪ ▪
▪ ▪ 背景图层：默认为锁定，未解锁不允许更改。
调整图层：调整图层中的色彩调整对其下方的所有图层产生作用。 填充图层：纯色填充、渐变填充和图案填充。 图层样式：投影、发光、浮雕等效果。
二．新建图层
1．单击“图层”面板的新建按钮创建新图层。 2．复制图层可产生新图层。 3．输入文字时可生成新图层。 三．复制图层
将需复制的图层拖至新建图层按钮上，形成图层的“副本”。 四．删除图层
选择需删除的图层，单击“删除图层”按钮，或将图层拖至“删除图层”按钮。 五．合并图层
向下合并、合并可见图层、拼合图层。 六．调整图层顺序
直接拖动图层或选择“图层/排列”命令。 七．链接图层
固定当前图层和链接图层间的相对位置，链接后视为一个整体，可进行移动、缩放、旋转、色彩调整和合并等操作。
案例文件：讲授案例\\彩色圆点.psd 选择需要链接的多个图层（注：使用Ctrl键），单击“链接图层”按钮。 八．锁定图层
防止图层被误操作，可将图层锁定。 “锁定透明像素”、“锁定图像像素”、“锁定位置”、“锁定全部”。 九．对齐和分布图层
选择多个图层，在工作区顶端“选项”面板中使用对齐和分布图层按钮。 案例文件：讲授案例\\彩色圆点.psd 十．图层属性
图层名称、不透明度、显示隐藏。
十一．应用举例——背景特效制作（参照“讲授案例\\背景特效.psd”）
1.新建800×600 px的黑色画布。
2.选择20px的黄色（#fdd000）画笔工具，调整为硬度100%、间距150%的虚线。 3.新建“图层1”，按住Shift绘制长短不
一、疏密有致的垂直虚线。 4.新建“图层2”，改变画笔颜色为绿色（#218f49），画笔直径为9px，按步骤3，随意绘制另一色彩的垂直虚线。
5.新建“图层3”，改变画笔颜色及画笔直径，按步骤3，随意绘制另一色彩的垂直虚线。
6.选择直排文字工具，输入“Effect Design”。
7.复制文字图层多份，分别改变各图层文字的大小、不透明度以及位置。 8.合并所有图层，保存于“实验素材”文件夹，命名“我的背景特效.jpg”。 十二．案例操作要点总结：
画笔色彩、间距、直径；直线；图层自由变换；图层不透明度。
实验内容
一．根据教学案例的说明，完成“背景特效”。
二．根据“实验素材\\水晶按钮.psd”，完成水晶按钮的特效。 制作过程如下：
1.新建200×80像素，分辨率72，白色背景的画布。 2.新建“图层1”，前景色设置为“绿色”（#45b035）。
3.选择圆角矩形工具，属性设置为“填充像素”，半径40像素，在图层1中绘制圆角矩形。 4.设置图层1的“图层样式”，选择“投影”，90度，不透明度40%，距离2像素。选择“内阴影”，不透明度80%，距离13像素，大小21像素。 5.选择圆角矩形工具，属性设置为“路径”，半径80像素。 6.新建“图层2”，在图层2上绘制圆角矩形路径。
7.打开“路径”面板，单击“将路径作为选区载入”按钮。
8.设置前景色为白色，选择渐变工具，属性设置渐变样式为“前景到透明”和“线性渐变”，在选区中从上到下绘制渐变色。 9.按Ctrl+D取消选区，选择“图层1”，按Ctrl键同时单击图层面板中“图层1”的缩略图，将图层1的选区载入。
10.选择矩形选框工具，单击“与选区交叉”属性按钮，在“图层1”中绘制选区，使选区交叉后仅保留圆角矩形选框的下1/4部分。
11.使用“选择/羽化…”命令，将交叉后的选区羽化，羽化值为5像素。
12.选择“图像/调整/色阶…”命令，在对话框中拖动滑块，使羽化后的选区内容变亮。之后取消选区。
13.选择横排文字工具，输入“确定”文本，并调整文本至按钮中央，设置文本的“图层样式”为“投影”。此时效果已完成。
14.删除“路径”面板中的路径。合并图层，保存为jpg格式的图像，命名为“水晶按钮.jpg”。
