Photoshop平面设计技术

2020-11-26谢丹妮

电子技术与软件工程 2020年19期

谢丹妮

（湖南省汽车技师学院湖南省邵阳市 422000）

Photoshop 源于Adobe 公司，Photoshop 作为一种操作性强，使用广泛的图形类平面处理软件，在图像处理领域有着较大的使用优势。简单来说，图像处理就是对现有的位图进行处理、加工等附加式创作，主要处理的还是图像类居多，目前Photoshop 的最新版本是Photoshopcc2019，在设计方面有着较强的科学性和先进性。

1 Photoshop之颜色模式

简单来说颜色模式就是把颜色的名称转化为数字的名称，也就是一种用数字代表颜色的一种电脑录入形式，可以发现Photoshop中的颜色有很多，且除了实色，其他颜色都是以实色为基础的合成色，因此其颜色的合成形式较多。“显示”和“打印”的颜色模式不同，并且影响着图像文件大小和通道数值，一般来说，Photoshop的颜色模式有：CMYK、Lab、RGB、HSB、灰度、索引色等。

1.1 RGB

RGB 是基于自然界生成的三原色光的基础上，形成的混合成色模式，R 代表红，G 代表绿，B 代表蓝色，将这三种基色选择三个数字代表，并取值均为0 到255 之间的整数，色越亮，数值也就越大。由于RGB 源于自然三原色，所以从理论上来讲，RGB 可以将自然界中的任何颜色还原。将亮度不同的基色进行混合，所出现颜色就会有：256 x 256 x 256 种，大约等于1670 万，这也就是“真彩色”。一般电脑计算机上用于显示的色彩模式就是RGB。

1.2 CMYK

CMYK 的成色原理源于反射光，会根据反射光的强度和亮度，呈现出相应的颜色，反射光能力越强，颜色就会越亮，与RGB 的成色原理有着本质上的区别，一般在打印上使用的颜色模式就是CMYK，俗称：四色印刷。C 为青色，M 为品红，Y 为黄色，K 为黑色，CMYK 的取值采用的是百分比，也就是从0%至100%。

例如：蓝色的CMYK 值为C：80%,M：100%，Y：0%,K：0%；白色的CMYK 值为C：0%,M：0%，Y:0%,K:0%，黑色的CMYK值为C:100%,M：100%,Y：100%,K：100%。CMYK 模式的图像，数值越大，颜色越暗。

1.3 Lab

Photoshop 颜色模式转换中，用到的中间颜色就是源于Lab 模式的，L 为亮度分量，取值范围为0 至100，a 与b 为颜色分量，a为绿色至红色的光谱变化，b 为蓝色至黄色的光谱变化。Lab 能良好地弥补RGB 和CMYK 的缺处，RGB 的缺处在于蓝绿间过度色较多，红绿间过度色较少。CMYK 的缺处在于在图像处理中色彩流失严重。且Lab 便在上述方面较有优势，所以可以良好做到互补，Lab 和RGB 的相似程度在于，色彩混合后都会出现更亮的颜色，且亮度只受亮度通道数值变化的影响。

1.4 索引色

RGB 和CMYK 下的文件或多或少都会出现内存占有量较大的问题，为了降低对设备内存的占有量，科研人员就设计出了索引色，索引色只用于编辑图像文件和创建图像文件，每个像素只使用8 位，就能良好的记录颜色图像，在很大程度上能良好的缩小文件的大小。一般图像处于索引色时，会构建调色板用于存放索引出的图像颜色，一般索引色用于进行网页图像以及flash 形式的多媒体图像制作。

2 Photoshop之颜色模式的实际应用

2.1 图像处理

RGB 的技术优势在于运用曲线工具或者色阶工具进行图片色彩的调整时，RGB 只对三个通道进行调整即可，与其他颜色模式相比需要进行多通道的调节相比，更为简便。一般用Photoshop 进行图像色彩处理时，最好要在RGB 下进行处理，主要在于只有处于RGB 模式下，Photoshop 提供滤镜和操作指令才能被用户使用，若此图像要用于印刷，用户可以在图像处理时使用RGB，在导出印刷时，转换为CMYK 即可。

2.2 网页图像

在进行网页图像的操作时，用户可以直接使用索引色，主要在于网页图像最重要的是在打开的速度和流畅性，索引色下的图像数据量仅有RGB 下图像数据量的三分之一，内存占有量少，能良好提升网页图像的打开速率。

2.3 扫描、印前图像处理以及印刷全过程颜色管理

Lab 是一种独立在具体设备以外的颜色模式，因此Lab 和RGB的适用环境是一样的，几乎所有场合都可以适用，但通常Lab 用于扫描仪在进行图像信息扫描，且为了转换为其他图像颜色模式时使用，在进行扫描、印前图像处理以及印刷全过程颜色管理时建议全程使用Lab。

2.4 图像印刷

基于CMYK 的成色原理，就可知CMYK 的适用范围，简单来说图像印刷使用的就是CMYK，并且CMYK 已经成为了印刷领域中十分关键的印刷颜色模式，用于印刷的图像虽然可以在Photoshop 中灵活进行颜色转换，但转换要遵循实际需要，以此避免用于印刷的图像在导出的时候，色彩流失过多。

3 Photoshop之图片处理技术

3.1 系统工具图像处理操作

系统工具图像处理技术是Adobe Photoshop 中最基础、最有效和最直接的图像处理技术，这种方法经常用于图像抠图，但这种方法一般多用于抠取边缘线十分清晰的图像，在实际抠图中，会用到选框工具、路径工具和套索工具等。

选框工具可以框住形状较为规则的图像，如：圆形、椭圆形、正方形和长方形等。将图像框住后，相应区域的图像通过Ctrl+X就会被抠取下来。选框工具对于抠取对象的精准度要求较低，直接框选，羽化，就可以完成抠图。

一般抠取形状较不规则的图像时，经常使用套索工具，套索工具分为多边形套索和磁性套索，多边形套索一般用于抠取多边且不规则的图像，磁性套索一般用于抠取边缘清晰，且颜色和背景图像差异较大的图像。

对于不规则图像中的图形抠取操作时，可以使用路径工具，具体操作为：选择钢笔工具困住要抠取的图像，再把路径当成选区载入，载入后，反向选择，去除不要的图像部分，就可以得到需要的图像了。这种抠图手法常用于处理外形复杂、色差较小的图像，一般使用路径工具时，会辅用橡皮擦，以此就能得到较为精细的图像了。

3.2 通过图像色彩范围抠图

通过图像色彩范围进行抠图，需要用到的是魔术棒、颜色范围菜单与橡皮擦，在从单色背景图像中进行非单色图像的抠取时，可以选择魔术棒点击图像中颜色相近的区域，这样就能轻松框选需要的图像，为了使得图像抠取得更为精细，不会让后续的图片拼接出现较大违和感，可以在图像选择后，在魔术棒中设定容差值，用户可以按照自己所需设定容差值范围，以此调整图像的框选范围，容差值和框线范围成正比。若用户框选出来的图像范围超过了实际需要，也可以将容差值变为0，以此减少图像颜色的选择，消除颜色模糊边界。

例如：通过魔术棒进行抠图的具体操作流程是：选择魔术棒，在属性栏选择“连续”，容差值设定为20，设定完毕后，删除背景即可，但一些较为复杂的图像处理，并不是一次抠选就可以完成了，还需要多次抠选并设定容差值。橡皮擦在Adobe Photoshop 中是十分常用的抠图修改工具，通过橡皮擦的名字就可得知和我们日常使用的橡皮擦，原理与使用方式是一样的，若要使用橡皮擦进行图像的处理，可以选择橡皮擦，此时鼠标标志就会变为圆形或其他设定形状，将鼠标标志拖动到需要进行擦除的图像位置上，长按鼠标左键进行标志拖动，就可以轻松擦除不要的图像了，橡皮擦与其他抠图工具相比，橡皮擦能呈现出精准度较高的手动擦除效果，并且抠图较快，效率很高。用户还可以选择橡皮擦后，标记想要擦除的颜色范围，就可以将图像区域中相近的颜色擦除，但对于背景颜色复杂杂乱的图像，橡皮擦工具是不适用的。Adobe Photoshop 菜单栏里面的颜色范围键也可以用于抠图，且在图像和背景图像色差十分明显的图片十分适用。

例如：通过颜色范围键进行抠图的具体操作流程是：用颜色吸管拾取颜色，点击菜单栏中的颜色范围键，并选择反相，就可以选中图像了。

4 Photoshop之文字处理技术

4.1 文字基础处理技术

文字作为信息传递的重要载体，在平面设计中是非常重要的，且平面设计中的文字的主要目的就是为了传递信息，若在Photoshop 进行文字处理时，出现了形式模糊或操作错误等问题，就会失去文字本身的基本功能。当前在文字基础性处理技术中，常用到的有关文字处理方面的快捷键有：字体加粗Ctrl+Shift+B；字体斜体Ctrl+Shift+I，放大字号Ctrl+Shift+，缩小字号Ctrl+Shift+，左对齐Ctrl+Shift+L，右对齐Ctrl+Shift+R。

在Photoshop 中一般文字的基础处理技术有：虚拟文字录入；段、点文字切换；水平和垂直文字切换。在设计人员进行视觉设计时，文案还没有给出的时候就需要预留文字版面，此时就可以使用Photoshop 中的“占位字符”功能预留版面，具体操作为：点击菜单栏中的文字键，粘贴即可。

段、点文字切换；水平和垂直文字切换一般用于字体排版，具体操作为：点击菜单栏中的文字键，文字输入后，拉出段落文字，选中后，下拉菜单，在转换选项选择需要的版式即可。

4.2 文字艺术性处理技术

在文字艺术性处理中，常用到的技术有：文字颜色的快速填充，文字的形状转换、文字变形和复制CSS。

文字颜色的快速填充具体操作为：点击菜单栏中的文字键，文字输入时点击颜色提前设置好字体颜色，或是选中文字，按下Alt+删除键为文字填充前景色，也可以按下“Ctrl+删除键”填充背景色，还可以双击文字的涂层，进行颜色叠加。文字的形状转换、文字变形是字体设计中常使用的技术手段，能良好地将文字的文本转化为形状，此时虽然不能再进行文字修改了，但可以点击“路径选择工具”与“直接选择工具”，进行字体形状设计。文字的形状转换、文字变形是字体设计的具体操作为：通过菜单选中文字图层，点击文字框，按下右键，直接选择需要的变形、形状模式即可。由于Photoshop 的版本更新，现阶段的Photoshop 已经有了直接复制CSS 代码的功能，可以直接进行代码转换，所以其具体操作为：点击菜单栏中的图层，按下复制CSS 即可。