人工智能与视觉设计 课件 第5章 Photoshop设计基础

5.1Photoshop概述ＰＳ概述一、Photoshop工作界面二、Photoshop常用图像格式三、Photoshop图层Photoshop概述Photoshop是应用最广泛的图像处理软件之一，具有强大的图片处理功能。AdobePhotoshop2024版融入先进AI技术。创意填充：依托Firefly核心引擎，简化复杂图像处理步骤，将普通素材转为视觉亮点。智能移除：通过创新交互，加速不必要元素的精确剔除。上下文敏感任务栏：优化了蒙版编辑和裁剪流程，操作更为直观快捷，是电商视觉设计的必备软件。一、Photoshop工作界面二、Photoshop常用图像格式PSD格式PSD是Photoshop默认的文件格式，可以保留文档中的所有图层、蒙版、通道、路径、未栅格化的文字、图层样式等。通常情况下，都将文件保存为PSD格式，便于后续继续修改。其他Adode应用程序，如Illustator、InDesign、Premiere等可以直接置入PSD文件。二、Photoshop常用图像格式JPEG格式JPEG是由联合图像专家组开发的文件格式。它采用压缩方式，具有较好的压缩效果，但是将压缩品质数值设置得较大时，会损失掉图像的某个细节。JPEG格式支持RGB、CMYK和灰度模式。二、Photoshop常用图像格式PNG格式PNG是用于无损压缩在Web上显示图像。与GIF不同，PNG支持24位图像并产生无锯齿状的透明背景，但某些早期的浏览器不支持该格式。二、Photoshop常用图像格式GIF格式GIF是基于在网络上传输图像而创建的文件格式，支持透明背景和动画，被广泛地应用于网站传输。三、Photoshop图层Photoshop图层就如同堆叠在一起的透明纸，透过图层的透明区域看到下面的图层，一副图像可以由一叠透明的纸组成。电商美工进行视觉设计时经常会使用到图层的基本操作。三、Photoshop图层三、Photoshop图层图层的基本操作主要在“图层”面板中进行，选择“窗口”

“图层”命令打开“图层”面板。单击“图层”面板中的相关命令可完成图层的新建、删除、显示/隐藏、锁定、链接，添加图层样式以及添加图层蒙版等操作。三、Photoshop图层常用的图层操作包括以下内容。1)复制图层：按【CTRL+J】组合键可在该图层上方得到复制的新图层；按住鼠标左键并拖动图层至“创建新图层”按钮上，释放鼠标后亦可复制该图层。2)合并图层：选择两个或两个以上需要合并的图层，选择菜单“图层”

“合并图层”命令或使用【Ctrl+E】快捷键可将多个图层合并为一个图层。选择菜单“图层”

“合并可见图层”命令或使用【Shift+Ctrl+E】快捷键合并可见图层，其中隐藏图层不进行合并。三、Photoshop图层3)盖印图层：若要将多个图层的内容合并到一个新的图层中，同时保留原来的图层不变，可执行盖印图层操作。选择需要盖印的多个图层，使用【Ctrl+Alt+E】快捷键将选择的图层盖印到一个新的图层中。4)利用图层组管理图层：当图层较多时，可使用图层组对图层进行分类管理，方便后期查找与修改。选择需要移动的图层，使用【Ctrl+G】快捷键将选中的图层移动到图层组中。双击图层组名称或图层名称可重命名图层组或图层；也可单击“创建新组”按钮新建图层组，然后将图层拖动到该图层组中。谢

谢

观

看！5.2图像编辑与修饰图像编辑一、打开图像文件二、调整图像大小三、调整画布大小五、裁剪与重构图像四、保存图像一、打开图像文件“打开图像”几种方法菜单“文件-打开”图像拖至PS软件快捷键Ctrl+O一、打开图像文件

二、调整图像大小通过拍摄得到的商品图像的宽度和高度基本都是3000像素以上，这样的大尺寸图片往往并不能直接用于电商平台。因为过大的图片不仅会降低网页加载的速度，还会在合成、加工和制作图像的过程中，使软件的处理速度变慢，大大降低工作效率。二、调整图像大小1）用Photoshop打开一张商品图像。“操作要领”二、调整图像大小2）选择菜单“图像”

“图像大小”，弹出“图像大小”对话框。“操作要领”

二、调整图像大小3）修改图像的宽度为1600像素，则图像的高度会自动进行修改。设置完成后，单击“确定”按钮，可以看到图像效果。“操作要领”

二、调整图像大小思考

如何解除比例锁定，调整图像大小为1600像素×1500像素？三、调整画布大小画布是绘制或编辑图像的显示区域。提示：图像大小和画布大小是两个不同的对象。使用“图像大小”命令可以调整图像大小，同时也会调整画布大小。使用“画布大小”命令调整画布大小，图像大小不会随之调整。因此，如果缩小画布，则图像周围会被裁剪；如果扩大画布，则图像四周会增加新的空白区域。三、调整画布大小1）用Photoshop打开一张商品图像。“操作要领”

三、调整画布大小2）选择菜单“图像”

“画布大小”，弹出“画布大小”对话框。“操作要领”

三、调整画布大小3）修改画布大小的宽度和高度都为1400像素。如新的画布大小比原始画布小，则会图像剪切提示，按“继续”按钮，完成调整后，可以看到图像效果。“操作要领”

三、调整画布大小4）重新修改画布大小的宽度和高度为1800像素，完成调整后，可以看到图像效果。“操作要领”

四、保存图像“操作要领”

1）在完成图像编辑后，点击“文件”菜单中的“存储为”按钮，弹出“另存为”对话框。五、裁剪与重构图像电商美工设计时，常常需要对商品图像进行二次构图，常用的工具是裁剪工具。Photoshop中的裁剪功能不仅可以对商品图像进行重新构图，还能通过使用拉直水平线让商品得以端正展示。五、裁剪与重构图像“操作要领”

1）用Photoshop打开一张商品图片。五、裁剪与重构图像“操作要领”

2）使用“裁剪工具”在图像窗口中单击并拖曳,调整裁剪框的位置和大小，将商品框选到裁剪框中。

五、裁剪与重构图像在拍摄商品图像的过程中，有时会因为拍摄环境或拍摄器材的限制，导致拍出的图像画面倾斜。“裁剪工具”中的拉直功能可以快速重新定义商品图像画面的水平或垂直基线，以一定的角度对图像进行旋转裁剪。五、裁剪与重构图像“操作要领”

1）用Photoshop打开一张倾斜图像。

五、裁剪与重构图像“操作要领”

2）在工具箱中选择“裁剪工具”，再在选项栏中单击按钮。使用鼠标在图像中单击并沿着画面中的水平或垂直方向进行拖拽，重新绘制画面的水平或垂直基线。

五、裁剪与重构图像“操作要领”3）在图像窗口中可以看到绘制的直线末端会显示出旋转裁剪的角度，释放鼠标后，Photoshop会根据绘制的基线创建一个带有一定角度的裁剪框，此时裁剪框中的图像将显示出平稳的视觉效果。

谢

谢

观

看！5.3色彩校正与调色色彩校正一、调整偏色图像二、替换图像色彩一、调整偏色图像当使用数码相机进行商品图像拍摄时，往往会因为天气、光照、环境等原因，导致拍摄的照片出现图像颜色失真等现象。在Photoshop中，可以使用亮度和对比度命令、色阶命令、曲线命令、白平衡工具以及色彩范围命令，对颜色失真的图像进行色彩调整。一、调整偏色图像(一)亮度和对比度命令调整图像色彩“操作要领”1）用Photoshop打开一张偏色图像。一、调整偏色图像“操作要领”2）单击“图像”

“调整”

“亮度/对比度”命令，打开“亮度/对比度”对话框。通过滑块调整图像的亮度和对比度的值，观察图像的变化情况，单击“确定”按钮。一、调整偏色图像(二)色阶命令调整颜色偏色图像“操作要领”1）用Photoshop打开一张偏色图像。一、调整偏色图像“操作要领”2）单击菜单“图像”

“调整”

“色阶”命令，打开“色阶”对话框，从直方图可以看出，图像的高光区域缺失。一、调整偏色图像“操作要领”3）在“色阶”对话框的“输入色阶”中直接拖拽滑块调整参数，在调整的过程中查看图像中图像的明暗变化。一、调整偏色图像在Photoshop中除了使用“色阶”命令可以调整图像的明暗和层次，还可以使用“亮度/对比度”、“曲线”、“曝光”、“高光/阴影”等命令有效改善商品图像在曝光、对比度等方面存在的问题。一、调整偏色图像(三)曲线命令调整偏色图像“操作要领”1）用Photoshop打开一张偏色商品图像。一、调整偏色图像“操作要领”2）单击“图像”

“调整”

“曲线”命令，打开“曲线”对话框。一、调整偏色图像“操作要领”3）鼠标拖动曲线的曲度并向上调整，改变图像的亮度，同时观察图像变化，完成后单击“确定”按钮。一、调整偏色图像(四)白平衡工具恢复商品真实色彩“操作要领”1）用Photoshop打开一张偏色图像。一、调整偏色图像“操作要领”2）单击菜单“图像”

“调整”

“色阶”命令，打开“色阶”对话框。一、调整偏色图像“操作要领”3）在“色阶”对话框右边有三个吸管，从左到右它们分别代表：黑色、灰色、白色，把图像中的黑白灰三色调节准确，图像整体的色彩自然就准确了。一、调整偏色图像思考如何调整以下商品图片的偏色？二、替换图像色彩使用色彩范围命令替换图像色彩“操作要领”1）用Photoshop打开商品图像。“操作要领”2）单击“选择”

“色彩范围”菜单命令。在“色彩范围”对话框中使用“吸管工具”提取衣服表面的颜色，并根据灰度预览图中的显示效果调整参数。单击“确定”按钮后，在图像窗口中可以看到衣服表面被框选到了选区中。二、替换图像色彩“操作要领”3）单击调整面板中的“色相/饱和度”按钮，创建“色相/饱和度”调整图层。调整“色相”选项改变选区中衣服的颜色。二、替换图像色彩谢

谢

观

看！5.4文字编排与图形绘制文字图形一、

文字的添加与设置三、绘制自定义形状的修饰图形二、

绘制规则形状的修饰图形

使用“横排文字工具”和“直排文字工具”为网店装修设计图添加上所需的文字。一、文字的添加与设置“1）用Photoshop打开商品图像。““操作要领”一、文字的添加与设置2）选择工具箱中的“横排文字工具”。在“文字工具”选项栏中，选择字体，并设置为“Bold”，文字大小为72点，选择文字颜色。在文档中输入文字内容。““操作要领”一、文字的添加与设置3）在控制面板中，打开“字符”面板，调整文字字符间距，使得字符之间宽度更加适宜。““操作要领”一、文字的添加与设置4）选择工具箱中的“横排文字工具”，在段落文字区域拖拽创建文本框。在“文字”工具选项栏中，选择字体，并设置为“Regular”，文字大小为50点，文字颜色为黑色，在文档中输入文字内容。““操作要领”一、文字的添加与设置“操作要领”

5）选中输入的文字，打开“字体”属性面板，可以设置行间距、字间距、文字颜色等更多属性。“一、文字的添加与设置修饰图形是网店装修设计中的一个尤为重要的部分，用来辅助表现商品的一种设计元素。添加修饰图形要根据实际的需求出发。“二、绘制规则形状的修饰图形修饰图形是用于辅助表现商品的一种设计元素。在商品详情页中，通过修饰图形来增加页面的艺术感，增加消费者的阅读兴趣，使商品产生较强的视觉效果，获得消费者的好感。这些图形包括矩形、圆形、圆角矩形、多边形等等。我们可以使用Photoshop的形状工具来绘制规则形状。“二、绘制规则形状的修饰图形通过修饰图形来增加页面的艺术感，增加消费者的阅读兴趣，为商品产生较强的视觉效果，获得消费者的好感。“二、绘制规则形状的修饰图形1)首先新建Photoshop文档。2)选择工具箱中的“矩形”工具，在“形状”工具栏中，可以设置绘制形状的大小、比例、样式、颜色等参数。按住Shift健，可以绘制正方形形状。““操作要领”二、绘制规则形状的修饰图形3)选择工具箱中的“椭圆”工具，在“形状”工具栏中，可以设置绘制形状的大小、比例、样式、颜色等参数。按住Shift健，可以绘制正圆形状。““操作要领”二、绘制规则形状的修饰图形4)选择工具箱中的“圆角矩形”工具，在“形状”工具栏中，可以设置绘制形状的大小、比例、样式、颜色等参数。““操作要领”二、绘制规则形状的修饰图形5)选择工具箱中的“多边形”工具，在“形状”工具栏中，设置星形复选框，可以设置绘制“边”值为5，绘制五角星形状。““操作要领”二、绘制规则形状的修饰图形在网店装修设计图中，纯粹使用规则的形状来进行装饰和布局无法满足网店装修要求，我们可以使用Photoshop的自定义形状工具来绘制不规则形状。三、绘制自定义形状的修饰图形“1)首先新建Photoshop文档。2)选择工具箱中的“自定形状”工具，点击“形状”右侧的下拉框，点击形状面板右侧的箭头，在菜单下方选择需要载入的预设形状类型，并选择需要绘制的自定形状，在画布上绘制。““操作要领”三、绘制自定义形状的修饰图形“操作要领”

“三、绘制自定义形状的修饰图形对于绘制出的自定义形状，如果想要更改其外观，可以使用“直接选择”工具，单击形状边线以显示出形状锚点，单击锚点可显示锚点的方向控制杆。此时单击锚点并拖动，可移动锚点位置；单击方向控制杆的端点并拖动，可调整形状的外观。“小贴士三、绘制自定义形状的修饰图形谢

谢

观

看！5.5特效制作特效制作一、制作图像融合效果二、制作图像景深效果三、调整图像清晰度五、修补图像缺陷四、智能填充修复图像“一、制作图像融合效果图层蒙版好比在当前图层上覆盖了一层玻璃片，这种玻璃片有透明的、半透明的、完全不透明的。用绘图工具在图层蒙版上用黑色、白色或灰色进行涂色。涂黑色的地方，图层蒙版会变为完全透明。涂白色的地方，图层蒙版会变为完全不透明。涂灰色的地方，图层蒙版会变为半透明，透明的程度由灰度深浅决定。““操作要领”在Photoshop中打开一张风景图像。一、制作图像融合效果““操作要领”2）单击“文件”

“置入嵌入对象”，将荷花图像素材置入场景中。一、制作图像融合效果““操作要领”3）选择荷花图层，单击图层面板下方的“添加图层蒙版”按钮。为荷花图层添加一个图层蒙版。一、制作图像融合效果““操作要领”4）选择“画笔工具”。在工具选项栏中，设置画笔的大小。设置前景色为黑色。一、制作图像融合效果““操作要领”5）在图层蒙版的上方，用黑色画笔绘制。绘制的部分将显示出背景图片中的蓝天效果。一、制作图像融合效果“二、制作图像景深效果

Photoshop提供了“模糊画廊”中的“光圈模糊”、“场景模糊”和“倾斜模糊”三个滤镜来构造景深的效果。1)首先在Photoshop中打开商品图像。2)点击“滤镜”

“模糊画廊”

“光圈模糊”菜单，打开光圈模糊设置对话框。在图像中调整模糊光圈的大小和位置，同时设置光圈模糊的值。““操作要领”二、制作图像景深效果经过“光圈滤镜”调整后，照片中的玉器周围图形进行了适当的模糊，使商品与周围的图形形成了对比，构建出明显的景深效果，使商品的表现更加突出。“小贴士二、制作图像景深效果“USM锐化”滤镜:“USM锐化”滤镜将根据指定的量增强邻近像素的对比，使得较亮的像素变得更亮，而较暗的像素变得更暗。“三、调整图像清晰