2023年7月19日发(作者：)

Photoshop）》课程实训指导书

主编 张 晓

2014年12月

《平面设计（ 编写说明

平面设计是指通过文字、图形和图像的灵活组合产生出多种视觉效果，以表达不同用途的印刷品或宣传品。Photoshop（简称PS）是实现平面设计的主流软件之一，其应用领域十分广泛，主要有平面广告设计、网页设计、包装设计、企事业形象设计、装潢设计、印刷制版、游戏、动漫形象以及影视制作等。

我们编写《平面设计（Photoshop）》课程实训指导书，其目的是根据我院学生的基础知识比较差、学习积极不高等实际情况，选取比较容易上手的一些典型项目，通过针对性的实训指导，提高学生的动手能力及学习的积极性。使学生掌握PS的基础知识和基本技能，具备一定的平面设计、策划等必需的基础知识及相关的职业能力，培养学生具备专业开发过程中需要的基本职业能力，并为后续专业课程网络动画、网页制作与网站建设等课程的学习作前期准备。

编者

2014年12月 实训知识、技能要求：

知识

了解选区工具组使用原理

技能

掌握基本扣图、移动图像、图像合成等能力

掌握旧照片修复的能力

掌握图片细节、艺术化处理能力

掌握图层和图层模式应用能力

掌握为作品填加艺术效果的文字

掌握通过路径扣图、建立路径文字的能力

蒙版应用能力

掌握通过通道扣图能力

掌握各种滤镜的使用方法与技巧

对图像调色能力

网页设计能力

了解修复工具的使用原理

了解渲染、渐变、画笔、橡皮擦使用原理

了解图层的重要作用

了解文字工具、调板的作用

了解路径的基本概念，理解创建、编辑和应用路径的方法原理

理解蒙版的作用

了解通道概念及通道调板的原理

了解滤镜在图像加工中的各种作用

了解色彩上色原理

了解切片在网页设计中的作用

实训条件：

满足硬件配置的机房、Photoshop3版本以上的图形图像处理软件、教学课件、网络资源。

实训安全要求：

学生上机要遵守上机守则，听从老师安排，注意安全用机、安全用电。

目录

一、项目1 相框合成……………………………… 1

二、项目2 婚纱照合成 ……………………………3

三、项目3 用修复工具修复照片………………… 5

四、项目4 彩球与彩环的制作 ………………… 7

五、项目5 森林中汽车内的人物制作 ……………10

六、项目6 九华山对联的制作 ……………………12

七、项目7 绿色奥运 …………………………… 15

八、项目8 叶中观月 …………………………… 18

九、项目9 风驰电掣 …………………………… 20

十、项目10 给黑白头像加上红润的肤色 ……… 23

十一、项目11 制作书籍封面 …………………… 27

十二、项目12 网页设计 ………………………… 32 项目1 相框合成

一、实训目标：

通过该案例的学习掌握移动工具的操作方法；常用命令全选（Ctrl+A）、复制(Ctrl+C)、粘贴(Ctrl+V)、撤消（Ctrl+Alt+Z）、恢复（Ctrl+Shift+Z）、自由变换（Ctrl+T）的使用，图像文件的打开、保存、关闭操作。

二、实训任务

将图片放在图框中，再进行调整，使之符合要求。

三、操作步骤：

1、打开风景画图片；

2、执行全选－复制命令；

3、打开相框图片；

4、执行粘贴命令；

5、执行自由变换命令。调整风景画大小使其适合相框大小。

6、保存文件名为“相框合成效果.PSD”。

四、基本要求：

课时：2

素材：

五、评价：

1

风景 相框 从学生提交的作品中选取效果好的，向学生展示，激发学生的学习积极性。

六、可展示成果：

学生提交的实训作品

2

作品效果图参考

项目2 婚纱照合成

一、实训目标：

通过该案例的学习掌握魔棒工具组、套索工具组建立选区方法，掌握反向命令（Ctrl+Shift+I）。

二、实训任务：

将人物从背景图中扣出，放在别的背景图中进行合成，达到一定的效果。

三、操作步骤：

1、打开“背景图片、人物图片1、人物图片2”图像文件；

2、分别用魔棒工具组、套索工具组选取人物，观察其那一种方法更合适本图片；

3、选择背景图片文件，执行粘贴命令；

4、执行自由变换命令，调整大小和位置；

5、用上述⑵－⑷步将人物图片2复制到背景图片中，并调整大小和位置；

6、以“婚纱照合成效果.PSD”为名保存。

四、基本要求

课时：2

素材：

背景图 人物1 人物2

3

五、评价：

以作业的形式让学生提交，并对作品进行评价打分，满分为10分。可根据完成情况效果给以不同的分值，作为平时成绩。

六、可展示成果：

学生提交的实训作品

作品效果图参考

4

项目3 用修复工具修复照片

一、实训目标：

1、掌握污点修复画笔工具的操作方法

2、掌握修复画笔工具、修补工具的操作方法

3、掌握红眼工具的操作方法

二、实训任务：

能够熟练使用修复工具对有瑕疵、折痕、红眼的照片进行修复，在实训中总结经验，提高水平。

三、操作步骤：

1、打开瑕疵照片，用放大工具将图片放大到适合大小，选择污点修复画笔工具，调整画笔至不同大小，对皮肤斑点处单击，消除斑痕，比较不同效果。

2、打开折痕照片，选择修复画笔工具或修补工具，调整画笔大小至适当，单击或擦抹折痕处，比较效果。（本图片修复达到一定效果需4个课时左右，学生要反复操作，掌握方法技巧）

3、打开红眼照片，选择红眼工具，在属性栏上调整不同的瞳孔大小及变暗量，单击红眼位置处，比较不同效果。

四、基本要求：

课时：6

素材：

5 瑕疵照片 折痕照片 红眼照片

五、评价：

分别就实训中使用的几种工具进行不同设置而出现的不同效果对学生进行提问，对能进行认真总结，或提出自己见解的同学给予加分奖励。从而达到总结经验，提高技巧水平，促进对所学知识的理解和掌握。

六、可展示成果：

学生提交的实训作品

6 项目4 彩球与彩环的制作

一、实训目标：

通过本案例的学习掌握怎样定义图案，填充图案，了解渐变的类型和设置方法

二、实训任务：

能严格按照要求设置各种参数，实现制作效果

三、操作步骤：

一、背景图案的制作

1、新建12厘米×12厘米，RGB模式、白色背景的画布；

2、在背景图层上建立“图层1”，建立正方形选区；

3、显示标尺（视图－标尺）建立四条参考线；

4、设置前景为黄色，背景为浅红色，用渐变工具进行径向渐变填充选区（前景到背景）；

5、定义图案（编辑－定义图案）；

6、在“历史记录”调板中，单击“新建”操作步骤；

7、用“油漆桶工具”在画布上填充刚才建立的图案。

二、PHOTOSHOP渐变工具的巧用——彩球

制作彩球操作步骤：

1、在背景图之上创建图层1(图层-新建-图层)；

2、设置前景色为白色(ffffff)，背景色为蓝色(0321ff)；

7 3、打开“渐变编辑器” (单击渐变工具按钮-径向渐变按钮-单击渐变样式图案-渐变编辑器)；

4、调整色标使前景色为白色，背景色为蓝色(注意：此时只有两个色标)；

5、调整右侧色标(向左移动使位置值为70%)；

6、增加一个色标，使其前景色为白色；

7、创建圆形选区(选椭圆工具-Alt+Shift+鼠标拖动)(注意：最好设置水平、垂直参考线)；

8、绘制实心立体彩球并取消选择(选择渐变工具径向渐变)(取消选择Ctrl+D)；

9、设置不透明度(设置3个不透明度色标值分别为<不透明80,位置0>，<不透明70，位置40>,<不透明90，位置100>)；

10、创建透明立体彩球(在历史记录选择创建圆形选区一步，用鼠标在圆内拖动)；

11、取消选区，取消参考线即可。

三、PHOTOSHOP渐变工具的巧用——彩环的制作

1、在上题(制作彩球)的基础上，创建图层2，并隐藏图层1(使图层1左侧眼睛消失)；

2、作6条参考线1,8，15厘米处(水平、垂直各3条)；

3、创建圆形选区(Shift+鼠标拖动)；

8 4、设置角度渐变为色普渐变色(渐变编辑器-预设-色普)；

5、设置7种颜色(红255,0，0；橙255,130,0；黄255,255,0；绿0,255,0；青255,0，255；蓝0，0，255；紫255，0，255)(双击色标-拾色器-设置颜色)；

6、填充7彩角度渐变色(用鼠标在圆形选区中心向圆周拖动)；

7、取消选择，制作7彩圆环(Ctrl+D,在原圆形上画小圆即

Shift+从中心拖动鼠标-按Delete)；

8、显示图层1，选中图层2，取消选择；

9、调整7彩环(编辑-自由变换< Ctrl+T>，7彩环沿中心水平拉长、垂直压缩)；

10、作图层2的副本，(选中图层2-图层-复制图层)并将其移在图层1的下方；

11、将图层2上半部分作矩形选区-按Delete-取消选区)

四、基本要求：

课时：4

素材：本任务不需要提供图片。

五、评价：

学生提交实训报告，并进行评价打分，满分为10分。可根据完成情况效果给以不同的分值，作为平时成绩。

六、可展示成果：

学生提交的实训作品

作品效果图参考

9 项目5 森林中汽车内的人物制作

一、实训目标：

理解图层在图像处理中的意义，了解图层混合模式的设置方法，掌握图层的各种操作技能

二、实训任务：

通过图像的上下层关系，实现将汽车放在森林中的树木之后、人物放在汽车里面。

三、操作步骤：

一、作林中汽车

1、打开“树林.PSD和小汽车.PSD”文档，将“树林.PSD”以“林中汽车效果.PSD”为名保存，用魔棒工具选择小汽车，再执行“选择－反向”命令；

2、将小汽车复制到林中汽车效果图像中；

3、执行“自由变换”命令，调整小汽车的大小和位置；

4、让汽车图像消失，用套索工具在树林图像中创建一个选区，将部分树干选中，让汽车图像显示，（注意，如果位置不合适，重复上述过程）；

5、选中背景图层（目的是为了将选区背景内的图像复制到新图层中），单击“图层－新建－通过拷贝的图层”；（存放树干图像）

6、调整图层2的位置，将图层2移到图层1之上。

二、制作汽车中的人物图像

1、选中“林中汽车效果”图像，创建一个选区，选中汽车挡风玻璃；

10 2、执行“图层－新建－通过剪切的图层”，出现图层3；（存放玻璃图像）

3、创建一个选区，选中汽车挡风玻璃；

4、打开“女士图片”调整图像大小“宽200像素，高130像素”，选择选区，执行复制命令；

5、执行“编辑－贴入”命令，出现图层4；（存放女士图像）

6、执行自由变换命令，调整女士图片大小和位置；

7、将图层4的不透明度设置为50%，填充设置为90%(或执行混合模式-滤色命令)。

四、基本要求：

课时：4

素材：

森林 汽车 人物

五、评价：

学生提交实训报告，作为平时成绩。

六、可展示成果：

提交作品

作品效果图参考

11 项目6 九华山对联的制作

一、实训目标：

了解文字工具的使用原理，掌握文字图层栅格化、文字变形、反向命令（Ctrl+Shift+I）、贴入命令（Ctrl+Shift+V）、设置图层混合等操作。

二、实训任务：

对文字样式进行编辑变换，将文字转换成选区并加凸起效果

三、操作步骤：

一、将“云图”和“九华山”合并

1、打开“九华山”和“云图”图像；

2、选中“云图”文档，创建一个矩形选区，选中云图的上半部分，执行“复制”命令；

3、选中“九华山”文档，用“魔棒工具”选中“九华山”图像中的天空，创建天空选区；

4、执行“贴入”命令，“自由变换”命令，调整云图大小，回车结束；

5、设置图层混合模式为“正片叠底”；

6、合并图层到背景图层。

二、制作凸起的对联文字

1、打开“九华山添加云图效果”文档，单击“直排文字工具”按钮，设置字体 华文行楷，大小70点，红色，消除锯齿方式 平滑，左侧输入“沃土出黄金”，右侧输入“妙手生白玉”；

12 2、单击“横排文字工具”按钮，设置字体 华文新魏，大小80点，红色，消除锯齿方式 浑厚，中间位置偏上输入“九华山”；

3、将“九华山”文字图层设置为普通图层，即栅格化文字，(图层-栅格化-文字)；(说明：普通图层易于变形)

4、 编辑-变换-变形(拖动控制柄调整文字形状)；

5、选中“背景”图层，复制一个新的“背景副本”图层；

6、选中各文字选区 (按住Ctrl+Shift键，单击各文字图层按钮)；

7、选中“背景副本”图层，执行“选择-反向”命令，再按Delete键，删除文字以外的选区；

8、删除各文字图层；

9、设置浮雕效果，(单击“图层”调板的fx按钮，选择“斜面和浮雕”命令，设置样式为：浮雕效果，方法：雕刻清晰，深度388%，其它不变。

10、取消选区。制作完成。

四、基本要求：

课时：4

13 素材：

云图 九华山

五、评价：

学生提交实训作品，作为平时成绩。

六、可展示成果：

提交作品

作品效果图参考

14 项目7 绿色奥运

一、实训目标：

掌握钢笔工具、图形工具建立路径，掌握路径和选区转化方法。

二、实训任务：

将多幅奥运场馆的图片按主次放在背景图中，并适当进行羽化设置，使图片能更好地和背景融合。再在图片之上创作绿色环保标志，加文字说明。

三、操作步骤：

一、制作背景图像和文字

操作方法：

1、新建一个宽1000像素，高600像素，分辨率为100像素/厘米，RGB模式，背景为浅兰色（R=150，G＝230，B＝230），名为“绿色奥运.PSD”；

2、打开奥运场馆图1，用椭圆形选框工具，在其选项框内设置羽化30像素，在图像内拖出一个椭圆形的选区，再使用工具箱内的移动工具，将选区内的图像拖到“绿色奥运.PSD”的画布窗口，；

3、执行自由变换命令，调整大小和位置作为主场景

4、用同样的方法将其它场馆图复制到“绿色奥运.PSD”的画布窗口，调整到合适的位置；

5、输入蓝色、宋体、20点的直排文字“北京欢迎您”，再添加文字浮雕效果。

二、制作环保标志

15 1、显示标尺，创建两条参考线。单击“自定义形状工具”按钮，在工具选项栏“形状”的下拉列表中选择“实心箭头”，再在画布上拖动鼠标，自动生成“形状1”形状图层。

2、用直接选择工具单击剪头的边缘，使前头变成“路径”。

3、适当调整剪头的形状，在路径调板中，按住Ctrl键，单击“路径缩览图”图标，（将路径转换为选区）；

4、创建新图层并选中，设置前景色为浅绿色（R＝25，G＝123，B＝50），填充前景色（Alt+Del）；

5、删除形状图层，复制上一步新建的图层生成“图层副本”，再隐藏第⑷步建立的图层。

6、使用矩形选框工具将剪头删除，取消选区。执行自由变换命令，调整图像大小，再设置旋转角度为－60度，确定。

7、显示隐藏的图层，调整该图层的角度为60度，适当调整位置和大小，与其副本图层合并。

8、在该图像的上方创建矩形选区，删除多余部分，取消选区。

9、将图像向上移动到适当位置，执行自由变换命令，将中心控制点移到画布中心点，角度设置为120度，属性栏的√去掉。

10、执行旋转复制命令两次（Ctrl+Shift+Alt+T），并将三个图层合并。

11、设置图层样式为“投影（正片叠底）”和“斜面和浮雕（斜面浮雕、雕刻清晰）。

12、设置本图层不透明度为85%；

16 四、基本要求：

课时：6

素材：

场馆2 场馆3 场馆4

场馆1 场馆5 场馆6 场馆7

五、评价：

学生提交实训报告，作为平时成绩。

六、可展示成果：

提交作品

作品效果图参考

17 项目8 叶中观月

一、实训目标：

掌握创建剪贴蒙版，会应用图层样式，掌握文字图层的应用

二、实训任务：

将树叶放入观月图中，把图中的两个人物遮盖，再将人物放在树叶中，人物只能在树叶中显现。

三、操作步骤：

一、制作叶中观月

操作方法：

1、打开“月亮景色”、“树叶”、“人物”文档，并将“月亮景色”图像以“叶中观月.PSD”为名保存；

2、将“树叶”图像用魔棒工具选择后复制到“叶中观月.PSD”中，并调整大小和位置；

3、将“人物”图像用魔棒工具选择后复制到“叶中观月.PSD”中，并调整大小和位置；

4、选中“人物”图像所在的图层，执行“图层－创建剪贴蒙版”命令，（如果位置不合适可以选中要调整的图层进行调整）。

二、制作图像文字

1、用直排文字工具分别添加“叶中观月”和“举头思乡”（隶书、56点，黄色，平滑）；

2、给两个图层文字添加图层样式为“斜面和浮雕”（浮雕效果）；

18 3、将“背景”图层复制两次；

4、将复制的图层分别移到“叶中观月”和“举头思乡”图层之上；

5、分别选中“背景副本”和“背景副本2”，执行“图层－创建剪贴蒙版”；

四、基本要求：

课时：2

素材：

人物 树叶 月亮景色

五、评价：

以作业的形式让学生提交，并对作品进行评价打分，满分为10分。可根据完成情况效果给以不同的分值，作为平时成绩。

六、可展示成果：

学生提交的实训作品

作品效果图参考

19 项目9 风驰电掣

一、实训目标：

掌握通道的操作（创建、选择、复制通道）技能，掌握几种滤镜（径向模糊滤镜，模糊滤镜和风吹滤镜）的操作方法。

二、实训任务：

利用滤镜将图片背景设置成径向模糊效果，利用通道将文字形成刮风效果

三、操作步骤：

一、制作背景图像

1、打开“道路”和“小汽车”图像，将“道路”图像以“风驰电掣效果.PSD”为名进行保存；

2、执行“滤镜－模糊－径向模糊”（数量30，缩放，好）；

3、将“小汽车”图像移动到“风驰电掣效果.PSD”中，并调整大小和位置。

二、制作倾斜的文字

1、在“风驰电掣效果.PSD”中，用“横排蒙板文字工具”，输入“风驰电掣”（隶书，80点，字符间距200）；

2、执行“选择－变换选区”，将选区调整大一些，并移在左上角；

3、选择“通道”调板，单击“将选区存储为通道”按钮，即可建立名为“Alpha1”的通道；

20 4、取消RGB左侧显示图标，“Alpha1”单击左侧的显示图标；

5、Ctrl+D取消文字选区；

6、执行“编辑－变换－斜切”，用鼠标向右拖动文字上部中间的控制柄，使文字向右倾斜；

如果“Alpha1”通道中的“风驰电掣”不是黑底白字，双击“Alpha1”通道，选“被蒙版选区”即可；

三、制作飞行文字

1、执行“滤镜－模糊－模糊”；

2、执行“滤镜－风格化－风”命令，（3次）

3、执行“图像－调整－曲线” 命令，拖动曲线，观察文字变化；

4、单击通道调板中的RGB通道。再回到“图层”调板，创建一个新图层；

5、执行“选择－载入选区”命令，在“通道”下拉列表框中选择“Alpha1”；

6、设置前景色为红色，按Alt+Delete填充前景色，再取消文字选区。

四、基本要求：

课时：4

素材：

道路 小汽车

21 五、评价：

完成上述案例并以 “风驰电掣.PSD” 为名保存并提交作业，按完成效果打分，作为平时成绩。

六、可展示成果：

学生提交的实训作品

作品效果图参考

22

项目10 给黑白头像加上红润的肤色

一、实训目标：

掌握色彩平衡、色相/饱和度、图层、前景设置、油漆桶工具、图层蒙版等操作方法的综合应用

二、实训任务：

黑白人像上色跟绘画中的上色非常类似，需要自己有一定的美感及色彩搭配能力。人像上色相对要容易一点，我们可以直接找像素及色彩比较好的实物图作为参考，这样可以更加精细的上色。

三、操作步骤：

1、先打开原图，将背景复制一个“背景 副本”图层。

2、第一步先来整体上色，单击选择菜单“图像->调整->色彩平衡”。

3、在弹出的色彩平衡窗口中，我们将对皮肤的主体色进行上色，首先设置中间调，调高红色和黄色，并适当加强洋红，这是调整黄色肤种的常用手法。

4、接下来单击阴影色调，阴影部分一样适当加强红色和黄色，但不再加强洋红，而是向绿色方向加强，这样就能让皮肤色彩产生层次感。

5、最后单击高光，适当加强青色和洋红及蓝色，总的来说，不要让阴影、高光的调整与中间调相尽，这样的皮肤上色缺乏层次感。

23 6、接下来给脸蛋部分添加一些红，这样会让皮肤看起来更加的红润，新建一个透明图层1，然后在脸腮处用椭圆选区拉出一个选区。

7、在选区上单击右键，选择“羽化”选项，在弹出的羽化选区设置框中设置羽化半径为20。

8、将前景色设置为淡红色，单击选择油漆桶工具

9、确保选中图层1，用油漆桶在选区上单击进行填充。

10、将图层1的不透明度降低到20%，这样就会在皮肤上形成一种白里透红的效果。

11、将图层1复制生成一个“图层1 副本”，利用移动工具将其移动到另一边的脸蛋上，这样就形成了两边的腮红效果。

12、接下来我们来处理头发的颜色，利用套索工具将头发部分大致选中

13、一样设置头发选区的羽化半径为8。

14、单击选中“背景 副本”图层，然后按Ctrl+J键将选区生成一个新的图层2。

15、确保选择头发图层2，选择菜单“图像->调整->色彩平衡”，要让头发呈现黑色，只要将青色和蓝色加深即可，阴影、中间调和高光都可依据这个原理进行调节

16、将前景色设置为黑色，单击选择画笔工具，将其不透明度降低到30%左右。

17、给头发图层2添加图层蒙版，利用硬度为0的黑色画笔在蒙版上进行擦拭，主要选择头发的边缘进行，设置画笔的不透明度的目的是为了让发丝边缘形成良好的过渡效果。

24 18、接下来处理眼睛、眉毛和部分残余头发，一样利用套索工具将其大致选中。

19、同样设置一下选区的羽化半径，设置为3。

20、确保单击选中“背景 副本”图层，然后按Ctrl+J键将选区生成图层3。

21、眼睛和眉毛一般都是呈现黑色，所以我们要进行颜色修改，单击选择菜单“图像->调整->色彩平衡”，将青色和蓝色增强即可呈现黑色，阴影、中间调及高光都可依据这个原则进行细节调整。

22、最后我们来处理一个嘴唇，这是相当重要的一笔，能起到画龙点睛的作用，一样利用套索工具先大致将嘴唇选中。

23、然后利用Ctrl+J快捷键将选区生成图层4。

24、嘴唇颜色的调节我们可以利用“色相/饱和度”，单击选择菜单“图像->调整->色相/饱和度”，嘴唇一般都带有些红色，可根据个人喜好进行上色。

25、给嘴唇图层4添加图层蒙版，利用硬度为0的黑色画笔将边缘多余的部分擦除掉。

26、到些人脸上色部分就基本完成，最后还要对背景进行适当的处理，新建一个透明图层5，将其图层混合模式设置为“叠加”，不透明度设置为40%左右。

27、将前景色设置为绿色，单击选择画笔工具，设置不透明度为75%。

28、利用设置好的画笔工具在背景上进行相应的涂抹，可改变颜色为蓝色在右边的背景处进行涂抹，总之背景的处理是为了让画面的整体色彩更加鲜艳，具体读者可自由发挥。

25 29、最后可以对整体画面的亮度及对比度进行相应的处理，单击选择图层面板下方的“创建新的填充和调整图层”按钮，在弹出的菜单中选择“亮度/对比度”选项。

30、适当升高亮度和对比度，这样会让整体画面更加鲜艳清晰，还可以进行其它调整，这里不再扩展。

在教学过程中注意边讲边练，让学生通过完成上色这个完整过程体会色彩平衡在调整图像中的作用。

四、基本要求：

课时：6

素材：

五、评价：

学生提交实训报告，作为平时成绩。

六、可展示成果：

学生提交的实训作品

作品效果图参考

26 项目11 制作书籍封面

一、实训目标：

掌握前景色与背景色的设置、选区工具、油漆桶工具、渐变工具、文字工具、画笔工具、图层等操作技能的综合应用

二、实训任务：

在文档上填加封面背景色，用图片、Logo对封面加以修饰美化，加封面文字并进行艺术效果设置。

三、操作步骤：

一、创建文档

新建一个名称为“书籍封面”，宽度18.5厘米，高度26厘米，分辨率72像素，RGB颜色模式，背景内容为白色的文档；

二、复制图像

1、打开“羽毛.jpg”文档，选择一根羽毛；并将其移动到“书籍封面”文档的左下角，生成图层1，将图层1改名为“羽毛1”，再将“羽毛1”图层复制，生成“羽毛1副本”；

2、选择“羽毛1副本”图层，执行“自由变换”命令，调整其位置和大小(放在右上角)；

三、填充颜色

1、新建一个图层，图层名为“封面主颜色”；

2、设置前景色为(R=245,G=250,B=200)；

3、执行Alt+Del填充前景色 (或用“油漆桶”工具填充颜色)；

27 四、调整图层的位置

1、将“封面主颜色”图层移动至“背景”图层的上方；

2、选择“羽毛1”图层，调整其透明度为50%；

3、选择“羽毛1副本”图层，调整其透明度为30%；

五、移动图片

打开“地球.JPG”文档，用“移动工具”将图片移到“书籍封面”文档中间位置，调整至合适的大小，并将该图层命名为“封面主图片”；

六、设置渐变颜色

1、新建图层名称为“书名底色”；

2、用“矩形选框”工具，在“封面主图片”图层上方拖曳一个矩形选区；

3、设置前景色为R=197，G=197，B=197，背景色为白色；

4、选择“渐变工具”，在“渐变编辑器”中，设置“前景到背景”，确定；

5、在“渐变工具”选项栏中选择“径向渐变”，在矩形选框中拖动；

七、添加文字

1、选择“横排文字工具”，在前一步设置的渐变框位置输入 “平面图形图像处理”，生成“平面图形图像处理”文字图层；

2、在选项栏设置文字为：华文细黑，40，平滑，黑色；

28 3、在“平面图形图像处理”文字图层的上方，再用“横排文字工具”输入“21世纪创意图书系列”，字体(华文新魏)，大小(30)，消除锯齿(平滑)，颜色(黑色)；

八、设计Logo

为了使封面更具有个性，设计自己的Logo。

1、新建一个名称为“我的Logo”，宽度400像素，高度400像素，分辨率72像素，RGB颜色模式，背景内容为透明的文档；

2、用“横排文字工具”输入字母“C” ，字体(System)，大小(48)，消除锯齿(平滑)，颜色(黑色),生成“C”图层；

3、将图层转换为选区(按住Ctrl键不放，单击“C”图层缩览图)；

4、将图层栅格化(图层-栅格化-文字)；

5、设置前景色 (R=255，G=0，B=0)，背景色(R=245,G=250,B=200)；

6、用“渐变工具”进行“前景到背景”的“线形渐变”填充；

7、用“横排文字工具”输入字母“OOLBOY” ，字体(System)，大小(30)，消除锯齿(平滑)，颜色(黑色)，生成“OOLBOY”图层；

8、对“OOLBOY”图层，重复执行⑶至⑹步；

9、选择C图层，用“矩形选框工具”给C字符添加合适的矩形框；

10、用“渐变工具”进行“橙色、黄色、橙色”的“对称渐变”填充；

29 11、执行Ctrl+Shift+E命令，合并可见图层，保存文档；

12、将“COOLBOY”图片移到“书籍封面.PSD”文档中的左上角并调整大小，并将该图层命名为“我的Logo”；

13、在“书籍封面.PSD”文档中，用“横排文字工具”分别输入字母“C” ，（字体(隶书)，大小(36)，消除锯齿(平滑)，颜色(篮色)；“COOLBOY 创意工作室” ，字体(隶书)，大小(24)，消除锯齿(平滑)，颜色(篮色)；

14、将⒀生成的两个图层“栅格化”，再合并，图层名为“出版单位”；

15、将文档分别保存为“书籍封面(平面效果).PSD”和“书籍封面(平面效果).JPG”，并关闭文档。

九、设计书籍封面的立体效果

1、打开“书籍封面(平面效果).JPG”文档，将背景图层设置为普通图层；

2、执行“编辑-变换-透视”进行透视变换(如下左图)

3、以书籍封面的左侧为基准，添加一个矩形框，并填充与封面相近的颜色(设置前景色为(R=245,G=250,B=190)(如上右图)，将该图层命名为“竖排框”；

4、用直排文字工具在新建的矩形框内输入“平面图形图像处理”，字体(华文细黑)，大小(60)，消除锯齿(平滑)，颜色(黑色)，输入完成后调整大小和位置；

5、打开“我的”，将“COOLBOY”移到“书籍封面.JPG”文档中，执行自由变换命令，经过旋转、调整大小后放在矩形框的上部；

30 6、用直排文字工具在新建的矩形框内分别输入字母“C” ，（字体(隶书)，大小(36)，消除锯齿(平滑)，颜色(篮色)；“OOLBOY 创意工作室” ，字体(隶书)，大小(24)，消除锯齿(平滑)，颜色(黑色)；

7、栅格化第⑹步生成的两个图层，再合并。调整大小和位置；

8、创建新图层，命名为“背景”，用“白色”填充，并将该图层移到所有图层的下方；

9、在书籍下方绘制一椭圆选框，设置羽化为30，给椭圆选区填充颜色(R=245,G=250,B=190)，设置其不透明度为70%左右。

10、分别以“书籍封面(立体效果).PSD” 和“书籍封面(立体效果).JPG”为名保存。

四、基本要求

课时：6

素材：

地球 羽毛

五、评价：

学生提交实训报告，作为平时成绩

31 六、可展示成果：

学生提交的实训作品

作品效果图参考

项目12 网页设计

一、实训目标：

掌握前景色与背景色的设置、选区工具、切片工具、钢笔工具、形状工具、渐变工具、文字工具、图层等的操作技能。

二、实训任务：

根据网页的实际要求填加适当的背景色，添加按钮并设置链接，将图片放在网页上适当位置，并设置链接。

三、操作步骤：

一、建立文件

1、打开PS3，建立一个名称为“网页”，宽度为1024像素，高度为1000像素， 72像素/英寸，RGB模式，背景为透明的文件；

2、选择“钢笔工具”，根据需要画出一条曲线；

3、选择“路径”调板，单击调板下方的“将路径作为选区载入”按钮(将路径转换为选区)；

32 4、执行“Ctrl+Shift+I”命令，将选区反选；

5、设置前景色(R=180，G=245，B=250)，按Alt+Del填充，；

6、取消选区(Ctrl+D)，然后在图片的上部添加一个矩形选区，用白色填充；

二、按钮制作

1、选择形状工具中的“圆角矩形”工具，在图片的左边画出一个圆角矩形，要求固定大小(宽120像素，高60像素，半径15像素)，样式设置为“雕刻天空（文字）”，然后对其再增加图层样式 (投影、外发光、渐变叠加、描边)；

2、将上步创建的形状图层按钮复制三个(Alt键按住不放，用鼠标左键拖曳)，上下排序调整合适的位置；

3、用横排文字工具输入“首页”（字体隶书、红色、40点、间距350）；

4、打开“动作”调板，单击“新建组”命令按钮，名称为“导航栏按钮”；

5、单击“动作”调板中的“新建动作”命令按钮，名称为“按钮1”，在“组”下拉列表框内选择“导航栏按钮”，颜色选“橙色”；功能键用Ctrl+F2；

6、单击“记录”命令按钮；

7、选中图层调板中的“首页”文字图层，并设置样式为“斜面与浮雕”的浮雕效果；

8、单击动作调板中的“停止播放记录”命令按钮；

9、使用录制的“按钮1“动作

33 ⑴用横排文字工具输入“相册”（字体隶书、红色、40点、间距350）；

⑵选中“动作”调板中的“播放”按钮，执行一系列动作；

⑶调整文字图层至合适的位置。

10、按照第⑼步的方法可以继续制作其他按钮。

三、制作网站的Logo

1、新建一个名称为“网站Logo”，宽度400像素，高度400像素，分辨率72像素，RGB颜色模式，背景内容为透明的文档；

2、用“横排文字工具”输入字母“C” ，字体(System)，大小(48)，消除锯齿(平滑)，颜色(黑色),生成“C”图层；

3、将图层转换为选区(按住Ctrl键不放，单击“C”图层缩览图)；

4、将图层栅格化(图层-栅格化-文字)；

5、设置前景色 (R=255，G=0，B=0)，背景色(R=245,G=250,B=200)；

6、用“渐变工具”进行“前景到背景”的“线形渐变”填充；

7、用“横排文字工具”输入字母“OOLBOY” ，字体(System)，大小(30)，消除锯齿(平滑)，颜色(黑色)，生成“OOLBOY”图层；

8、对“OOLBOY”图层，重复执行⑶至⑹步；

9、选择“C” 图层，用“矩形选框工具”给C字符添加合适的矩形框；

34 10、用“渐变工具”进行“橙色、黄色、橙色”的“对称渐变”填充；

11、执行Ctrl+Shift+E命令，合并可见图层，保存文档；

12、将“COOLBOY”图片移到“网页.PSD”文档中的左上角并调整大小，并将该图层命名为“网站Logo”。

四、填充图片的透明部分

设置渐变颜色，用新设置的渐变色填充图片的透明部分。

1、新建图层，并命名为“背景2”。设置前景色为白色，背景色为(R=240，G=245，B=120)；

2、用套索工具创建为透明部分创建选区，并设置容差为20像素，再用“渐变工具”进行填充(从前景到背景，径向渐变)；

3、新建图层，并命名为“背景3”。设置前景色为白色，背景色为 (R=245，G=40，B=205) ；

4、在图片的下方用矩形选框工具创建一矩形选区，并设置容差为10像素，再用“渐变工具”进行填充(从前景到背景，径向渐变)；

五、添加按钮

在图片的右上角添加两个横排按钮。

1、选择形状工具中的“圆角矩形”工具，在图片的左边画出一个圆角矩形，要求固定大小(宽80像素，高40像素，半径10像素)，样式设置为“带底纹红色斜面”；

2、将上步创建的形状图层按钮复制一个(Alt键按住不放，用鼠标左键拖曳)，并调整合适的位置；

35 3、用横排文字工具输入“登录”（字体宋体、篮色、24点、间距100）；

4、用横排文字工具输入“注册”（字体宋体、篮色、24点、间距100）。

六、添加图片和文字

1、选择一些素材图片加入网页中，调整大小和位置；

2、在放置图片区域的右上角添加“我的相册”四个字(隶书、48、红色)；

3、创建图层，在文字下方添加一个渐变的矩形框(R=215，G=241，B=123和R=120，G=245，B=238)，并在网页右下角添加“下一页>”。

七、完善背景

为了让网页的背景更加丰富，添加一些枫叶。

1、选择画笔工具，并且选用“装饰2”笔刷；

2、创建新图层，并将新图层移到“背景3”图层之上，命名为“背景装饰”用画笔在图片上随意涂画。再设置不透明度为50%。

八、制作切片和建立网页链接

1、选中第1幅图像，执行“文件-存储为Web和设备所用格式”；

2、单击“存储”，在“将优化结果存储为”对话框中，选择保存类型“Html和图像(html) ”，名为“”，单击“保存”；

3、按照上述方法将其余图像保存为“网页文件”；

36 4、选择“切片工具”按钮，在画布窗口内拖动鼠标，选中要进行切片的图像，即可创建切片，按照相同方法为其它图像创建切片；

5、在第1幅图像上右击鼠标，选择“编辑切片选项”命令，在“URL”文本框中输入要链接的文件名“”，确定即可；(注意保存文件的路径)

6、按照相同方法为其它图像建立网页链接；

7、将加工处理的图像保存，“文件-存储为Web和设备所用格式”，按照上述方法将图像保存为“网页.html”。

四、基本要求：

课时：6

素材：

五、评价：

37