案例学AIGC+Photoshop UI设计课件 第2章 Photoshop基础知识

第2章

Photoshop基础知识案例学AIGC+PhotoshopUI设计2.1熟悉Photoshop2.2选择与绘制图像2.3应用图层目录CONTENT2.4合成图像2.1.1Photoshop的工作界面将一张图像拖曳到计算机中的Photoshop软件图标上，即可启动Photoshop，打开工作界面，该界面主要由菜单栏、标题栏、图像编辑区、面板组、工具箱、工具属性栏、上下文任务栏和状态栏组成。Photoshop2024的工作界面2.1.1Photoshop的工作界面工具箱标题栏菜单栏状态栏工具属性栏图像编辑区面板组上下文任务栏工具箱中的所有工具2.1.2Photoshop的基本操作1．文件的基本操作01新建文件启动Photoshop，进入“主页”界面，单击左侧按钮；或在工作界面中选择【文件】/【新建】命令；或按【Ctrl+N】快捷键，均可打开“新建文档”对话框，设置宽度、高度、分辨率等参数后，单击按钮。03置入文件选择【文件】/【置入嵌入对象】命令，打开“置入嵌入的对象”对话框，选择需要置入的文件，单击按钮，在图像编辑区中调整置入文件的大小和位置，按【Enter】键完成置入。05保存文件选择【文件】/【存储】命令，或按【Ctrl+S】组合键打开“存储为”对话框，选定存储位置，单击按钮即可保存文件。若要将文件以不同名称、格式、为位置等再保存一份，可选择【文件】/【另存储】命令，或按组合【Ctrl＋Shift＋S】键。02打开文件选择【文件】/【打开】命令，或按【Ctrl+O】组合键打开“打开”对话框，选择需要打开的文件后，单击按钮。04导出文件选择【文件】/【导出】命令，在打开的子菜单中可以进行多种导出任务，设计人员可按照所要导出的内容、范围和格式来选择需使用的命令。06关闭文件选择【文件】/【关闭】命令，或按【Ctrl+W】组合键，或按【Ctrl+F4】组合键，均可关闭当前文件。2.1.2Photoshop的基本操作2．调整文件的大小“图像大小”命令“画布大小”命令裁剪工具选择【图像】/【图像大小】命令，打开“图像大小”对话框，修改宽度、高度、分辨率数值后，单击按钮。图像编辑区即图像的显示区域，又称为画布，调整画布大小也可达到改变图像文件大小的目的。选择【图像】/【画布大小】命令，打开“图像大小”对话框，修改宽度、高度数值，并设置当前图像在新画布上的位置后，单击按钮。在工具箱中选择“裁剪工具”后，图像编辑区中将显示一个裁剪框，裁剪框内的图像为裁剪保留的区域，通过拖曳四周的边框可调节裁剪范围，按【Enter】键可完成裁剪操作。网格参考线标尺选择【视图】/【标尺】命令，或者按【Ctrl＋R】组合键，可以在图像编辑区的顶部和左侧显示标尺，再次按【Ctrl＋R】组合键可以隐藏标尺。2.1.2Photoshop的基本操作3．标尺、参考线和网格将鼠标指针移至图像编辑区顶部或左侧的标尺处，按住鼠标左键不放向图像编辑区内拖曳，鼠标指针会变成或状态，同时在右上角显示当前参考线的位置，松开鼠标后，可以在当前鼠标指针处创建一条参考线。选择【视图】/【显示】/【网格】命令，或者按【Ctrl＋’】组合键，可以在图像编辑区内显示网格，再次按【Ctrl＋’】组合键可隐藏网格。2.1熟悉Photoshop2.2选择与绘制图像2.3应用图层目录CONTENT2.4合成图像2.2.1创建选区电商体量增速迅猛选框工具组“矩形选框工具”用于创建矩形选区和正方形选区；“椭圆选框工具”用于创建椭圆选区和正圆选区；“单行选框工具”用于创建高度为1像素的选区；“单列选框工具”用于创建宽度为1像素的选区。电商体量增速迅猛套索工具组“套索工具”用于绘制不规则的选区；“多边形套索工具”用于创建选区边缘是直线或折线的选区；“磁性套索工具”用于创建通过颜色差异自动识别区域边缘的选区。电商体量增速迅猛对象选择工具组“对象选择工具”、“快速选择工具”和“魔棒工具”，可快速为背景简单、边缘清晰的图像创建选区。使用“磁性套索工具”创建选区2.2.2编辑选区选择【选择】/【取消选择】命令，或按【Ctrl+D】组合键可取消选区。取消选区02选择【选择】/【变换选区】命令，选区的的四周将出现定界框。当鼠标指针在选区内变为形状时，按住鼠标左键不放并拖曳控制点，可以等比例缩放选区的形状，不影响选区中的图像。变换选区03选择【编辑】/【填充】命令；或单击鼠标右键，在弹出的快捷菜单中选择“填充”命令，打开“填充”对话框，在其中可以设置使用色彩或图案填充选区的内部区域。填充选区04 描边选区05选择【编辑】/【描边】命令；或单击鼠标右键，在弹出的快捷菜单中选择“描边”命令，打开“描边”对话框，在其中可以设置颜色和位置参数来描摹选区边缘。选择【选择】/【修改】命令，在弹出的子菜单中可选择“边界”“平滑”“扩展”“收缩”“羽化”命令来修改选区，在打开的对话框中可以设置对应的参数。修改选区06反选选区01选择【选择】/【反选】命令，或按【Shift＋Ctrl+I】组合键可反向选择选区。2.2.3绘制图像||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||在工具箱底部设置前景色后，选择“画笔工具”，在工具属性栏中设置画笔笔尖样式、画笔大小、不透明度等参数，然后在图像编辑区中单击或涂抹，即可绘制带有前景色的图像。“铅笔工具”、“混合器画笔工具”与“画笔工具”的功能类似，都用于绘制图像，使用方法也基本相同。但是，“铅笔工具”绘制出的效果比较硬朗，“混合器画笔工具”则可绘制出水彩、油画等混合颜料的效果。2.2.4绘制矢量图形形状工具组形状工具组内工具的使用方式都比较相似，只需选择任一工具，在图像编辑区中拖曳鼠标指针，便可绘制对应的图形。钢笔工具自由钢笔工具弯度钢笔工具用于绘制形状更加自然、随意的图形。用于绘制由平滑曲线和直线段构成的图形。选择“钢笔工具”，在其工具属性栏中选择绘图模式为“形状”，并设置填充和描边属性后，在图像编辑区中依次单击创建锚点，形成直线线段，通过绘制多段直线线段并闭合形状，可绘制出边缘为直线的图形形状；在图像编辑区中单击确定第1个锚点，继续单击鼠标左键并拖曳，可形成曲线线段，通过绘制多段曲线线段并闭合形状，可绘制出边缘为曲线的图形。绘制直线图形绘制带弧度的图形2.1熟悉Photoshop2.2选择与绘制图像2.3应用图层目录CONTENT2.4合成图像2.3.1图层的常见类型背景图层新建或打开文件时存在的图层为背景图层，该图层始终位于“图层”面板底部，不能添加图层样式和调整透明度。普通图层普通图层是较为常见的一种图层，可以进行一系列的操作。形状图层形状图层是包含矢量图形对象的图层，可以在放大的状态下保持图像的清晰度。智能对象智能对象也是智能图层，可以保留图像的源内容及其所有原始特性。文字图层文字图层是输入文字时自动生成的图层。图层的常见类型2.3.2图层的基本操作030405复制图层按【Ctrl＋J】组合键；或选择【图层】/【复制图层】命令；或单击鼠标右键，在弹出的快捷菜单中选择“复制图层”命令。合并图层选择【图层】/【向下合并图层】命令；或按【Ctrl+E】组合键；或单击鼠标右键，在弹出的快捷菜单中选择“合并图层”命令。栅格化图层单击鼠标右键，在弹出的快捷菜单中选择“栅格化图层”命令。对齐图层选择【图层】/【对齐】命令，在弹出的子菜单中可选择对齐方式的命令。06分布图层选择【图层】/【分布】命令，在弹出的子菜单中可选择分布方式的命令。07调整图层堆叠顺序向上或向下拖曳图层，当蓝色横线到达目标位置后，释放鼠标。0901新建图层选择【图层】/【新建】/【图层】命令，或单击“图层”面板中的“创建新图层”按钮。02删除图层选择【图层】/【删除】/【图层】命令，或按【Delete】键，或单击“图层”面板中的“删除图层”按钮。链接图层选择【图层】/【链接图层】命令，或单击“图层”面板中的“链接图层”按钮。0810整图层不透明度在“图层”面板右上方的“不透明度”数值框中输入具体的数值，可以设置图层的不透明度，用于调整图层中图像的显示程度。2.3.3图层混合模式图层混合模式图层混合模式能使相邻图层中的图像合成不同效果，从而带来不一样的视觉感受。在Photoshop预设中提供了27种图层混合模式，默认状态下为“正常”，在“图层”面板中选择一个图层，单击面板顶部的右侧的按钮，在弹出的右图下拉列表中可查看所有图层混合模式，每一组模式间使用划线分隔开，可分为6组，分别是组合模式、变暗模式、变亮模式、饱和度模式、差集模式、颜色模式，每一组的混合模式都可以产生相似的效果或是有着近似的用途。2.3.3图层混合模式使用“颜色加深”和“强光”混合模式的不同效果组合模式该组模式只有在降低图层的不透明度的前提下，才能产生效果。饱和度模式该组模式可增强图像的反差，在混合时50%的灰度将会消失，亮度高于50%灰色的像素可加亮图层颜色，亮度低于50%灰色的图像可降低图层颜色。变暗模式该组模式可使图像变暗，在混合时当前图层的白色将被较深的颜色所代替。差集模式该组模式可比较当前图层和下方图层，若有相同的区域，该区域将变为黑色。不同的区域则会显示为灰度层次或彩色。若图像中出现了白色，则白色区域将会显示下方图层的反相色，但黑色区域不会发生变化。变亮模式该组模式可使图像变亮，在混合时当前图层的黑色将被较浅的颜色所代替。色彩模式该组模式可将色彩分为色相、饱和度、颜色和明度这4种成分，然后将其中的一种或两种成分互相混合。2.3.4图层样式为图层应用图层样式，可使图层中的图像具有真实的质感、纹理等特殊效果。只需选择图层后，选择【图层】/【图层样式】命令，在弹出的子菜单中选择一种样式命令；或在“图层”面板底部单击“添加图层样式”按钮，在弹出的下拉菜单中选择需要创建样式的命令；或双击需要添加图层样式的图层右侧的空白区域，都将打开“图层样式”对话框，设置相关参数后，单击按钮。2.3.4图层样式用于控制当前图层与下方图层的混合方式。混合选项用于为图像添加高光、阴影和雕刻般的效果。斜面和浮雕用于使用颜色、渐变或图案对图像边缘进行描边。描边用于沿着图像边缘内侧添加阴影效果。内阴影用于沿着图像边缘内侧添加发光效果。内发光用于为图像添加光滑而有内部阴影的效果。光泽用于为图像叠加自定义颜色。颜色叠加用于将图像中单一的颜色调整为渐变色，使图像的颜色变得丰富。渐变叠加用于为图像添加指定的图案。图案叠加用于沿着图像边缘外侧添加发光效果，与“内发光”样式相反。外发光用于为图像添加投影效果。投影2.1熟悉Photoshop2.2选择与绘制图像2.3应用图层目录CONTENT2.4合成图像1．认识文字工具组若要在Photoshop中添加文字内容，则离不开文字工具组，该工具组包括“横排文字工具”、“直排文字工具”、“横排文字蒙版工具”和“直排文字蒙版工具”，分别用于输入水平排列的文字、垂直排列的文字、水平排列且带有选区效果的文字、垂直排列切且带有选区效果的文字。2.4.1添加文字2.4.1添加文字2．输入文字输入点文字输入段落文字以选择“横排文字工具”为例，在工具属性栏中根据具体需求设置相关参数后，在图像中单击鼠标左键，插入文字定位点后可输入点文字。以选择“横排文字工具”为例，在工具属性栏中根据具体需求设置相关参数后，在图像中按住鼠标左键不放并拖曳鼠标指针，生成文字定界框，在框内可输入段落文字。2.4.1添加文字3．设置文字格式输入文字时可在文字工具的工具属性栏中设置格式，也可使用“字符”面板和“段落”面板设置格式，这两个面板中除了包含工具属性栏中的参数，还增加了更多的文字格式参数。“字符”面板“段落”面板2.4.2添加蒙版创建剪贴蒙版在“图层”面板中选中要添加蒙版的图层，按【Alt+Ctrl+G】组合键；或单击鼠标右键，在弹出的快捷菜单中选择“创建剪贴蒙版”命令，即可为两个图层创建剪贴蒙版。添加图层蒙版“图层”面板中选中要添加蒙版的图层，单击面板底部的“添加蒙版”按钮，即可为该图层添加图层蒙版，然后设置前景色为黑色，再使用“画笔工具”或“渐变工具”涂抹想要遮盖的区域，图像将不显示涂抹部分的内容。2.4.2添加蒙版添加快速蒙版打开图像文件，单击工具箱下方的“以快速蒙版模式编辑”按钮，进入快速蒙版编辑状态，使用“画笔工具”在图像中涂抹，绘制的区域将呈半透明的红色蒙版显示，单击“以标准模式编辑”按钮，将退出快速蒙版模式，之前呈红色显示的图像将位于生成的选区之外添加矢量蒙版选择素材图像，使用工具绘制路径，选择【图层】/【矢量蒙版】/【当前路径】命令，将基于当前路径创建矢量蒙版。2.4.3添加滤镜1．滤镜库“滤镜库”对话框风格化：用于生成绘画或印象派风格的效果。画笔描边：用于模拟用不同画笔或油墨笔刷勾画图像时所产生的效果。扭曲：用于生成玻璃、海水和光照效果。素描：用于生成不同类型的素描效果。纹理：用于生成不同类型的纹理效果。艺术效果：用于生成传统的手绘图像效果。2.4.3添加滤镜2．特殊滤镜自适应广角CameraRaw滤镜镜头校正液化消失点NeuralFilters滤镜用于调整图像的颜色、色温、色调、曝光、对比度、高光、阴影、清晰度、自然饱和度、饱和度等。用于实现图像的各种特殊效果，如推、拉、旋转、反射、折叠和膨胀图像的任意区域。在选择的图像区域内进行克隆、喷绘、粘贴图像等操作时，会自动应用透视原理，按照透视的角度和比例自适应对图像的改动，大大节省制作时间。又叫AI神经网