《Photoshop-CC图像处理》第十一章-综合案例设计

第十一章LOGOPhotoshopCC图像处理第十一章综合案例设计第十一章教学目标：1.掌握基本工具的综合运用2.掌握平面设计的制作方法3.综合运用所学知识知识点和技巧点，绘制图像效果。。4.学以致用，设计并绘制案例。第十一章教学内容：通过学习前面的章节，已经对基本工具及命令的使用方法和技巧有所了解和掌握，为巩固所学，举一反三，本章节采用具体设计案例进行讲解。希望可以更好的掌握和灵活运用所学。第十一章目录•11.1处理一寸照片•11.2制作温馨宿舍宣传栏•11.3制作咖啡店名片•11.4制作酒店网站第十一章11.1处理一寸照片•11.1.1案例描述•11.1.2制作步骤第十一章11.1.1案例描述随着信息化的飞速发展，数码照片的获取越来越方便快捷，如何将普通数码照片处理成证件照并打印出来，是图像处理的应用于日常工作生活的一项技能。本例就来介绍如何将普通数码照片处理成蓝色底照，并利用批处理的方式快速生成标准一寸尺寸的证件照，以及批处理成用于打印的整板照片。第十一章11.1.2制作步骤一、将普通数码照处理成蓝色底版照1.打开“素材\第八章\案例1\一寸照片\原始图像\9.jpg”文件。2.按住【Ctrl+J】键复制背景图层。3.使用快速选择工具，在人像以外的背景部分拖动，直至得到如图11-1-1所示的选区范围。4．将鼠标放于选区位置，单击右键，选择“调整边缘”命令，选中“边缘检测”中的“智能半径”复选框，如图11-1-2所示。设置属性栏中画笔大小为35，在人像的边缘，尤其是发丝部分涂抹拖动，如图11-1-3所示。第十一章3．执行菜单命令【窗口】【动作】，单击【动作】面板上的新建按钮，如图10-1-3所示。新建动作“上传证件照”，对话框设置如图10-1-4所示。单击“记录”按钮后，“上传证件照”动作会被放到“DefaultActions”中，效果如图10-1-5所示。在动作面板计算机即刻记录您操作的每一步动作，直至您点击结束，才停止录制。4．按比例修改图像大小，由于图像的来源不同，有的是数码相机导入，有的是纸质照片扫描导入，甚至有的是手机翻拍导入，分辨率大小不一。因此先统一修改分辨率为72像素/英寸，然后成比例修改像素大小中的宽度和高度。5．执行菜单命令【图像】【图像大小】,设置宽度为114px时，高度为130px，此时高度达不到要求。因此不要单击“确定”按钮；继续修改高度为156px，此时对应宽度为137px。对于超宽的值可以进行裁剪解决。对话框设置如图10-1-6所示，单击“确定”。第十一章5．确定后得到调整后的选区。新建图层，设置前景色为蓝色（R:0，G:191，B:243）。按住【Alt+Delete】组合键，在新图层填充蓝色。可以填充多次，再用橡皮擦，设置较低的不透明度，将多余的蓝色擦除，效果如图11-1-4所示。保存图片为“\一寸照片\蓝色底\9.jpg”。6．打开“素材\第八章\案例1\一寸照片\原始图像\2.jpg”文件。7.按住【Ctrl+J】键复制背景图层。8.执行【窗口】【通道】命令，打开通道面板，通过观察发现蓝色通道的黑白对比比较明显。复制蓝色通道，执行菜单命令【图像】【调整】【色阶】，设置参数如图11-1-5所示。第十一章9.按住Ctrl键单击蓝色副本通道，调查选区。选中RGB主通道。回到图层控制面板，新建图层，填充蓝色（R:0，G:191，B:243），Ctrl+D取消选区，如图11-1-6所示。10.使用橡皮擦工具将面部对应的蓝色部分擦除。11.使用加深工具在背景层副本层中对应的右下侧发丝部分涂抹，直至如图11-1-7所示效果。保存图片为“\一寸照片\蓝色底\2.jpg”。12.用上述两种方法将“\一寸照片\原始图像”文件夹内的其他文件都更改成蓝色底版照。如图11-1-8所示。第十一章二、批处理成统一分辨率和尺寸的蓝色底版证件照13．打开“\一寸照片\蓝色底\8.jpg”。按住组合键【Alt+F9】打开动作面板。单击动作面板上的新建按钮，新建“统一尺寸”动作，如图11-9所示。单击“记录”按钮，开始记录动作。14．执行菜单命令【图像】【图像大小】。取消“重新采样”对话框，将分辨率设置为300像素/英寸，即证件照的标准分辨率。文件的宽度和高度会随之自动调整。设置对话框如图11-1-10所示。15.继续执行菜单命令【图像】【图像大小】。重新选中“重新采样”对话框，将文档的高度设置为3.5厘米，此时文档的高度应该大于或等于2.5厘米。设置对话框如图11-1-11所示。第十一章16.按住D键，恢复默认前景色为黑色，背景色为白色。执行菜单命令【图像】【画布大小】，将画布高度设置为“绝对”值为2.5厘米，由于设置后的画布高度小于原始尺寸，因此要进行一些裁剪，保留的区域在“定位”中进行设置，如图11-1-12所示。17.执行菜单命令【文件】【存储为】命令，将文件另存为“\一寸照片\统一尺寸\2.jpg”。关闭文件。18.单击动作控制面板上的方形“停止”按钮，结束动作的录制。动作控制面板如图11-1-13所示。19.执行菜单命令【文件】【自动】【批处理】命令，设置动作、源文件夹和目标文件夹如图11-1-14所示。20.单击确定后，即可自动执行批处理命令，效果如“效果图一”所示。第十一章三、处理成整板的一寸证件照21.打开“\一寸照片\统一尺寸\6.jpg”。选定动作控制面板。单击面板上的新建按钮，新建“一寸板照”动作，如图11-1-15所示。单击“记录”按钮，开始记录动作。22．按住D键恢复前景色和背景色为默认黑色和白色，执行菜单命令【图像】【画布大小】。宽度和高度各相对增加0.1厘米，参数设置如图11-1-16所示。23.单击确定后效果如图11-1-17所示。24.Ctrl+A全选，Ctrl+C复制，Ctrl+D取消选区。25.执行菜单命令【图像】【画布大小】。宽度为原尺寸的4倍，高度为原尺寸的2倍，参数设置如图11-1-18所示。第十一章26.Ctrl+Delete填充背景色，Ctrl+V粘贴为图层1。Ctrl+A全选，选定移动工具为当前工具，单击参数栏中的顶端对齐和左侧对齐按钮，效果如图11-1-19所示。27.拖动图层1缩略图到图层控制面板的新建按钮上，复制图层1为图层1副本。单击参数栏中的底端对齐按钮，图层面板如图11-20所示。28.按住【Ctrl+E】组合键向下合并图层，复制合并后的图层，图层控制面板如图11-1-21所示。29.执行菜单命令【滤镜】【其他】【位移】，将图层向右侧移动307像素，即2.6厘米。参数设置和效果如图11-1-22所示。第十一章30.继续复制当前图层，按住Ctrl+F重复执行位移滤镜，参数值默认为最近一次设置。此时得到6张一寸蓝底照片。31.继续复制当前图层，按住Ctrl+F重复执行位移滤镜，完成制作，效果如图11-1-23所示。32.按住组合键【Shift+Ctrl+E】合并所有图层，将文件另存为“\一寸照片\一寸板照\6.jpg”。关闭文件。33.单击动作控制面板上的方形“停止”按钮，结束动作的录制。动作控制面板如图11-1-23所示。34.执行菜单命令【文件】【自动】【批处理】命令，设置动作、源文件夹和目标文件夹如图11-1-24所示。35.单击确定后，即可自动执行批处理命令，效果如“效果图二”所示。36.至此，一寸照片处理完毕，查看文件夹中的文件。第十一章11.2制作温馨宿舍宣传栏•11.2.1案例描述•11.2.2制作步骤第十一章11.2.1案例描述为了综合应用Photoshop软件，本节通过一个具体案例来提高软件的实际应用能力。本案例制作的海报实际张贴效果如下图所示，这份宣传海报主要展示宿舍卫生、宿舍布置的效果。第十一章11.2.2制作步骤1.新建文档，设置宽度为6800像素、高度为3400像素、分辨率为72像素/英寸、颜色模式为RGB颜色、背景内容为白色，名称为“温馨宿舍.psd”，单击“确定”按钮，完成画布的创建。2.新建图层1，设置前景色为（R：03G：23B:00），将图层1填充为墨绿色。新建“背景”组，在该组中添加图层2，选择画笔工具，设置“画笔大小”为800像素，“硬度”为0,前景色改为（R:02G:15B:00），在黑板左边使用画笔进行不规则涂抹。复制图层2，将涂抹的图案移动到黑板的右边。3.在“背景”组中继续新建图层3，再次设置画笔大小、画笔硬度、前景色等参数，继续用画笔工具在黑板中间上方画出一些痕迹，然后设置图层3的“不透明度”为40%。第十一章4.打开素材“木纹.jpg”文件，用矩形选框工具在木纹图像上建立选区，选择菜单【编辑】—【定义图案】命令，将木纹定义成图案。5.新建图层4，使用矩形选框工具在黑板顶部绘制一个细长矩形选区，打开菜单【编辑】—【填充】命令，设置图案填充，制图层4，将图像移动到黑板下方，完成黑板上下的木纹。6.新建组，在“标题组”中新建“宿”组，新建图层5，使用填充工具、钢笔工具、自由变换，画出米字格。在米字格上方添加标题文字，标题文字字体为“迷你简菱心”，大小为399点。用同样的方法完成其他标题字的制作。第十一章7.在“标题”组中新建“拼音”组，设置前景色为白色，在该组中输入标题文字的拼音，调整拼音位置，尽量放在对应文字的上方。8.使用钢笔工具，完成不规则图像路径的绘制，对路径进行描边处理，对图层添加描边样式，得到下图效果。第十一章9.选择画笔工具，在“边框”组中新建图层7，调整画笔大小为6像素，硬度100%，手绘一个回形针图形，再给图形进行样式处理。10.移动回形针图形到不规则矩形框上部中间位置，在“边框”组中新建图层8，并将图层8移动到图层6的下方，将素材图片“宿舍1.jpg”拷贝图层8中，使用【色阶】和【亮度/对比度】命令，将素材图片亮度提高。同样的办法完成其他素材的植入。第十一章11.新建文字组，设置文字“字体”为“BerlinSansFB”，“大小”为172点，设置文本的颜色值为（R：3G：23B：0），编辑各个宿舍编号文字，并对文字进行描边操作。12.利用【添加杂色】命令和【动感模糊】命令，为文字制作出漂亮的粉笔效果底纹。第十一章13.完成其他文字的编辑，设置摆放位置，为间隔大段文字，可以新建一个图层，用矩形选框工具画一个长方形选区，并填充白色，然后用橡皮擦工具在长方形上擦除，完成后复制该图层，移动到两段文字中间。第十一章14.使用钢笔工具绘制路径，完成粉笔的绘制。再给背景黑板添加一些不规则的图案。完成最终效果。第十一章11.3制作咖啡店名片•11.3.1案例描述•11.3.2制作步骤第十一章11.3.1案例描述本例为咖啡店名片制作，首先我们要确定主题。这是一家以猫为主题的咖啡店，所以在logo的制作里融入了猫的元素来进行设计，然后按照常见的名片尺寸来进行绘制。第十一章11.3.2制作步骤一、LOGO绘制1.新建用于绘制LOGO的文件，尺寸如图11-3-1所示，使用钢笔工具如图11-3-2所示的咖啡杯状图形。2.绘制形状。使用自定义形状工具绘制猫形图案如图11-3-3所示，并对其水平翻转效果如图11-3-4所示。3.使用文本工具，键入文字“MewsforCatnip”,并选中属性栏中的“变形文本工具”，选择“扇形”，设置参数如图11-3-5所示。效果如图11-3-6所示。第十一章4.合并除背景层外的所有可见层，并储存为“Logo.psd”。因为是咖啡厅，所以在名片的设计上，使用了淡金和深棕色的搭配。这个配色跟咖啡店比较搭配，看起来也相当的淡雅高贵。接下来我们来进行名片的制作。二、名片设计：5.新建文件，常见名片尺寸如图11-3-7所示。6.选中渐变工具，绘制由#ffffff至#f5e3bb的径向渐变，如图11-3-8所示。7.导入LOGO，对图层缩略图进行透明锁定，填充接近咖啡的颜色#6c5424，单击图层缩略图右键，转换为智能对象。添加辅助线。如图11-3-9所示。第十一章8.使用直线工具绘制线条宽度分别为3px和5px的线条，添加图层蒙版，绘制渐变效果，如图11