09PS教学课件项目九.pptx

《09PS教学课件项目九.pptx》由会员分享，可在线阅读，更多相关《09PS教学课件项目九.pptx（53页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、职业院校教材图形图像处理案例教程photoshopcs5项目九项目九行业实训行业实训p学习要点学习要点综合利用所学的综合利用所学的Photoshop图像处理知识、图像处理知识、方法与技巧实现平面设计工作方法与技巧实现平面设计工作职业院校教材图形图像处理案例教程photoshopcs5项目任务项目任务任务任务1制作制作2寸蓝底证件照寸蓝底证件照任务任务2潮州古城潮州古城任务任务3录制录制“水印水印Logo”动作动作职业院校教材图形图像处理案例教程photoshopcs5任务任务1制作制作2寸蓝底证件照寸蓝底证件照任务分析任务分析在我们的学习和生活中，经常会需要用到证件照，例如考试、在我们的学习和

2、生活中，经常会需要用到证件照，例如考试、申请书、档案、简历等，申请书、档案、简历等，都需要证件照。证件照的种类繁多，都需要证件照。证件照的种类繁多，每种证件照规格都有特定的要求，不仅仅是在尺寸上，每种证件照规格都有特定的要求，不仅仅是在尺寸上，照片照片的背景颜色也同样有规定要求。本任务将详细讲解如何利用的背景颜色也同样有规定要求。本任务将详细讲解如何利用Photoshop制作制作2寸蓝底证寸蓝底证件照片，最终效果如图件照片，最终效果如图9-1-2所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务1制作制作2寸蓝底证件照寸蓝底证件照相关知识相关知识1.证件照的大小及颜色

3、证件照的大小及颜色照片的尺寸国内外说法是不同的，国内的叫法是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英寸（放大）照片的尺寸是178厘米127厘米；6.12英寸照片的尺寸是305厘米254厘米。职业院校教材图形图像处理案例教程photosho

4、pcs5任务任务1制作制作2寸蓝底证件照寸蓝底证件照任务实施任务实施l1 打开素材打开素材“人物人物”，如图，如图 9-1-1 所示。所示。l2 由于拍摄的原因，照片人物发生了倒置，选择菜单栏上的【图像由于拍摄的原因，照片人物发生了倒置，选择菜单栏上的【图像旋转画布旋转画布 90 度度（顺时针）】命令，纠正照片的方向，如图（顺时针）】命令，纠正照片的方向，如图9-1-3所示。所示。l3裁剪制作裁剪制作2寸彩色证件照片。选择寸彩色证件照片。选择“裁剪工具裁剪工具”，在上方的属性栏中设置好裁，在上方的属性栏中设置好裁剪剪2寸寸照片的预定义尺寸，设置参数如图照片的预定义尺寸，设置参数如图9-1-4所

5、示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务1制作制作2寸蓝底证件照寸蓝底证件照任务实施任务实施l4设置好参数后，利用鼠标拖动出预览虚线框，可以预览到即将要截取的部分，设置好参数后，利用鼠标拖动出预览虚线框，可以预览到即将要截取的部分，调整调整截取局部的位置和大小，如图截取局部的位置和大小，如图9-1-5所示。在裁剪区域内双击确认裁剪，完所示。在裁剪区域内双击确认裁剪，完成一张规格为成一张规格为2寸的彩色证件照片，效果如图寸的彩色证件照片，效果如图9-1-6所示。所示。l5制作白底转蓝底。选择魔棒工具，选中白色背景；按制作白底转蓝底。选择魔棒工具，选中白色背景；按

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

7、对头发进行细化，如图图9-1-9所示。所示。l8在在“视图视图”下拉列表中选择下拉列表中选择“黑白黑白”，如图，如图9-1-10所示，放大人物观察，人物所示，放大人物观察，人物头部头部的头发、耳朵等有浅灰色。选择涂抹调整工具的头发、耳朵等有浅灰色。选择涂抹调整工具进行涂抹，如图进行涂抹，如图9-1-11所所示为处理后的示为处理后的效果。单击效果。单击“确定确定”按钮关闭对话框，将人物抠出来。按钮关闭对话框，将人物抠出来。l9按住按住Ctrl键单击图层面板底部的创建新图层按钮，在当前图层下方新建一个键单击图层面板底部的创建新图层按钮，在当前图层下方新建一个图层，图层，将该图层填充为蓝色（将该图层

8、填充为蓝色（R：0、G：191、B：243），然后执行【图层），然后执行【图层拼合图像】命令，一拼合图像】命令，一张蓝底的张蓝底的2寸照片就制作就完成了，效果如图寸照片就制作就完成了，效果如图9-1-12所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务1制作制作2寸蓝底证件照寸蓝底证件照任务实施任务实施lO新建一个新建一个 5 寸的相纸规格的文件，寸的相纸规格的文件，“宽度宽度”为为 8.9 厘米、厘米、“高度高度”为为 12.7 厘米，厘米，“分辨分辨 率率”为为300像素像素/英寸、英寸、“颜色模式颜色模式”为为“CMYK颜色颜色”、“背景内容背景内容”为为“白

9、色白色”。lQ 执行菜单栏上的【视图执行菜单栏上的【视图标尺】命令（或按住标尺】命令（或按住 Ctrl+R 键），显示出标尺，键），显示出标尺，可以看到可以看到 在图像的上方和左侧分别出现了水平标尺和垂直标尺。在标尺上单击右在图像的上方和左侧分别出现了水平标尺和垂直标尺。在标尺上单击右键可以选择标尺上的键可以选择标尺上的度量单位，这里选择度量单位，这里选择“厘米厘米”作为标尺的度量单位，如图作为标尺的度量单位，如图9-1-13所示。所示。lW 分别在水平标尺上的刻度分别在水平标尺上的刻度 0.8 厘米和厘米和 8.1 厘米的位置设置两道垂直参考线，厘米的位置设置两道垂直参考线，继续在继续在 垂

10、直标尺的垂直标尺的0.8厘米和厘米和11.9厘米的位置设置两道水平参考线，如图厘米的位置设置两道水平参考线，如图9-1-14所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务1制作制作2寸蓝底证件照寸蓝底证件照任务实施任务实施lO新建一个新建一个 5 寸的相纸规格的文件，寸的相纸规格的文件，“宽度宽度”为为 8.9 厘米、厘米、“高度高度”为为 12.7 厘米，厘米，“分辨分辨 率率”为为300像素像素/英寸、英寸、“颜色模式颜色模式”为为“CMYK颜色颜色”、“背景内容背景内容”为为“白色白色”。lE 利用利用“移动移动”工具将刚制作好的工具将刚制作好的 2 寸蓝底

11、证件拖动到新建相纸相应的参考线位置，寸蓝底证件拖动到新建相纸相应的参考线位置，以确定第一张相片的具体位置，如图以确定第一张相片的具体位置，如图9-1-15所示。所示。lR 复制证件相片。利用项目二中移动复制图像的方法对复制证件相片。利用项目二中移动复制图像的方法对 2 寸蓝底证件相片进行复寸蓝底证件相片进行复制，制，效果如图效果如图9-1-16所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务分析任务分析实训综合利用所学的实训综合利用所学的Photoshop图像处理知识来实现城市宣传网站主图像处理知识来实现城市宣传网站主页的制作，在设页的制作，在

12、设计过程中，要制作出完美的平面设计作品，不只要熟练计过程中，要制作出完美的平面设计作品，不只要熟练地应用软件，更需要具备创新的思地应用软件，更需要具备创新的思想。湘子桥是中国第一也是世界第一想。湘子桥是中国第一也是世界第一座启闭式桥梁，以其座启闭式桥梁，以其“十八梭船二十四洲十八梭船二十四洲”的独特风格的独特风格与河北赵州桥、泉与河北赵州桥、泉州洛阳桥、北京卢沟桥并称中国四大古桥。州洛阳桥、北京卢沟桥并称中国四大古桥。“湘桥春涨湘桥春涨”是是“潮州八景潮州八景”之之一，时当暮春三月，韩江水涨，河面增阔，湘子桥东西段中间十八梭船一，时当暮春三月，韩江水涨，河面增阔，湘子桥东西段中间十八梭船连成一

13、线，似长龙卧连成一线，似长龙卧波。实训中的城市宣传网站主页抓住了波。实训中的城市宣传网站主页抓住了“潮州古城潮州古城”特点，画面以特点，画面以“湘子桥湘子桥”为主要背景图为主要背景图像，然后加以像，然后加以“水墨水墨”图像处理，再图像处理，再配以艺术字和红印章等元素表达设计者的设计理念，让配以艺术字和红印章等元素表达设计者的设计理念，让整个设计都能很整个设计都能很好地表现出好地表现出“古城古城”的文化底蕴，效果如图的文化底蕴，效果如图9-2-5所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务分析任务分析职业院校教材图形图像处理案例教程photo

14、shopcs5任务任务2潮州古城潮州古城相关知识相关知识l1.平面设计的概念平面设计的概念平面设计，原称装潢设计，也称作视觉传达设计，是以“视觉”作为沟通和表现的方式，通过结合符号、图片和文字等多种方式来创造，借此做出用来传达想法或讯息的视觉表现。2.平面设计的基本要素平面设计除了在视觉上给人一种美的享受外，更重要的是向广大消费者转达某种信息、理念。平面设计主要有以下几个基本要素构成：1 创意 平面设计的第一要素，没有好的创意，就没有好的作品，创意中要考虑观众、传播媒体、文化背景三个条件。2 构图构图就是要解决图形、色彩和文字三者之间的空间关系，做到新颖，合理和统一。3 色彩 好的平面设计作品

15、在画面色彩的运用上注意调和、对比、平衡、节奏与韵律。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城相关知识相关知识l1.平面设计的概念平面设计的概念3.平面设计的项目分类常见的平面设计项目，可以归纳为以下几类：1 网页设计网页设计根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。2 包装设计 包装设计即指选用合适的包装材料，运用巧妙的工艺手段，为包装商品进行的容器结构造型和包装的美化装饰设计。3 DM 直接邮寄广告DM（Directmailadvertising）广告，直译为“直接邮寄广告”，即通过邮

16、寄、赠送等形式，将宣传品送到消费者手中、家里或公司所在地。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城相关知识相关知识l1.平面设计的概念平面设计的概念4 平面媒体广告设计 平面媒体就是：报纸、杂志等传统媒体通过单一的视觉、单一的维度传递信息，相对于电视、互联网等媒体通过视觉、听觉等多维度的传递信息，而称作平面媒体。5 POP 广告设计POP（Pointofpurchaseadvertising）广告：凡是在商业空间、购买场所、零售商店的周围、内部以及在商品陈设的地方所设置的广告物，都属于POP广告。职业院校教材图形图像处理案例教程photoshopcs5

17、任务任务2潮州古城潮州古城相关知识相关知识l1.平面设计的概念平面设计的概念6 书籍装帧设计 书籍装帧设计是指从书籍文稿到成书出版的整个设计过程，也是完成从书籍形式的平面化到立体化的过程，它包含了艺术思维、构思创意和技术手法的系统设计。7 VI 设计VI（VisualIdentity），通译为视觉识别系统，是CIS系统中最具传播力和感染力的部分。是将CI的非可视内容转化为静态的视觉识别符号，以无比丰富的多样的应用形式，在最为广泛的层面上，进行最直接的传播。8 标志设计 标志设计是表明事物特征的记号。它以单纯、显著、易识别的物象、图形或文字符号为直观语言，除表示、代替之外，还具有表达意义、情感和

18、指令行动等作用。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l1背景制作背景制作l1新建文件，设置大小为新建文件，设置大小为1024768像素，分辨率为像素，分辨率为300像素像素/英寸，色彩模英寸，色彩模式为式为RGB，背景为白色。，背景为白色。l2打开素材打开素材“湘子桥湘子桥”，如图，如图9-2-1所示，用所示，用“移动工具移动工具”将素材将素材“湘子桥湘子桥”拖动到拖动到新新文件中，并调整其大小、位置，如图文件中，并调整其大小、位置，如图9-2-6所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城

19、潮州古城任务实施任务实施l1背景制作背景制作l3按住快捷键按住快捷键Ctrl+J复制复制“图层图层1”为为“图层图层1副本副本”，然后按住快捷键，然后按住快捷键Ctrl+Shift+U去色，执行菜单栏上的【滤镜去色，执行菜单栏上的【滤镜模糊模糊高斯模糊】命令，设置高斯高斯模糊】命令，设置高斯模糊参数为模糊参数为“1.5”像素。像素。l4按住快捷键按住快捷键Ctrl+J复制高斯模糊图层，将复制高斯模糊图层，将“图层图层1副本副本2”的图层模式改的图层模式改为为“亮亮光光”，水墨效果如图，水墨效果如图9-2-7所示，图层状态如图所示，图层状态如图9-2-8所示。所示。职业院校教材图形图像处理案例教

20、程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l1背景制作背景制作l5隐藏隐藏“图层图层1”，然后合并，然后合并“图层图层1副本副本”和和“图层图层1副本副本2”，单击图层面板，单击图层面板下的下的“添加蒙版添加蒙版”按钮，为按钮，为“图层图层1副本副本2”添加蒙版，设置画笔大小，用黑色添加蒙版，设置画笔大小，用黑色画笔把湘子桥的背画笔把湘子桥的背景擦除，效果如图景擦除，效果如图9-2-9所示。所示。l6新建新建“图层图层2”，填充颜色为（，填充颜色为（R：223、G：215、B：194），修改图层模），修改图层模式为式为“正片正片叠底叠底”，效果如图，效果如图9-2-1

21、0所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l1背景制作背景制作l7执行菜单栏上的【滤镜执行菜单栏上的【滤镜纹理纹理纹理化】命令，设置参数如图纹理化】命令，设置参数如图9-2-11所示，所示，纹理化纹理化效果如图效果如图9-2-12所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l1背景制作背景制作l8 复制复制“图层图层 1”为为“图层图层 1 副本副本”，并移动到图层最上面，图层状态如图，并移动到图层最上面，图层状态如图 9-2-13 所示。所示。l9复制复制“

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

23、1背景制作背景制作l0执行菜单栏上的【滤镜执行菜单栏上的【滤镜其他其他最小值】命令，参数设置如图最小值】命令，参数设置如图9-2-15所示，所示，效果如效果如9-2-16所示。所示。lQ 合并合并“图层图层 1 副本副本”和和“图层图层 1 副本副本 3”，按住，按住 Alt 键的同时单击图层面板下键的同时单击图层面板下的的“添加添加 蒙版蒙版”按钮，添加黑色蒙版，然后设置画笔大小，调整画笔的不透明按钮，添加黑色蒙版，然后设置画笔大小，调整画笔的不透明度，用白色画笔涂抹出度，用白色画笔涂抹出湘子桥的灯笼、亭子和桥墩等一些局部细节，为水墨湘子桥的灯笼、亭子和桥墩等一些局部细节，为水墨效果增加点颜

24、色；按住效果增加点颜色；按住Alt键单击图层键单击图层蒙版缩览图可以观察蒙版状态，蒙版蒙版缩览图可以观察蒙版状态，蒙版如图如图9-2-17所示，图层状态如图所示，图层状态如图9-2-18所示，涂抹所示，涂抹效果如图效果如图9-2-19所示所示lW 打开素材打开素材“龙湫宝塔龙湫宝塔”，用，用“移动工具移动工具”将素材拖动到文件中，并调整其大小、将素材拖动到文件中，并调整其大小、位位 置，降低透明度为置，降低透明度为“47%”，如图，如图9-2-20所示。为所示。为“龙湫宝塔龙湫宝塔”图层添加蒙图层添加蒙版，擦除宝塔背版，擦除宝塔背景。效果如图景。效果如图9-2-21所示。所示。lE 打开素材打

25、开素材“木棉花木棉花”，用，用“移动工具移动工具”将素材拖动到文件中，并调整其大小、将素材拖动到文件中，并调整其大小、位置。位置。如图如图9-2-22所示。所示。l职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l1背景制作背景制作lh选择选择“画笔画笔”工具，按住工具，按住F5打开画笔设置对话框，设置参数如图打开画笔设置对话框，设置参数如图9-2-23；然；然后新建图层，在图像的上、下边绘制出层峦叠翠的水墨效果，效果如图后新建图层，在图像的上、下

26、边绘制出层峦叠翠的水墨效果，效果如图9-2-24所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l2艺术字字体设计艺术字字体设计l1新建文件，设置大小为新建文件，设置大小为570160像素，分辨率为像素，分辨率为300像素像素/英寸，色彩模英寸，色彩模式为式为RGB，背景为透明。，背景为透明。l2选择选择“横排文字横排文字”工具，属性栏设置字体工具，属性栏设置字体“黑体黑体”，大小，大小“32”，输入文字，输入文字“潮州潮州古古城城”。如图。如图9-2-25所示。所示。l3按住按住Ctrl键的同时单击文字图层的缩略图，为图层建立选区

27、，隐藏文字图键的同时单击文字图层的缩略图，为图层建立选区，隐藏文字图层，单击层，单击“路径路径”面板中的面板中的“从选区生成路径从选区生成路径”按钮，如图按钮，如图9-2-26所示，将文所示，将文字选区转换为路径。字选区转换为路径。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l2艺术字字体设计艺术字字体设计l3按住按住Ctrl键的同时单击文字图层的缩略图，为图层建立选区，隐藏文字图键的同时单击文字图层的缩略图，为图层建立选区，隐藏文字图层，单击层，单击“路径路径”面板中的面板中的“从选区生成路径从选区生成路径”按钮，如图按钮，如图9-2-2

28、6所示，将文所示，将文字选区转换为路径。字选区转换为路径。l4利用利用“直接选择直接选择”工具对路径上的锚点进行调整，将工具对路径上的锚点进行调整，将“潮州潮州”路径调节成如图路径调节成如图9-2-27所示效果。所示效果。l5利用利用“路径选择路径选择”工具选择工具选择“州州”字的路径，并向左平移，同时选中字的路径，并向左平移，同时选中“月月”字路字路径，径，如图如图9-2-28所示；在属性栏中单击所示；在属性栏中单击“添加到形状区域添加到形状区域”按钮，然后再单按钮，然后再单击按钮，将击按钮，将“潮潮州州”路径组合成如图路径组合成如图9-2-29所示效果。所示效果。l6利用相同的方法将所有路

29、径调整为如图利用相同的方法将所有路径调整为如图9-2-30所示效果。所示效果。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l2艺术字字体设计艺术字字体设计l对调整好的文字路径，单击路径面板中下方的将对调整好的文字路径，单击路径面板中下方的将“路径转换为选区路径转换为选区”按钮，新按钮，新建立建立“图层图层1”，为文字选区填充黑色，取消选区，效果如图，为文字选区填充黑色，取消选区，效果如图9-2-31所示。所示。l将制作好的艺术字拖动到将制作好的艺术字拖动到“潮州古城潮州古城”文件中，并调整其大小、位置如图文件中，并调整其大小、位置如图9-2

30、-32l9输入文字输入文字“Theancientcityofchaozhou”和和“湘桥春涨水迢迢，十八梭船湘桥春涨水迢迢，十八梭船锁画桥锁画桥”，并调整其大小位置。效果如图，并调整其大小位置。效果如图9-2-33所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l3制作红印章制作红印章l1新建文件，设置大小为新建文件，设置大小为300300像素，分辨率为像素，分辨率为300像素像素/英寸，色彩模英寸，色彩模式为式为RGB，背景为透明。，背景为透明。l2在属性栏中单击字符面板按钮，选择字体在属性栏中单击字符面板按钮，选择字体“汉鼎繁印

31、篆汉鼎繁印篆”，设置文字颜色为，设置文字颜色为（R：182、G：0、B：5），参数如图），参数如图9-2-34所示，设置文字字符格式后所示，设置文字字符格式后输入文字输入文字“潮州古潮州古城城”，如图，如图9-2-35所示。所示。l3新建新建“图层图层1”，用圆角矩形工具画出半径为，用圆角矩形工具画出半径为“10”像素的一个正方形，如图像素的一个正方形，如图9-2-36所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l3制作红印章制作红印章l4载入载入“图层图层1”选区，收缩选区，收缩“10”像素，按像素，按Delete键删除，并调

32、整文字和印框键删除，并调整文字和印框的位的位置，效果如图置，效果如图9-2-37所示。所示。l5合并文字和印框图层，复制图层为合并文字和印框图层，复制图层为“图层图层1副本副本”，然后隐藏，然后隐藏“图层图层1”，执行，执行【滤镜【滤镜模糊模糊高斯模糊】命令，参数及效果设置如图高斯模糊】命令，参数及效果设置如图9-2-38所示。所示。l6执行【滤镜执行【滤镜扭曲扭曲波浪】命令，参数及效果设置如图波浪】命令，参数及效果设置如图9-2-39所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l3制作红印章制作红印章l7按住按住Ctrl键单击

33、隐藏的键单击隐藏的“图层图层1”缩略图，调出文字选区，如图缩略图，调出文字选区，如图9-2-40所示。所示。l8执行【选择执行【选择修改修改扩展】命令，扩展参数为扩展】命令，扩展参数为“2”，然后按，然后按“Q”键进入快速键进入快速蒙版编蒙版编辑状态，如图辑状态，如图9-2-421l9执行【滤镜执行【滤镜像素化像素化晶格化】命令，大小设置为晶格化】命令，大小设置为“10”，参数如图，参数如图9-2-42所示，所示，效果如图效果如图9-2-43所示。所示。l0再次按再次按“Q”键退出快速蒙版，得到如图键退出快速蒙版，得到如图9-2-44所示选区。所示选区。lQ按住快捷键按住快捷键Ctrl+Shi

34、ft+I，将选区反选，按，将选区反选，按Delete键删除，效果如图键删除，效果如图9-2-45所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l3制作红印章制作红印章职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l3制作红印章制作红印章lW 新建新建“图层图层 2”，填充白色，移动至，填充白色，移动至“图层图层 1 副本副本”的下面，观察发现，红印的下面，观察发现，红印章章 的效果不明显，复制的效果不明显，复制“图层图层1副本副本”，增强红印章的效果，效果如图，增强红印章的效果，

35、效果如图9-2-46所示。最所示。最后，删除后，删除“图层图层2”和和“图层图层1”，合并，合并“图层图层1副本副本”和和“图层图层1副本副本2”，完成红印章，完成红印章的制作。的制作。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l4版面细节调整版面细节调整l1拖动红印章到拖动红印章到“潮州古城潮州古城”文件中，并调整其大小、位置，如图文件中，并调整其大小、位置，如图9-2-47所示。所示。l2 添加素材添加素材“船船”到到“潮州古城潮州古城”文件中，并调整其大小、位置。如图文件中，并调整其大小、位置。如图 9-2-48 所所示。示。l3

36、添加素材添加素材“花瓣花瓣”到到“潮州古城潮州古城”文件中，并调整其大小、位置。完成文件中，并调整其大小、位置。完成“潮州古潮州古城城”网页主页制作，最终效果如图网页主页制作，最终效果如图9-2-5所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l5网页的切片和优化网页的切片和优化l1打开打开“潮州古城潮州古城.psd”文件。执行文件。执行Ctrl+R调出标尺，拖动标尺的原点至图调出标尺，拖动标尺的原点至图片的左上片的左上角，现在标尺的原点处于图片的左上角，如图角，现在标尺的原点处于图片的左上角，如图9-2-49所示。所示。l2按住

37、快捷键按住快捷键Shift+Ctrl+Alt+E生成盖印图层，得到生成盖印图层，得到“图层图层8”，如图，如图9-2-50所示。所示。l3单击工具箱中的单击工具箱中的“切片工具切片工具”按钮按钮，在页面合适位置单击并拖动鼠标，如图，在页面合适位置单击并拖动鼠标，如图9-2-51所示，绘制第一个切片，其余为自动生成的切片。所示，绘制第一个切片，其余为自动生成的切片。l4 图图 9-2-51 展示了初步的切片效果。使用展示了初步的切片效果。使用“切片选择工具切片选择工具”，单击一个切片将，单击一个切片将它选它选择，拖动切片定界框上的控制点调整切片大小，如图择，拖动切片定界框上的控制点调整切片大小，

38、如图9-2-52所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l5网页的切片和优化网页的切片和优化职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l5网页的切片和优化网页的切片和优化l5继续使用继续使用“切片切片”工具绘制切片，用户在绘制过程中可以根据图像的显示顺工具绘制切片，用户在绘制过程中可以根据图像的显示顺序和重要序和重要性单独切分。如图性单独切分。如图9-2-53所示。所示。l6对于图中一些较大部分的切片，可以再次切片。单击工具箱中的对于图中一些较大部分的切片，可以再次切片

39、。单击工具箱中的“切片选择切片选择”工具工具按钮按钮，单击选中，单击选中“01”切片，单击右键，选择切片，单击右键，选择“划分切片划分切片”命令，弹出命令，弹出“划划分切片分切片”对话对话框。请参照图框。请参照图9-2-54参数设置。参数设置。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l5网页的切片和优化网页的切片和优化l7 继续利用继续利用“划分切片划分切片”对图像中较大的图片进行切片。这样可以显著提高切对图像中较大的图片进行切片。这样可以显著提高切片的效片的效 率。最终的切片效果如图率。最终的切片效果如图9-2-55所示。所示。职业院

40、校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l5网页的切片和优化网页的切片和优化l8使用使用“切片选择切片选择”工具，选中工具，选中“潮州古城潮州古城”切片，切片，单击右键，选择单击右键，选择“编辑切片选编辑切片选项项”，设置如图，设置如图9-2-56所所示。点击确定，这样就给示。点击确定，这样就给“潮州古城潮州古城”添加了链接。添加了链接。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l5网页的切片和优化网页的切片和优化l9选择菜单【文件选择菜单【文件存储为存储为Web和设备所用格和设备所用格

41、式】命令，弹出式】命令，弹出“存储为存储为Web和设备所用格式和设备所用格式”对话对话框，如图框，如图9-2-57所示，切换到所示，切换到“优化优化”选项卡，将页选项卡，将页面面进行优化。进行优化。l职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l5网页的切片和优化网页的切片和优化l0 在在“优化优化”选项卡中的参数设置，如图选项卡中的参数设置，如图 9-2-58 所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务2潮州古城潮州古城任务实施任务实施l5网页的切片和优化网页的切片和优化lQ 设置完成设置完成“存储为存储

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

43、示，对该网页进行修饰，最终预览最终预览 效果图如图效果图如图9-2-61所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务3录制录制“水印水印Logo”动作动作任务分析任务分析本任务介绍利用本任务介绍利用Photoshop的动作功能将的动作功能将Logo贴在照片上的操作过贴在照片上的操作过程录制下来，再通程录制下来，再通过批处理命令对其他照片播放这个动作，运用快速添过批处理命令对其他照片播放这个动作，运用快速添加水印标志，为每一张照片添加相同的加水印标志，为每一张照片添加相同的Logo。效果如图。效果如图9-3-3所示。所示。职业院校教材图形图像处理案例教程photo

44、shopcs5任务任务3录制录制“水印水印Logo”动作动作相关知识相关知识l1.使用批处理命令使用批处理命令随着网络的发展，网店、网络相册等应运而生。是很多人将商品图片或照片上传到网络时，为避免图片被盗用，就会给它们贴上个性化的水印Logo，以标明版权。一张、两张照片比较容易处理，若是几十甚至上百张照片，那处理起来就相当麻烦了。遇到这种情况，我们可以用Photoshop的动作功能，使用“动作”和“批处理”命令来完成相同的操作，让电脑自动替我们干活，可以把我们从重复的劳动里解放出来，提高工作效率。“动作”面板主要用来存储和编辑动作，要将“动作”包含的图像处理操作应用于图像中，必须通过该面板来完

45、成。我们可以把对图像做过的操作过程录制下来，以后再遇到相同的操作时，就可以直接将该动作应用到其他的图像中，让电脑自动重复我们前面做过的工作。但是，使用“动作”功能一次只能对一个图像执行动作，如果要对一个文件夹下的所有图像同时执行动作，可通过“批处理”命令来实现。职业院校教材图形图像处理案例教程photoshopcs5任务任务3录制录制“水印水印Logo”动作动作任务实施任务实施l1打开素材文件，如图打开素材文件，如图9-3-1、图、图9-3-2所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务3录制录制“水印水印Logo”动作动作任务实施任务实施l2执行【窗口执行【窗

46、口动作】命令，打开动作】命令，打开“动作动作”面板。单击该面板底部的面板。单击该面板底部的按钮，按钮，在弹出在弹出的对话框中输入名称的对话框中输入名称“Logo”，创建动作组，如图，创建动作组，如图9-3-4、图、图9-3-5所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务3录制录制“水印水印Logo”动作动作任务实施任务实施l3单击单击“动作动作”面板底部的面板底部的“创建新动作创建新动作”按钮按钮，在弹出的，在弹出的“新建动作新建动作”对话框中输对话框中输入入名称名称“动作动作1”，单击，单击“记录记录”按钮，如图按钮，如图9-3-6所示，所示，“动作动作”面板

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

48、单击“动作动作”面板底部的面板底部的按钮以完成此次录制。如图按钮以完成此次录制。如图9-3-9所示。所示。职业院校教材图形图像处理案例教程photoshopcs5任务任务3录制录制“水印水印Logo”动作动作任务实施任务实施l7 关闭文件，进行批处理。执行【文件关闭文件，进行批处理。执行【文件自动自动批处理】命令，打开批处理】命令，打开“批处理批处理”对话框，在对话框，在“播放播放”选项组中选择刚刚录制的动作，单击选项组中选择刚刚录制的动作，单击“源源”选项组中的选项组中的“选择选择”按按钮，在打开钮，在打开的对话框中选择要添加的对话框中选择要添加Logo的文件夹的文件夹“潮州八景潮州八景”。

49、如图。如图9-3-10所所示。示。职业院校教材图形图像处理案例教程photoshopcs5任务任务3录制录制“水印水印Logo”动作动作任务实施任务实施l8 在在“目标目标”下拉列表中选择下拉列表中选择“文件夹文件夹”，然后单击，然后单击“选择选择”按钮，在打开的对话按钮，在打开的对话框中为框中为 处理后的照片指定保存位置，如图处理后的照片指定保存位置，如图9-3-11所示，这样就不会破坏原始照所示，这样就不会破坏原始照片了。片了。职业院校教材图形图像处理案例教程photoshopcs5任务任务3录制录制“水印水印Logo”动作动作任务实施任务实施l9 单击单击“确定确定”按钮，开始批处理，按

50、钮，开始批处理，Photoshop 系统会自动对源文件夹中的每一系统会自动对源文件夹中的每一个图个图 像添加一个像添加一个Logo，并将处理后的文件保存到指定的文件夹中。处理完成后，并将处理后的文件保存到指定的文件夹中。处理完成后的图像效果如图的图像效果如图9-3-3所示。所示。职业院校教材图形图像处理案例教程photoshopcs5项目九项目九行业实训行业实训结束职业院校教材图形图像处理案例教程photoshopcs59、静夜四无邻，荒居旧业贫。12月-2312月-23Sunday,December3,202310、雨中黄叶树，灯下白头人。19:12:2519:12:2519:1212/3/