1、平面设计（Photoshop） 课程实训指导书主编 张 晓2014 年 12 月编写说明平面设计是指通过文字、图形和图像的灵活组合产生出多种视觉效果，以表达不同用途的印刷品或宣传品。Photoshop（简称 PS）是实现平面设计 的主流软件之一，其 应用领域十分广泛，主要有平面广告设计、网页设计、包装设计、企事业形象设计、装潢设计、印刷制版、游 戏、 动漫形象以及影 视制作等。我们编写平面设计（Photoshop）课程实训指导书，其目的是根据我院学生的基础知识比较差、学习积极不高等实际情况，选取比较容易上手的一些典型项目，通过针对性的实训指导，提高学生的动手能力及学习的积极性。使学生掌握 PS
2、 的基础知识和基本技能，具备一定的平面设计、策划等必需的基础知识及相关的职业能力，培养学生具备专业开发过程中需要的基本职业能力，并为后续专业课程网络动画、网页制作与网站建设等课程的学习作前期准备。编者2014 年 12 月实训知识、技能要求：知识 技能了解选区工具组使用原理掌握基本扣图、移动图像、图像合成等能力了解修复工具的使用原理 掌握旧照片修复的能力了解渲染、渐变、画笔、橡皮擦使用原理掌握图片细节、艺术化处理能力了解图层的重要作用 掌握图层和图层模式应用能力了解文字工具、调板的作用 掌握为作品填加艺术效果的文字了解路径的基本概念，理解创建、编辑和应用路径的方法原理掌握通过路径扣图、建立路径
3、文字的能力理解蒙版的作用 蒙版应用能力了解通道概念及通道调板的原理 掌握通过通道扣图能力了解滤镜在图像加工中的各种作用 掌握各种滤镜的使用方法与技巧了解色彩上色原理 对图像调色能力了解切片在网页设计中的作用 网页设计能力实训条件：满足硬件配置的机房、Photoshop3 版本以上的 图形图像处理软件、教学 课件、网络资源。实训安全要求：学生上机要遵守上机守则，听从老师安排，注意安全用机、安全用电。目录一、项目 1 相框合成 1二、项目 2 婚纱照合成 3三、项目 3 用修复工具修复照片 5四、项目 4 彩球与彩环的制作 7五、项目 5 森林中汽车内的人物制作 10六、项目 6 九华山对联的制作
4、 12七、项目 7 绿色奥运 15八、项目 8 叶中观月 18九、项目 9 风驰电掣 20十、项目 10 给黑白头像加上红润的肤色 23十一、项目 11 制作书籍封面 27十二、项目 12 网页设计 321项目 1 相框合成一、实训目标：通过该案例的学习掌握移动工具的操作方法；常用命令全选（Ctrl+A）、复制(Ctrl+C)、粘贴(Ctrl+V) 、撤消（Ctrl+Alt+Z）、恢复（Ctrl+Shift+Z）、自由变换（Ctrl+T ）的使用，图像文件的打开、保存、关闭 操作。二、实训任务将图片放在图框中，再进行调整，使之符合要求。三、操作步骤：1、打开风景画图片； 2、执行全选复制命令；
5、3、打开相框图片；4、执行粘贴命令；5、执行自由变换命令。调整风景画大小使其适合相框大小。6、保存文件名为“ 相框合成效果.PSD”。四、基本要求：课时：2素材：2五、评价：从学生提交的作品中选取效果好的，向学生展示，激发学生的学习积极性。六、可展示成果：学生提交的实训作品作品效果图参考风景 相框3项目 2 婚纱照合成一、实训目标：通过该案例的学习掌握魔棒工具组、套索工具组建立选区方法，掌握反向命令（Ctrl+Shift+I ）。二、实训任务：将人物从背景图中扣出，放在别的背景图中进行合成，达到一定的效果。三、操作步骤：1、打开“背景图片、人物图片 1、人物图片 2”图像文件；2、分别用魔棒工
6、具组、套索工具组选取人物，观察其那一种方法更合适本图片；3、选择背景图片文件，执行粘贴命令；4、执行自由变换命令，调整大小和位置；5、用上述步将人物图片 2 复制到背景图片中，并调整大小和位置；6、以“婚纱照合成效果.PSD”为名保存。四、基本要求课时：2素材：背景图 人物 1 人物 24五、评价：以作业的形式让学生提交，并对作品进行评价打分，满分为 10 分。可根据完成情况效果给以不同的分值，作为平时成绩。六、可展示成果：学生提交的实训作品作品效果图参考5项目 3 用修复工具修复照片一、实训目标：1、掌握污点修复画笔工具的操作方法2、掌握修复画笔工具、修补工具的操作方法3、掌握红眼工具的操作
7、方法二、实训任务：能够熟练使用修复工具对有瑕疵、折痕、红眼的照片进行修复，在实训 中总结经验，提高水平。三、操作步骤：1、打开瑕疵照片，用放大工具将图片放大到适合大小，选择污点修复画笔工具，调整画笔至不同大小，对皮肤斑点处单击，消除斑痕，比较不同效果。2、打开折痕照片，选择修复画笔工具或修补工具，调整画笔大小至适当，单击或擦抹折痕处，比较效果。（本图片修复达到一定效果需 4 个课时左右，学生要反复操作，掌握方法技巧）3、打开红眼照片，选择红眼工具，在属性 栏上调整不同的瞳孔大小及变暗量，单击红眼位置处，比较不同效果。四、基本要求：课时：6素材：6五、评价：分别就实训中使用的几种工具进行不同设置
8、而出现的不同效果对学生进行提问，对能进行认真总结，或提出自己见解的同学给予加分奖励。从而达到总结经验，提高技巧水平，促进对所学知识的理解和掌握。六、可展示成果：学生提交的实训作品瑕疵照片 折痕照片 红眼照片7项目 4 彩球与彩环的制作一、实训目标：通过本案例的学习掌握怎样定义图案，填充图案，了解渐变的类型和设置方法二、实训任务：能严格按照要求设置各种参数，实现制作效果三、操作步骤：一、背景图案的制作1、新建 12 厘米12 厘米，RGB 模式、白色背景的画布；2、在背景图层上建立“图层 1”，建立正方形选区； 3、显示标尺（视图标尺）建立四条参考线；4、设置前景为黄色，背景为浅红色，用 渐变工
9、具进行径向渐变填充选区（前景到背景）；5、定义图案（编辑定义图案）；6、在“历史记录”调板中，单击“ 新建”操作步骤；7、用“油漆桶工具”在画布上填充刚才建立的图案。二、PHOTOSHOP 渐变工具的巧用彩球制作彩球操作步骤：1、在背景图之上创建图层 1(图层-新建-图层 )；2、设置前景色为白色(ffffff)，背景色 为蓝色(0321ff)；83、打开“渐变编辑器” ( 单击渐变工具按钮-径向渐变按钮-单击渐变样式图案-渐变编辑器)；4、调整色标使前景色为白色，背景色为蓝色( 注意：此时只有两个色标) ；5、调整右侧色标(向左移动使位置值为 70%)；6、增加一个色标，使其前景色为白色；7
10、、创建圆形选区(选椭圆工具-Alt+Shift+ 鼠标拖动)(注意：最好设置水平、垂直参考线)；8、绘制实心立体彩球并取消选择(选择渐变 工具径向渐变)(取消 选择 Ctrl+D)；9、设置不透明度(设置 3 个不透明度色标值 分别为，,)；10、创建透明立体彩球(在历史记录选择创建 圆形选区一步，用鼠标在圆内拖动)；11、取消选区，取消参考线即可。三、PHOTOSHOP 渐变工具的巧用彩环的制作1、在上题(制作彩球)的基础上，创建图层 2，并隐藏图层1(使 图层 1 左侧眼睛消失)；2、作 6 条参考线 1,8，15 厘米处(水平、垂直各 3 条)；3、创建圆形选区(Shift+鼠标拖动)；
11、4、设置角度渐变为色普渐变色(渐变编辑器 -预设-色普) ；95、设置 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 彩环(编辑-自由变换，7 彩环沿中心水平拉长、垂直 压缩)；10、作图层 2 的副本，
12、(选中图层 2-图层-复制 图层) 并将其移在图层 1 的下方；11、将图层 2 上半部分作矩形选区-按 Delete-取消选区)四、基本要求：课时：4素材：本任务不需要提供图片。五、评价：学生提交实训报告，并进行评价打分，满分 为 10 分。可根据完成情况效果给以不同的分值，作为平时成绩。六、可展示成果：学生提交的实训作品作品效果图参考10项目 5 森林中汽车内的人物制作一、实训目标：理解图层在图像处理中的意义，了解图层混合模式的设置方法，掌握图层的各种操作技能二、实训任务：通过图像的上下层关系，实现将汽车放在森林中的树木之后、人物放在汽车里面。三、操作步骤：一、作林中汽车1、打开“树林.P
13、SD 和小汽车.PSD”文档，将“ 树林.PSD”以“林中汽车效果 .PSD”为名保存，用魔棒工具选择小汽车，再执行“ 选择反向 ”命令；2、将小汽车复制到林中汽车效果图像中；3、执行“自由变换”命令，调整小汽车的大小和位置；4、让汽车图像消失，用套索工具在树林图像中创建一个选区，将部分树干选中，让汽车图像显示，（注意，如果位置不合适，重复上述过程）；5、选中背景图层（目的是为了将选区背景内的图像复制到新图层中）， 单击“ 图层新建通过拷贝的 图层” ；（存放树干图像）6、调整图层 2 的位置，将图层 2 移到图层 1 之上。二、制作汽车中的人物图像1、选中“林中汽车效果”图像，创建一个选区，
14、选中汽车挡风玻璃； 112、执行“图层新建通过剪切的图层”，出现图层3；（存放玻璃图像）3、创建一个选区， 选中汽车挡风玻璃；4、打开“女士图片”调整图像大小“宽 200 像素，高 130像素”，选择选区， 执 行复制命令； 5、执行“编辑贴入”命令，出现图层 4；（存放女士图像）6、执行自由变换命令，调整女士图片大小和位置；7、将图层 4 的不透明度设置为 50%，填充设 置为 90%(或执行混合模式- 滤色命令)。四、基本要求：课时：4素材：五、评价：学生提交实训报告，作为平时成绩。六、可展示成果：提交作品森林 汽车 人物作品效果图参考12项目 6 九华山对联的制作一、实训目标：了解文字工
15、具的使用原理，掌握文字图层栅格化、文字变形、反向命令（Ctrl+Shift+I ）、贴入命令（Ctrl+Shift+V）、设置图层混合等操作。二、实训任务：对文字样式进行编辑变换，将文字转换成选区并加凸起效果三、操作步骤：一、将“云图”和“ 九华山”合并1、打开“九华山”和“ 云图”图像；2、选中“云图”文档，创建一个矩形选区，选中云图的上半部分，执行 “复制”命令；3、选中“九华山”文档，用“ 魔棒工具”选中“九华山”图像中的天空，创 建天空选区；4、执行“贴入”命令，“ 自由变换”命令，调整云图大小，回车结束；5、设置图层混合模式为“正片叠底”；6、合并图层到背景图层。二、制作凸起的对联文
16、字1、打开“九华山添加云图效果”文档，单击“ 直排文字工具”按钮， 设置字体 华文行楷，大小 70 点， 红色，消除 锯齿方式 平滑，左侧输 入“ 沃土出黄金”，右侧输入“ 妙手生白玉” ；132、单击“横排文字工具”按钮，设置字体 华文新魏，大小 80点，红色，消除锯齿方式 浑厚，中 间位置偏上 输入“ 九华山”；3、将“九华山”文字图层设置为普通图层，即栅格化文字，(图层 -栅格化 -文字)；( 说明：普通图层易于变形)4、 编辑-变换-变形( 拖 动控制柄调整文字形状 )；5、选中“背景”图层，复制一个新的“ 背景副本” 图层；6、选中各文字选区 (按住 Ctrl+Shift 键， 单击
17、 各文字图层按钮) ；7、选中“背景副本”图层，执行“ 选择-反向”命令，再按Delete 键，删 除文字以外的选区；8、删除各文字图层；9、设置浮雕效果， (单击“图层”调板的 fx 按钮，选择“斜面和浮雕”命令，设置样式为：浮雕效果，方法：雕刻清晰，深度388%，其它不变。10、取消选区。制作完成。四、基本要求：课时：4素材：云图 九华山14五、评价：学生提交实训作品，作为平时成绩。六、可展示成果：提交作品作品效果图参考15项目 7 绿色奥运一、实训目标：掌握钢笔工具、图形工具建立路径，掌握路径和选区转化方法。 二、实训任务：将多幅奥运场馆的图片按主次放在背景图中，并适当进行羽化设置，使
18、图片能更好地和背景融合。再在图片之上创作绿色环保标志，加文字说明。三、操作步骤：一、制作背景图像和文字操作方法：1、新建一个宽 1000 像素，高 600 像素，分辨率为 100 像素/厘米，RGB 模式，背景 为浅兰色（R=150，G230，B230），名为“ 绿色奥运 .PSD”； 2、打开奥运场馆图 1，用椭圆形选框工具，在其选项框内设置羽化 30 像素，在图像内拖出一个椭圆形的选区，再使用工具箱内的移动工具，将选区内的图像拖到“绿 色奥运.PSD” 的画布窗口，；3、执行自由变换命令，调整大小和位置作为主场景4、用同样的方法将其它场馆图复制到“绿色奥运.PSD” 的画布窗口，调整到合适
19、的位置；5、输入蓝色、宋体、 20 点的直排文字“ 北京欢 迎您”，再添加文字浮雕效果。二、制作环保标志161、显示标尺，创建两条参考线。 单击“ 自定义 形状工具”按钮，在工具 选项栏“ 形状” 的下拉列表中选择“ 实心箭头” ，再在画布上拖动鼠标，自动生成“ 形状 1”形状图层。2、用直接选择工具单击剪头的边缘，使前头变成“ 路径”。3、适当调整剪头的形状，在路径调板中，按住 Ctrl 键，单击“ 路径缩览图 ”图标，（将路径转换为选区）； 4、创建新图层并选中，设置前景色为浅绿色（R25 ，G 123，B 50），填充前景色（Alt+Del）；5、删除形状图层，复制上一步新建的图层生成“
20、 图层副本”，再隐藏第步建立的图层。6、使用矩形选框工具将剪头删除，取消选区。执行自由变换命令，调 整图像大小，再设置旋转角度为60 度，确定。7、显示隐藏的图层， 调整该图层的角度为 60 度，适当调整位置和大小，与其副本图层合并。8、在该图像的上方创建矩形选区，删除多余部分，取消选区。9、将图像向上移动到适当位置，执行自由变换命令，将中心控制点移到画布中心点，角度设置为 120 度，属性栏的 去掉。10、执行旋转复制命令两次（Ctrl+Shift+Alt+T），并将三个图层合并。11、设置图层样式为“ 投影（正片叠底）”和“ 斜面和浮雕（斜面浮雕、雕刻清晰）。12、设置本图层不透明度为 8
21、5%；17四、基本要求：课时：6素材：五、评价：学生提交实训报告，作为平时成绩。六、可展示成果：提交作品作品效果图参考场馆 2 场馆 3 场馆 4场馆 1 场馆 5 场馆 6 场馆 718项目 8 叶中观月一、实训目标：掌握创建剪贴蒙版，会应用图层样式，掌握文字图层的应用二、实训任务：将树叶放入观月图中，把图中的两个人物遮盖，再将人物放在树叶中，人物只能在树叶中显现。三、操作步骤：一、制作叶中观月操作方法：1、打开“月亮景色”、 “树叶”、“人物”文档，并将“ 月亮景色”图像以“叶中 观月.PSD”为名保存；2、将“树叶”图像用魔棒工具选择后复制到“叶中观月.PSD”中，并调整大小和位置；3、
22、将“人物”图像用魔棒工具选择后复制到“叶中观月.PSD”中，并调整大小和位置；4、选中“人物”图像所在的图层，执行“ 图层创建剪贴蒙版” 命令，（如果位置不合适可以选中要调整的 图层进行调整）。 二、制作图像文字1、用直排文字工具分别添加“叶中观月”和“举头思乡” （隶书、 56 点，黄色，平滑）；2、给两个图层文字添加图层样式为“斜面和浮雕” （浮雕效果）；3、将“背景”图层复制两次；194、将复制的图层分别移到“叶中观月”和“ 举头思乡” 图层之上；5、分别选中“ 背景副本”和“ 背景副本 2”，执行“图层创建剪贴蒙版”；四、基本要求：课时：2素材：五、评价：以作业的形式让学生提交，并对作
23、品进行评价打分，满分为 10 分。可根据完成情况效果给以不同的分值，作为平时成绩。六、可展示成果：学生提交的实训作品作品效果图参考人物 树叶 月亮景色20项目 9 风驰电掣一、实训目标：掌握通道的操作（创建、选择、复制通道）技能，掌握几种滤镜（径向模糊滤镜，模糊滤镜和风吹滤镜）的操作方法。二、实训任务：利用滤镜将图片背景设置成径向模糊效果，利用通道将文字形成刮风效果三、操作步骤：一、制作背景图像1、打开“道路”和“ 小汽车”图像，将“道路”图像以“风驰电 掣效果 .PSD”为名进行保存；2、执行“滤镜模糊径向模糊”（数量30，缩放，好）；3、将“小汽车”图像移动到“ 风驰电掣效果.PSD”中，
24、并调整大小和位置。二、制作倾斜的文字1、在“风驰电掣效果.PSD”中，用“横排蒙板文字工具”，输入“ 风驰电掣 ”（隶书，80 点，字符间距 200）；2、执行“选择变换选区”，将选区调整大一些，并移在左上角；3、选择“通道”调板，单击“ 将选区存储为通道” 按钮，即可建立名为“Alpha1”的通道；4、取消 RGB 左侧显示 图标， “Alpha1”单击左侧的显示图标；215、Ctrl+D 取消文字选区；6、执行“编辑变换斜切”，用鼠标向右拖动文字上部中间的控制柄，使文字向右倾斜；如果“Alpha1”通道中的“风驰电掣”不是黑底白字，双击“Alpha1”通道， 选“被蒙版选区”即可；三、制作
25、飞行文字1、执行“滤镜模糊模糊”；2、执行“滤镜风格化风”命令，（3 次）3、执行“图像调整曲线” 命令，拖动曲线，观察文字变化；4、单击通道调板中的 RGB 通道。再回到 “图层” 调板，创建一个新图层；5、执行“选择载入选区”命令，在“ 通道”下拉列表框中选择“Alpha1”；6、设置前景色为红色，按 Alt+Delete 填充前景色，再取消文字选区。四、基本要求：课时：4素材：五、评价：道路 小汽车22完成上述案例并以 “风驰电 掣.PSD” 为名保存并提交作业，按完成效果打分，作为平时成绩。六、可展示成果：学生提交的实训作品 作品效果图参考23项目 10 给黑白头像加上红润的肤色一、实
26、训目标：掌握色彩平衡、色相/饱和度、图层、前景 设置、油漆桶工具、图层蒙版等操作方法的综合应用二、实训任务：黑白人像上色跟绘画中的上色非常类似，需要自己有一定的美感及色彩搭配能力。人像上色相对要容易一点，我们可以直接找像素及色彩比较好的实物图作为参考，这样可以更加精细的上色。三、操作步骤：1、先打开原图，将背景复制一个“背景 副本 ”图层。2、第一步先来整体上色，单击选择菜单“图像 -调整-色彩平衡” 。3、在弹出的色彩平衡窗口中，我们将对皮肤的主体色进行上色，首先设置中间调，调高红色和黄色，并适当加强洋红，这是调整黄色肤种的常用手法。4、接下来单击阴影色调，阴影部分一样适当加强红色和黄色，但
27、不再加强洋红，而是向绿色方向加强，这样就能让皮肤色彩产生层次感。5、最后单击高光，适当加强青色和洋红及蓝色，总的来说，不要让阴影、高光的调整与中间调相尽，这样的皮肤上色缺乏层次感。246、接下来给脸蛋部分添加一些红，这样会让皮肤看起来更加的红润，新建一个透明图层 1，然后在脸腮处用椭圆选区拉出一个选区。7、在选区上单击右键，选择“羽化”选项，在弹出的羽化选区设置框中设置羽化半径为 20。8、将前景色设置为淡红色，单击选择油漆桶工具9、确保选中图层 1，用油漆桶在选区上单击进行填充。10、将图层 1 的不透明度降低到 20%，这样 就会在皮肤上形成一种白里透红的效果。11、将图层 1 复制生成一
28、个“图层 1 副本”，利用移动工具将其移动到另一边的脸蛋上，这样就形成了两边的腮红效果。12、接下来我们来处理头发的颜色，利用套索工具将头发部分大致选中13、一样设置头发选区的羽化半径为 8。14、单击选中“ 背景 副本”图层，然后按 Ctrl+J 键将选区生成一个新的图层 2。15、确保选择头发图层 2，选择菜单“图像-调整-色彩平衡” ，要让头发呈现黑色，只要将青色和蓝色加深即可，阴影、中间调和高光都可依据这个原理进行调节16、将前景色设置为黑色，单击选择画笔工具，将其不透明度降低到 30%左右。17、给头发图层 2 添加图层蒙版，利用硬度为 0 的黑色画笔在蒙版上进行擦拭，主要选择头发的
29、边缘进行，设置画笔的不透明度的目的是为了让发丝边缘形成良好的过渡效果。2518、接下来处理眼睛、眉毛和部分残余头发，一样利用套索工具将其大致选中。19、同样设置一下选区的羽化半径，设置为 3。20、确保单击选中“ 背景 副本”图层，然后按 Ctrl+J 键将选区生成图层 3。21、眼睛和眉毛一般都是呈现黑色，所以我们要进行颜色修改，单击选择菜单“ 图像-调整-色彩平衡 ”，将青色和蓝色增强即可呈现黑色，阴影、中间调及高光都可依据这个原则进行细节调整。22、最后我们来处理一个嘴唇，这是相当重要的一笔，能起到画龙点睛的作用，一样利用套索工具先大致将嘴唇选中。23、然后利用 Ctrl+J 快捷键将选
30、区生成图层 4。24、嘴唇颜色的调节我们可以利用“色相/饱和度”，单击选择菜单“图像 -调整-色相/饱和度”，嘴唇一般都 带有些红色，可根据个人喜好进行上色。25、给嘴唇图层 4 添加图层蒙版，利用硬度为 0 的黑色画笔将边缘多余的部分擦除掉。26、到些人脸上色部分就基本完成，最后还要对背景进行适当的处理，新建一个透明图层 5，将其图层混合模式设置为“叠加”，不透明度设置 为 40%左右。27、将前景色设置为绿色，单击选择画笔工具，设置不透明度为 75%。28、利用设置好的画笔工具在背景上进行相应的涂抹，可改变颜色为蓝色在右边的背景处进行涂抹，总之背景的处理是为了让画面的整体色彩更加鲜艳，具体读者可自由发挥。
