虎课网为您提供字体设计版块下的PS-手机壳SKU主图设计图文教程，本篇教程使用软件为PS（CC2019），难度等级为新手入门，下面开始学习这节课的内容吧！

本次教程是通过一个案例带大家了解SKU图，喜欢的一起来学习吧。

学完本课内容后，同学们可以根据下图作业布置，在视频下方提交作业图片，老师会一一进行解答。

那我们开始今天的教程吧。

1.本次课程核心知识点是：1、SKU图的概念。2、PS形状工具的使用。3、光源关系基础。使用软件：Photoshop 2019。

2.什么是SKU图，SKU图用途是在电商品牌，用来区分颜色喜好的图片，如图中手机的选项，选项的小图或者放大就是SKU图。

3.按照客户给的参考图，使用素材精修图进行制作，大小是【800*800】像素，分辨率【72像素/英寸】，新建图层，命名SKU，点击【创建】。

4首先是构图，把产品素材拉进来，两个同时选中，调整大小比例，把产品摆到合适的位置，选择【矩形工具】绘制背景，颜色填充为红色，取消描边，调整透视角度，效果如图。

5.选择【矩形工具】绘制摆台，选择【直接选择工具】调整矩形的点使它和透视角度和墙面一致，选择【矩形工具】，画一个矩形做展台的厚度，调整厚度位置到如图位置。

6.及时保存。调整墙面的颜色，多尝试颜色也可以吸取参考图的颜色，调出大体的颜色，在墙面图层上方新建图层，画一个矩形，添加剪切蒙版，颜色选择浅一点的颜色，选择【属性】羽化【75.5像素】。墙面用同同样的方式绘制。

7.墙边选择投影，点击【添加图层样式】选择【投影】，颜色选择固有色加深，距离17、大小35、不透明度100%、扩展2，点击【确定】。右键选择【拷贝图层样式】。另一个墙面右击选择【粘贴图层样式】。右击【创建图层】，添加蒙版，使用【画笔工具】，隐藏墙面连接处的阴影。

8.同样的方式绘制展台阴影效果，选择【矩形工具】画一个大的矩形，颜色适当选择加深的，添加【色相/饱和度】图层，明度调为-17。添加蒙版，使用【渐变工具】做出明暗关系。底部做镜面反射，复制图层，颜色加深，改变大小，选择【窗口】-【属性】面板，羽化值为【3.5像素】，右边阴影用同样的方式制作。

9.点击【添加图层样式】选择【投影】，扩展70、大小4、不透明度70%。右键选择【拷贝图层样式】。再另一个图层右击选择【粘贴图层样式】。新建图层，添加剪切蒙版，使用【渐变工具】添加边的阴影，新建图层，选择【画笔工具】，在边缘画直线，颜色为白色，降低不透明度。

10.在手机壳图层右击载入选区，新建图层，吸取固有色加深，【Alt+Delete】填充图层，【Ctrl+M】打开图层曲线，压暗颜色，选择【滤镜】-【模糊】-【高斯模糊】，半径【2像素】，点击【确定】。新建蒙版，用【画笔工具】擦除多余阴影。另一个手机壳也使用同样方法制作阴影。

11.选择【圆角矩形工具】画一个颜色是深红色的矩形，图层放到手机图层下，调整形状，添加蒙版，使用【渐变工具】，画出亮面，打开【属性】，羽化【1.4像素】。

12.复制手机壳图层，放到原图层下面，添加剪切蒙版，调整位置，【Ctrl+T】改变图形，斜切的感觉，摆到如图位置，不透明度改为【16%】。

13.新建图层，选择【圆角矩形工具】画一个矩形，颜色为白色，不透明度【45%】，【Ctrl+T】改变图形，新建图层，选择【矩形工具】画一个矩形，【Ctrl+T】改变图形，摆到如图位置，选择这两个图层，合并形状，选择【路径操作】-【减去顶层形状】，合并图层。不透明度为【63%】。

14.选择【圆角矩形工具】画一个矩形，抠出相机形状，合并形状，选择【路径操作】-【减去顶层形状】，合并图层。添加蒙版，使用【渐变工具】，画出明暗对比。

15.文案制作，选择【圆角矩形工具】画一个白色矩形，大小为260*91像素，去掉描边，使用【横排文字工具】打出“亮边双面玻璃（颜色为白色），透明红（颜色为红色）”字体36加粗，选中三个图，居中对齐，添加细节，效果如图。

16.本节课程结束，最终效果如图所示，希望大家积极提交作业。

以上就是PS-手机壳SKU主图设计图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！