09PS教学课件项目九.ppt

职业院校教材图形图像处理案例教程photoshop cs5行业实训行业实训p学习要点学习要点Ø综合利用所学的综合利用所学的 Photoshop 图像处理知识、图像处理知识、方法与技巧实现平面设计工作方法与技巧实现平面设计工作 1职业院校教材图形图像处理案例教程photoshop cs5项目任务项目任务任务任务1    制作制作 2 寸蓝底证件照寸蓝底证件照任务任务2    潮州古城潮州古城  任务任务3    录制录制“水印水印 Logo”动作动作2职业院校教材图形图像处理案例教程photoshop cs5任务任务1  制作制作 2 寸蓝底证件照寸蓝底证件照任务分析任务分析在我们的学习和生活中，经常会需要用到证件照，例如考试、在我们的学习和生活中，经常会需要用到证件照，例如考试、申请书、档案、简历等，申请书、档案、简历等， 都需要证件照证件照的种类繁都需要证件照证件照的种类繁多，每种证件照规格都有特定的要求，不仅仅是在尺寸上，多，每种证件照规格都有特定的要求，不仅仅是在尺寸上， 照片的背景颜色也同样有规定要求本任务将详细讲解如照片的背景颜色也同样有规定要求本任务将详细讲解如何利用何利用 Photoshop 制作制作 2 寸蓝底证寸蓝底证 件照片，最终效果如件照片，最终效果如图图 9-1-2 所示。

所示3职业院校教材图形图像处理案例教程photoshop cs5任务任务1  制作制作 2 寸蓝底证件照寸蓝底证件照相关知识相关知识1.证件照的大小及颜色证件照的大小及颜色照片的尺寸国内外说法是不同的，国内的叫法是 5 寸、6 寸、7 寸等，数值取的是照片 较长的那一边；国际的叫法是 3R、4R、5R 等，数值取的是照片较短的那一边按照目前的通行标准，照片尺寸是有较严格规定的1.1 英寸证件照的尺寸应为 3.6 厘米 ×2.7 厘米； 2.2 英寸证件照的尺寸应是 3.5 厘米 ×5.3 厘米； 3.5 英寸（最常见的照片大小）照片的尺寸应为 12.7 厘米 ×8.9 厘米； 4.6 英寸（国际上比较通用的照片大小）照片的尺寸是 15.2 厘米 ×10.2 厘米； 5.7 英寸（放大）照片的尺寸是 17．8 厘米 ×12．7 厘米； 6.12 英寸照片的尺寸是 30．5 厘米 ×25．4 厘米  4职业院校教材图形图像处理案例教程photoshop cs5任务任务1  制作制作 2 寸蓝底证件照寸蓝底证件照任务实施任务实施l1 打开素材打开素材“人物人物”，如图，如图 9-1-1 所示。

所示l2 由于拍摄的原因，照片人物发生了倒置，选择菜单栏上的【图像由于拍摄的原因，照片人物发生了倒置，选择菜单栏上的【图像→旋转画布旋转画布→ 90 度度 （顺时针）】命令，纠正照片的方向，如图（顺时针）】命令，纠正照片的方向，如图 9-1-3 所示l3    裁剪制作裁剪制作 2 寸彩色证件照片选择寸彩色证件照片选择“裁剪工具裁剪工具”，在上方的属性栏中设置好裁，在上方的属性栏中设置好裁剪剪 2 寸寸 照片的预定义尺寸，设置参数如图照片的预定义尺寸，设置参数如图 9-1-4 所示 5职业院校教材图形图像处理案例教程photoshop cs5任务任务1  制作制作 2 寸蓝底证件照寸蓝底证件照任务实施任务实施l4      设置好参数后，利用鼠标拖动出预览虚线框，可以预览到即将要截取的部分，设置好参数后，利用鼠标拖动出预览虚线框，可以预览到即将要截取的部分，调整调整 截取局部的位置和大小，如图截取局部的位置和大小，如图 9-1-5 所示在裁剪区域内双击确认裁剪，完所示在裁剪区域内双击确认裁剪，完成一张规格为成一张规格为 2 寸的彩色证件照片，效果如图寸的彩色证件照片，效果如图 9-1-6 所示。

所示l5      制作白底转蓝底选择魔棒工具，选中白色背景；按制作白底转蓝底选择魔棒工具，选中白色背景；按 Shift + Ctrl + I 快捷键快捷键反向选反向选 区，效果如图区，效果如图 9-1-7 所示 l6       单击工具属性栏中的单击工具属性栏中的   按钮，如图按钮，如图 2-3-8 所示，打开所示，打开“调整边缘调整边缘”对话框，对话框， 在在“视图视图”下拉列表中选择下拉列表中选择“黑底黑底”，这样可以清晰地观察到头发细节，如图，这样可以清晰地观察到头发细节，如图 9-1-8 所示  6职业院校教材图形图像处理案例教程photoshop cs5任务任务1  制作制作 2 寸蓝底证件照寸蓝底证件照任务实施任务实施l7     使用调整半径工具使用调整半径工具   在人物的头部周围拖动鼠标涂抹，对头发进行细化，如在人物的头部周围拖动鼠标涂抹，对头发进行细化，如图图 9-1-9 所示l8      在在“视图视图”下拉列表中选择下拉列表中选择“黑白黑白”，如图，如图 9-1-10 所示，放大人物观察，人物所示，放大人物观察，人物头部头部 的头发、耳朵等有浅灰色。

选择涂抹调整工具的头发、耳朵等有浅灰色选择涂抹调整工具   进行涂抹，如图进行涂抹，如图 9-1-11 所所示为处理后的示为处理后的 效果单击效果单击“确定确定”按钮关闭对话框，将人物抠出来按钮关闭对话框，将人物抠出来 l9     按住按住 Ctrl 键单击图层面板底部的创建新图层按钮，在当前图层下方新建一个键单击图层面板底部的创建新图层按钮，在当前图层下方新建一个图层，图层， 将该图层填充为蓝色（将该图层填充为蓝色（R：：0 、、G：：191 、、B：：243），然后执行【图层），然后执行【图层→拼合图像】命令，一拼合图像】命令，一 张蓝底的张蓝底的 2 寸照片就制作就完成了，效果如图寸照片就制作就完成了，效果如图 9-1-12 所示 7职业院校教材图形图像处理案例教程photoshop cs5任务任务1  制作制作 2 寸蓝底证件照寸蓝底证件照任务实施任务实施lO     新建一个新建一个 5 寸的相纸规格的文件，寸的相纸规格的文件，“宽度宽度”为为 8.9 厘米、厘米、“高度高度”为为 12.7 厘米，厘米，“分辨分辨 率率”为为 300 像素像素 / 英寸、英寸、“颜色模式颜色模式”为为“CMYK 颜色颜色”、、“背景内容背景内容”为为“白色白色”。

lQ 执行菜单栏上的【视图执行菜单栏上的【视图→标尺】命令（或按住标尺】命令（或按住 Ctrl + R 键），显示出标尺，键），显示出标尺，可以看到可以看到 在图像的上方和左侧分别出现了水平标尺和垂直标尺在标尺上单击右在图像的上方和左侧分别出现了水平标尺和垂直标尺在标尺上单击右键可以选择标尺上的键可以选择标尺上的 度量单位，这里选择度量单位，这里选择“厘米厘米”作为标尺的度量单位，如图作为标尺的度量单位，如图 9-1-13 所示lW 分别在水平标尺上的刻度分别在水平标尺上的刻度 0.8 厘米和厘米和 8.1 厘米的位置设置两道垂直参考线，厘米的位置设置两道垂直参考线，继续在继续在 垂直标尺的垂直标尺的 0.8 厘米和厘米和 11.9 厘米的位置设置两道水平参考线，如图厘米的位置设置两道水平参考线，如图 9-1-14 所示 8职业院校教材图形图像处理案例教程photoshop cs5任务任务1  制作制作 2 寸蓝底证件照寸蓝底证件照任务实施任务实施lO     新建一个新建一个 5 寸的相纸规格的文件，寸的相纸规格的文件，“宽度宽度”为为 8.9 厘米、厘米、“高度高度”为为 12.7 厘米，厘米，“分辨分辨 率率”为为 300 像素像素 / 英寸、英寸、“颜色模式颜色模式”为为“CMYK 颜色颜色”、、“背景内容背景内容”为为“白色白色”。

lE 利用利用“移动移动”工具将刚制作好的工具将刚制作好的 2 寸蓝底证件拖动到新建相纸相应的参考线位置，寸蓝底证件拖动到新建相纸相应的参考线位置， 以确定第一张相片的具体位置，如图以确定第一张相片的具体位置，如图 9-1-15 所示lR 复制证件相片利用项目二中移动复制图像的方法对复制证件相片利用项目二中移动复制图像的方法对 2 寸蓝底证件相片进行复寸蓝底证件相片进行复制，制， 效果如图效果如图 9-1-16 所示 9职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务分析任务分析实训综合利用所学的实训综合利用所学的 Photoshop 图像处理知识来实现城市宣传网站主图像处理知识来实现城市宣传网站主页的制作，在设页的制作，在设 计过程中，要制作出完美的平面设计作品，不只要熟计过程中，要制作出完美的平面设计作品，不只要熟练地应用软件，更需要具备创新的思练地应用软件，更需要具备创新的思 想湘子桥是中国第一也是世界想湘子桥是中国第一也是世界第一座启闭式桥梁，以其第一座启闭式桥梁，以其“十八梭船二十四洲十八梭船二十四洲”的独特风格的独特风格 与河北赵州与河北赵州桥、泉州洛阳桥、北京卢沟桥并称中国四大古桥。

桥、泉州洛阳桥、北京卢沟桥并称中国四大古桥湘桥春涨湘桥春涨”是是“潮潮州八景州八景”之之 一，时当暮春三月，韩江水涨，河面增阔，湘子桥东西段一，时当暮春三月，韩江水涨，河面增阔，湘子桥东西段中间十八梭船连成一线，似长龙卧中间十八梭船连成一线，似长龙卧 波实训中的城市宣传网站主页抓波实训中的城市宣传网站主页抓住了住了“潮州古城潮州古城”特点，画面以特点，画面以“湘子桥湘子桥”为主要背景图为主要背景图 像，然后加以像，然后加以“水墨水墨”图像处理，再配以艺术字和红印章等元素表达设计者的设计理图像处理，再配以艺术字和红印章等元素表达设计者的设计理念，让念，让 整个设计都能很好地表现出整个设计都能很好地表现出“古城古城”的文化底蕴，效果如图的文化底蕴，效果如图 9-2-5 所示10职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务分析任务分析11职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城相关知识相关知识l1. 平面设计的概念平面设计的概念平面设计，原称装潢设计，也称作视觉传达设计，是以“视觉”作为沟通和表现的方 式，通过结合符号、图片和文字等多种方式来创造，借此做出用来传达想法或讯息的视 觉表现。

2. 平面设计的基本要素平面设计除了在视觉上给人一种美的享受外，更重要的是向广大消费者转达某种信 息、理念平面设计主要有以下几个基本要素构成：1 创意 平面设计的第一要素，没有好的创意，就没有好的作品，创意中要考虑观众、传播媒体、文化背景三个条件 2 构图 构图就是要解决图形、色彩和文字三者之间的空间关系，做到新颖，合理和统一 3 色彩 好的平面设计作品在画面色彩的运用上注意调和、对比、平衡、节奏与韵律12职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城相关知识相关知识l1. 平面设计的概念平面设计的概念3. 平面设计的项目分类常见的平面设计项目，可以归纳为以下几类： 1 网页设计网页设计根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行 网站功能策划，然后进行的页面设计美化工作2 包装设计 包装设计即指选用合适的包装材料，运用巧妙的工艺手段，为包装商品进行的容器结构造型和包装的美化装饰设计3 DM 直接邮寄广告 DM（Direct mail advertising）广告，直译为“直接邮寄广告”，即通过邮寄、赠送等 形式，将宣传品送到消费者手中、家里或公司所在地。

13职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城相关知识相关知识l1. 平面设计的概念平面设计的概念4 平面媒体广告设计 平面媒体就是：报纸、杂志等传统媒体通过单一的视觉、单一的维度传递信息，相对于电视、互联网等媒体通过视觉、听觉等多维度的传递信息，而称作平面媒体 5 POP 广告设计POP（Point of purchase advertising）广告：凡是在商业空间、购买场所、零售商店的 周围、内部以及在商品陈设的地方所设置的广告物，都属于 POP 广告14职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城相关知识相关知识l1. 平面设计的概念平面设计的概念6 书籍装帧设计 书籍装帧设计是指从书籍文稿到成书出版的整个设计过程，也是完成从书籍形式的平面化到立体化的过程，它包含了艺术思维、构思创意和技术手法的系统设计7 VI 设计VI（Visual Identity），通译为视觉识别系统，是 CIS 系统中最具传播力和感染力的 部分是将 CI 的非可视内容转化为静态的视觉识别符号，以无比丰富的多样的应用形 式，在最为广泛的层面上，进行最直接的传播。

8 标志设计 标志设计是表明事物特征的记号它以单纯、显著、易识别的物象、图形或文字符号为直观语言，除表示、代替之外，还具有表达意义、情感和指令行动等作用15职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l1   背景制作背景制作 l1新建文件，设置大小为新建文件，设置大小为 1024×768 像素，分辨率为像素，分辨率为 300 像素像素 / 英寸，色彩模英寸，色彩模式为式为 RGB，背景为白色背景为白色 l2打开素材打开素材“湘子桥湘子桥”，如图，如图 9-2-1 所示，用所示，用“移动工具移动工具”将素材将素材“湘子桥湘子桥”拖动到拖动到新新 文件中，并调整其大小、位置，如图文件中，并调整其大小、位置，如图 9-2-6 所示  16职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l1   背景制作背景制作 l3按住快捷键按住快捷键 Ctrl + J 复制复制“图层图层 1”为为“图层图层 1 副本副本”，然后按住快捷键，然后按住快捷键 Ctrl + Shift + U 去色，执行菜单栏上的【滤镜去色，执行菜单栏上的【滤镜→模糊模糊→高斯模糊】命令，设置高斯高斯模糊】命令，设置高斯模糊参数为模糊参数为“1.5”像素。

像素l4 按住快捷键按住快捷键 Ctrl + J 复制高斯模糊图层，将复制高斯模糊图层，将“图层图层 1 副本副本 2”的图层模式改的图层模式改为为“亮亮 光光”，水墨效果如图，水墨效果如图 9-2-7 所示，图层状态如图所示，图层状态如图 9-2-8 所示 17职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l1   背景制作背景制作 l5 隐藏隐藏“图层图层 1”，然后合并，然后合并“图层图层 1 副本副本”和和“图层图层 1 副本副本 2”，单击图层面板，单击图层面板下的下的 “添加蒙版添加蒙版”按钮，为按钮，为“图层图层 1 副本副本 2”添加蒙版，设置画笔大小，用黑色添加蒙版，设置画笔大小，用黑色画笔把湘子桥的背画笔把湘子桥的背 景擦除，效果如图景擦除，效果如图 9-2-9 所示l6新建新建“图层图层 2”，填充颜色为（，填充颜色为（R：：223 、、G：：215 、、B：：194），修改图层模），修改图层模式为式为“正片正片 叠底叠底”，效果如图，效果如图 9-2-10 所示 18职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l1   背景制作背景制作 l7执行菜单栏上的【滤镜执行菜单栏上的【滤镜→纹理纹理→纹理化】命令，设置参数如图纹理化】命令，设置参数如图 9-2-11 所示，所示，纹理化纹理化 效果如图效果如图 9-2-12 所示。

所示 19职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l1   背景制作背景制作 l8 复制复制“图层图层 1”为为““图层图层 1 副本副本”，并移动到图层最上面，图层状态如图，并移动到图层最上面，图层状态如图 9-2-13 所示l9 复制复制“图层图层 1”为为“图层图层 1 副本副本 3”，按住快捷键，按住快捷键 Ctrl + I 进行反相处理，将进行反相处理，将“图层图层 1 副本副本”的图层模式改为的图层模式改为“颜色减淡颜色减淡”，如图，如图 9-2-14 所示l 20职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l1   背景制作背景制作 l0执行菜单栏上的【滤镜执行菜单栏上的【滤镜→其他其他→最小值】命令，参数设置如图最小值】命令，参数设置如图 9-2-15 所示，所示，效果如效果如 9-2-16 所示      21职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l1   背景制作背景制作 l0执行菜单栏上的【滤镜执行菜单栏上的【滤镜→其他其他→最小值】命令，参数设置如图最小值】命令，参数设置如图 9-2-15 所示，所示，效果如效果如 9-2-16 所示。

所示  lQ 合并合并“图层图层 1 副本副本”和和“图层图层 1 副本副本 3”，按住，按住 Alt 键的同时单击图层面板下键的同时单击图层面板下的的“添加添加 蒙版蒙版”按钮，添加黑色蒙版，然后设置画笔大小，调整画笔的不透明按钮，添加黑色蒙版，然后设置画笔大小，调整画笔的不透明度，用白色画笔涂抹出度，用白色画笔涂抹出 湘子桥的灯笼、亭子和桥墩等一些局部细节，为水墨湘子桥的灯笼、亭子和桥墩等一些局部细节，为水墨效果增加点颜色；按住效果增加点颜色；按住 Alt 键单击图层键单击图层 蒙版缩览图可以观察蒙版状态，蒙版蒙版缩览图可以观察蒙版状态，蒙版如图如图 9-2-17 所示，图层状态如图所示，图层状态如图 9-2-18 所示，涂抹所示，涂抹 效果如图效果如图 9-2-19 所示所示lW 打开素材打开素材“龙湫宝塔龙湫宝塔”，用，用“移动工具移动工具”将素材拖动到文件中，并调整其大小、将素材拖动到文件中，并调整其大小、位位 置，降低透明度为置，降低透明度为“47%”，如图，如图 9-2-20 所示为“龙湫宝塔龙湫宝塔”图层添加蒙图层添加蒙版，擦除宝塔背版，擦除宝塔背 景效果如图景效果如图 9-2-21 所示。

所示lE 打开素材打开素材“木棉花木棉花”，用，用“移动工具移动工具”将素材拖动到文件中，并调整其大小、将素材拖动到文件中，并调整其大小、位置 如图如图 9-2-22 所示l    22职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施23职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l1   背景制作背景制作 lh选择选择“画笔画笔”工具，按住工具，按住 F5 打开画笔设置对话框，设置参数如图打开画笔设置对话框，设置参数如图 9-2-23；然；然后新建图层，在图像的上、下边绘制出层峦叠翠的水墨效果，效果如图后新建图层，在图像的上、下边绘制出层峦叠翠的水墨效果，效果如图 9-2-24 所示    24职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l2  艺术字字体设计艺术字字体设计 l1新建文件，设置大小为新建文件，设置大小为 570×160 像素，分辨率为像素，分辨率为 300 像素像素 / 英寸，色彩模英寸，色彩模式为式为 RGB，背景为透明。

背景为透明l2选择选择“横排文字横排文字”工具，属性栏设置字体工具，属性栏设置字体“黑体黑体”，大小，大小“32”，输入文字，输入文字“潮州潮州古古 城城”如图 9-2-25 所示 l3按住按住 Ctrl 键的同时单击文字图层的缩略图，为图层建立选区，隐藏文字图键的同时单击文字图层的缩略图，为图层建立选区，隐藏文字图层，单击层，单击 “路径路径”面板中的面板中的“从选区生成路径从选区生成路径”按钮，如图按钮，如图 9-2-26 所示，将文所示，将文字选区转换为路径字选区转换为路径 25职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l2  艺术字字体设计艺术字字体设计 l3按住按住 Ctrl 键的同时单击文字图层的缩略图，为图层建立选区，隐藏文字图键的同时单击文字图层的缩略图，为图层建立选区，隐藏文字图层，单击层，单击 “路径路径”面板中的面板中的“从选区生成路径从选区生成路径”按钮，如图按钮，如图 9-2-26 所示，将文所示，将文字选区转换为路径字选区转换为路径  l4利用利用“直接选择直接选择”工具对路径上的锚点进行调整，将工具对路径上的锚点进行调整，将“潮州潮州”路径调节成如图路径调节成如图 9-2-27 所示效果。

所示效果 l5 利用利用“路径选择路径选择”工具选择工具选择“州州”字的路径，并向左平移，同时选中字的路径，并向左平移，同时选中“月月”字路字路径，径， 如图如图 9-2-28 所示；在属性栏中单击所示；在属性栏中单击“添加到形状区域添加到形状区域”按钮，然后再单按钮，然后再单击按钮，将击按钮，将“潮潮 州州”路径组合成如图路径组合成如图 9-2-29 所示效果所示效果l6利用相同的方法将所有路径调整为如图利用相同的方法将所有路径调整为如图 9-2-30 所示效果所示效果 26职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l2  艺术字字体设计艺术字字体设计 l对调整好的文字路径，单击路径面板中下方的将对调整好的文字路径，单击路径面板中下方的将“路径转换为选区路径转换为选区”按钮，新按钮，新建立建立 “图层图层 1”，为文字选区填充黑色，取消选区，效果如图，为文字选区填充黑色，取消选区，效果如图 9-2-31 所示 l将制作好的艺术字拖动到将制作好的艺术字拖动到“潮州古城潮州古城”文件中，并调整其大小、位置如图文件中，并调整其大小、位置如图 9-2-32 l9 输入文字输入文字“The ancientcity of chaozhou”和和“湘桥春涨水迢迢，十八梭船湘桥春涨水迢迢，十八梭船锁画桥锁画桥”，并调整其大小位置。

效果如图，并调整其大小位置效果如图 9-2-33 所示27职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l3   制作红印章制作红印章 l1新建文件，设置大小为新建文件，设置大小为 300×300 像素，分辨率为像素，分辨率为 300 像素像素 / 英寸，色彩模英寸，色彩模式为式为 RGB，背景为透明背景为透明 l2在属性栏中单击字符面板按钮，选择字体在属性栏中单击字符面板按钮，选择字体“汉鼎繁印篆汉鼎繁印篆”，设置文字颜色为，设置文字颜色为（（R：：182 、、G：：0 、、B：：5），参数如图），参数如图 9-2-34 所示，设置文字字符格式后所示，设置文字字符格式后输入文字输入文字“潮州古潮州古 城城”，如图，如图 9-2-35 所示l3 新建新建“图层图层 1”，用圆角矩形工具画出半径为，用圆角矩形工具画出半径为“10”像素的一个正方形，如图像素的一个正方形，如图 9-2-36 所示28职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l3   制作红印章制作红印章 l4载入载入“图层图层 1”选区，收缩选区，收缩“10”像素，按像素，按 Delete 键删除，并调整文字和印框键删除，并调整文字和印框的位的位 置，效果如图置，效果如图 9-2-37 所示。

所示 l5合并文字和印框图层，复制图层为合并文字和印框图层，复制图层为“图层图层 1 副本副本”，然后隐藏，然后隐藏“图层图层 1”，执行，执行【滤镜【滤镜 →模糊模糊→高斯模糊】命令，参数及效果设置如图高斯模糊】命令，参数及效果设置如图 9-2-38 所示 l6执行【滤镜执行【滤镜→扭曲扭曲→波浪】命令，参数及效果设置如图波浪】命令，参数及效果设置如图 9-2-39 所示 29职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l3   制作红印章制作红印章 l7按住按住 Ctrl 键单击隐藏的键单击隐藏的“图层图层 1”缩略图，调出文字选区，如图缩略图，调出文字选区，如图 9-2-40 所示 l8执行【选择执行【选择→修改修改→扩展】命令，扩展参数为扩展】命令，扩展参数为“2”，然后按，然后按“Q”键进入快速键进入快速蒙版编蒙版编 辑状态，如图辑状态，如图9-2-421l9 执行【滤镜执行【滤镜→像素化像素化→晶格化】命令，大小设置为晶格化】命令，大小设置为“10”，参数如图，参数如图 9-2-42 所示，所示， 效果如图效果如图 9-2-43 所示。

所示l0 再次按再次按“Q”键退出快速蒙版，得到如图键退出快速蒙版，得到如图 9-2-44 所示选区所示选区lQ 按住快捷键按住快捷键 Ctrl + Shift + I，将选区反选，按，将选区反选，按 Delete 键删除，效果如图键删除，效果如图 9-2-45 所示30职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l3   制作红印章制作红印章 31职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l3   制作红印章制作红印章 lW 新建新建“图层图层 2”，填充白色，移动至，填充白色，移动至“图层图层 1 副本副本”的下面，观察发现，红印的下面，观察发现，红印章章 的效果不明显，复制的效果不明显，复制“图层图层 1 副本副本”，增强红印章的效果，效果如图，增强红印章的效果，效果如图 9-2-46 所示最 后，删除后，删除“图层图层 2”和和“图层图层 1”，合并，合并“图层图层 1 副本副本”和和“图层图层 1 副本副本 2”，完成红印章，完成红印章 的制作32职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l4 版面细节调整版面细节调整l1 拖动红印章到拖动红印章到“潮州古城潮州古城”文件中，并调整其大小、位置，如图文件中，并调整其大小、位置，如图 9-2-47 所示。

所示l2 添加素材添加素材“船船”到到“潮州古城潮州古城”文件中，并调整其大小、位置如图文件中，并调整其大小、位置如图 9-2-48 所所示l3 添加素材添加素材“花瓣花瓣”到到“潮州古城潮州古城”文件中，并调整其大小、位置完成文件中，并调整其大小、位置完成“潮州古潮州古城城” 网页主页制作，最终效果如图网页主页制作，最终效果如图 9-2-5 所示33职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l5 网页的切片和优化网页的切片和优化l1打开打开“潮州古城潮州古城 .psd”文件执行文件执行 Ctrl + R 调出标尺，拖动标尺的原点至图调出标尺，拖动标尺的原点至图片的左上片的左上 角，现在标尺的原点处于图片的左上角，如图角，现在标尺的原点处于图片的左上角，如图 9-2-49 所示 l2按住快捷键按住快捷键 Shift + Ctrl + Alt + E 生成盖印图层，得到生成盖印图层，得到“图层图层 8”，如图，如图 9-2-50 所示 l3单击工具箱中的单击工具箱中的“切片工具切片工具”按钮按钮  ，在页面合适位置单击并拖动鼠标，如图，在页面合适位置单击并拖动鼠标，如图 9-2-51 所示，绘制第一个切片，其余为自动生成的切片。

所示，绘制第一个切片，其余为自动生成的切片 l4 图图 9-2-51 展示了初步的切片效果使用展示了初步的切片效果使用“切片选择工具切片选择工具” ，单击一个切片将，单击一个切片将它选它选 择，拖动切片定界框上的控制点调整切片大小，如图择，拖动切片定界框上的控制点调整切片大小，如图 9-2-52 所示34职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l5 网页的切片和优化网页的切片和优化35职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l5 网页的切片和优化网页的切片和优化l5 继续使用继续使用“切片切片”工具绘制切片，用户在绘制过程中可以根据图像的显示顺工具绘制切片，用户在绘制过程中可以根据图像的显示顺序和重要序和重要 性单独切分如图性单独切分如图 9-2-53 所示l6 对于图中一些较大部分的切片，可以再次切片单击工具箱中的对于图中一些较大部分的切片，可以再次切片单击工具箱中的“切片选择切片选择”工具工具 按钮按钮 ，单击选中，单击选中“01”切片，单击右键，选择切片，单击右键，选择“划分切片划分切片”命令，弹出命令，弹出“划划分切片分切片”对话对话 框。

请参照图框请参照图 9-2-54 参数设置参数设置36职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l5 网页的切片和优化网页的切片和优化l7 继续利用继续利用“划分切片划分切片”对图像中较大的图片进行切片这样可以显著提高切对图像中较大的图片进行切片这样可以显著提高切片的效片的效 率最终的切片效果如图率最终的切片效果如图 9-2-55 所示37职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l5 网页的切片和优化网页的切片和优化l8使用使用“切片选择切片选择”工具，选中工具，选中“潮州古城潮州古城”切片，切片， 单击右键，选择单击右键，选择“编辑切片选编辑切片选项项”，设置如图，设置如图 9-2-56 所所 示点击确定，这样就给示点击确定，这样就给“潮州古城潮州古城”添加了链接添加了链接 38职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l5 网页的切片和优化网页的切片和优化l9选择菜单【文件选择菜单【文件→存储为存储为 Web 和设备所用格和设备所用格 式】命令，弹出式】命令，弹出“存储为存储为 Web 和设备所用格式和设备所用格式”对话对话 框，如图框，如图 9-2-57 所示，切换到所示，切换到“优化优化”选项卡，将页选项卡，将页 面面进行优化。

进行优化l 39职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l5 网页的切片和优化网页的切片和优化l0 在在“优化优化”选项卡中的参数设置，如图选项卡中的参数设置，如图 9-2-58 所示40职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l5 网页的切片和优化网页的切片和优化lQ 设置完成设置完成“存储为存储为 Web 和设备所用格式和设备所用格式”对话框中的各项参数后，单击对话框中的各项参数后，单击“存存储储”按按 钮，弹出钮，弹出“将优化结果存储为将优化结果存储为”对话框重新命名为对话框重新命名为“index”，其他选项，其他选项设定如图设定如图 9-2-59 所所 示，单击示，单击“保存保存”这样就完成了图像的优化存储这样就完成了图像的优化存储41职业院校教材图形图像处理案例教程photoshop cs5任务任务2   潮州古城潮州古城任务实施任务实施l5 网页的切片和优化网页的切片和优化lW 利用利用 Dreamweaver 打开该网页如图打开该网页如图 9-2-60 所示，对该网页进行修饰，所示，对该网页进行修饰，最终预览最终预览 效果图如图效果图如图 9-2-61 所示。

所示42职业院校教材图形图像处理案例教程photoshop cs5任务任务3   录制录制“水印水印 Logo”动作动作任务分析任务分析本任务介绍利用本任务介绍利用 Photoshop 的动作功能将的动作功能将 Logo 贴在照片上的操作过贴在照片上的操作过程录制下来，再通程录制下来，再通 过批处理命令对其他照片播放这个动作，运用快速过批处理命令对其他照片播放这个动作，运用快速添加水印标志，为每一张照片添加相同的添加水印标志，为每一张照片添加相同的 Logo效果如图效果如图 9-3-3 所所示43职业院校教材图形图像处理案例教程photoshop cs5任务任务3   录制录制“水印水印 Logo”动作动作相关知识相关知识l1.使用批处理命令使用批处理命令随着网络的发展，网店、网络相册等应运而生是很多人将商品图片或照片上传到 网络时，为避免图片被盗用，就会给它们贴上个性化的水印 Logo，以标明版权一张、 两张照片比较容易处理，若是几十甚至上百张照片，那处理起来就相当麻烦了遇到这种 情况，我们可以用 Photoshop 的动作功能，使用“动作”和“批处理”命令来完成相同的操 作，让电脑自动替我们干活，可以把我们从重复的劳动里解放出来，提高工作效率。

动作”面板主要用来存储和编辑动作，要将“动作”包含的图像处理操作应用于图 像中，必须通过该面板来完成我们可以把对图像做过的操作过程录制下来，以后再遇 到相同的操作时，就可以直接将该动作应用到其他的图像中，让电脑自动重复我们前面 做过的工作但是，使用“动作”功能一次只能对一个图像执行动作，如果要对一个文件夹下的 所有图像同时执行动作，可通过“批处理”命令来实现44职业院校教材图形图像处理案例教程photoshop cs5任务任务3   录制录制“水印水印 Logo”动作动作任务实施任务实施l1        打开素材文件，如图打开素材文件，如图 9-3-1 、图、图 9-3-2 所示 45职业院校教材图形图像处理案例教程photoshop cs5任务任务3   录制录制“水印水印 Logo”动作动作任务实施任务实施l2          执行【窗口执行【窗口→动作】命令，打开动作】命令，打开“动作动作”面板单击该面板底部的面板单击该面板底部的   按钮，按钮，在弹出在弹出 的对话框中输入名称的对话框中输入名称“Logo”，创建动作组，如图，创建动作组，如图 9-3-4 、图、图 9-3-5 所示。

所示 46职业院校教材图形图像处理案例教程photoshop cs5任务任务3   录制录制“水印水印 Logo”动作动作任务实施任务实施l3     单击单击“动作动作”面板底部的面板底部的“创建新动作创建新动作”按钮按钮 ，在弹出的，在弹出的“新建动作新建动作”对话框中输对话框中输入入 名称名称“动作动作 1”，单击，单击“记录记录”按钮，如图按钮，如图 9-3-6 所示，所示，“动作动作”面板中的开始记录面板中的开始记录按钮会按下按钮会按下 并变成红色并变成红色 ，如图，如图 9-3-7 所示，这时接下来的任何操作都会被记录所示，这时接下来的任何操作都会被记录到新建的动作中到新建的动作中47职业院校教材图形图像处理案例教程photoshop cs5任务任务3   录制录制“水印水印 Logo”动作动作任务实施任务实施l4 执行【文件执行【文件→置入】命令，选择置入】命令，选择Logo 文件，将它置入当前文档文件，将它置入当前文档 中用移动中用移动工具工具  调整调整 Logo 位置，如图位置，如图 9-3-8 所示l5     执行【图像执行【图像→拼合图像】命令，将图层合并。

拼合图像】命令，将图层合并 l6      单击单击“动作动作”面板底部的面板底部的   按钮以完成此次录制如图按钮以完成此次录制如图 9-3-9 所示 48职业院校教材图形图像处理案例教程photoshop cs5任务任务3   录制录制“水印水印 Logo”动作动作任务实施任务实施l7 关闭文件，进行批处理执行【文件关闭文件，进行批处理执行【文件→自动自动→批处理】命令，打开批处理】命令，打开“批处理批处理”对话框，在对话框，在“播放播放”选项组中选择刚刚录制的动作，单击选项组中选择刚刚录制的动作，单击“源源”选项组中的选项组中的“选择选择”按按钮，在打开钮，在打开 的对话框中选择要添加的对话框中选择要添加 Logo 的文件夹的文件夹“潮州八景潮州八景”如图 9-3-10 所所示49职业院校教材图形图像处理案例教程photoshop cs5任务任务3   录制录制“水印水印 Logo”动作动作任务实施任务实施l8 在在“目标目标”下拉列表中选择下拉列表中选择“文件夹文件夹”，然后单击，然后单击“选择选择”按钮，在打开的对话按钮，在打开的对话框中为框中为 处理后的照片指定保存位置，如图处理后的照片指定保存位置，如图 9-3-11 所示，这样就不会破坏原始照所示，这样就不会破坏原始照片了。

片了50职业院校教材图形图像处理案例教程photoshop cs5任务任务3   录制录制“水印水印 Logo”动作动作任务实施任务实施l9 单击单击“确定确定”按钮，开始批处理，按钮，开始批处理，Photoshop 系统会自动对源文件夹中的每一系统会自动对源文件夹中的每一个图个图 像添加一个像添加一个 Logo，并将处理后的文件保存到指定的文件夹中处理完成后，并将处理后的文件保存到指定的文件夹中处理完成后的图像效果如图的图像效果如图9-3-3 所示51职业院校教材图形图像处理案例教程photoshop cs5项目九项目九      行业实训行业实训结束52。