虎课网为您提供字体设计版块下的PS-新中式风格详情页设计（电商全案）图文教程，本篇教程使用软件为PS（CC2018），难度等级为中级拔高，下面开始学习这节课的内容吧！

本节课讲解Photoshop（简称：PS） - 电商全案 - 新中式风格详情页设计，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复，作业也可以在评论区进行提交。

课程核心知识点：电商详情页设计灵感、详情页风格定位、根据风格挖掘卖点进行实施。

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

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

1.打开“最终效果图”，根据当前的内容来讲解案例的制作流程，以及在制作过程中需要注意到的，具体如图示。

2.新建【画布】，然后在面板中我们将【分辨率】的数值调整为【750*3000】的像素，并进行【重命名】，具体如图示。

3.载入“素材”文件，利用【变形】命令（快捷键：Ctrl+T），来调下它的【形状】样式，这些素材都可以在【右侧】的黄色按钮进行下载，具体如图示。

4.在效果器中添加【色阶】效果【快捷键：Ctrl+L】，在色阶中调整为【16、1.00、216】的数值，调整图层的明暗效果，具体如图示。

5.调整完成后，选择图层添加【可选颜色】的效果，根据画面效果选择【红】颜色，调整百分比数值，具体如图示。

6.调整完成后，选择图层在效果器中点击【模糊和锐化】-【高斯模糊】效果设置它的【半径】数值，具体如图示。

7.选择“背景图片”素材图层添加【蒙版】效果，使用【画笔】工具在【颜色】面板中设置颜色为【白色】在蒙版中进行绘制。

8.使用【文本】输入文字“天然朱砂”并且修改字体调整文本的大小，然后在颜色面板中设置填充颜色。

9.在【工具栏】中找到【矩形】进行创建，并且设置填充颜色，具体如图示。

10.选择创建好的矩形，按住键盘上【Alt】键，然后在【工具栏】中找到【圆形】进行创建，具体如图示。

11.利用图层选择图层的选区，然后右键鼠标找到【收缩选区】设置【收缩量：5】并进行删除然后右键鼠标点击【描边】调整描边颜色，具体如图示。

12.在【工具栏】中找到【矩形】进行创建然后设置描边，选择创建好的矩形，按住键盘上【Alt】键，然后在【工具栏】中找到【圆形】进行创建，具体如图示。

13.使用【文本】输入文字“守善保真”并且修改字体调整文本的大小，然后在颜色面板中设置填充颜色。

14.选择图层添加【蒙版】效果，使用【画笔】工具在【颜色】面板中设置颜色为【白色】在蒙版中进行绘制。

15.载入“素材”文件，利用【变形】命令（快捷键：Ctrl+T），来调下它的【形状】样式，具体如图示。

16.使用【文本】输入文字“用心筛选原材料....”并且修改字体调整文本的大小，然后在颜色面板中设置填充颜色。

17.在【工具栏】中找到【矩形】进行创建然后设置描边，选择创建好的矩形，按住键盘上【Alt】键，然后在【工具栏】中找到【矩形】进行创建，具体如图示。

18.选择创建好的形状图层，在工具栏中点击【描边】并且设置描边的颜色信息。

19.载入“素材”文件，利用【变形】命令（快捷键：Ctrl+T），来调下它的【形状】样式，然后设置【剪切蒙版】，具体如图示。

20.选择“形状”图层，在【图层样式】面板中添加【斜面和浮雕】效果，然后在面板中调整一下它的信息数值，具体如图示。

21.在【工具栏】中找到【圆形】进行创建设置【填充颜色】，然后进行复制【快捷键Ctrl+J】设置【描边颜色】

22.选择“形状”图层，在【图层样式】面板中添加【斜面和浮雕/颜色叠加】效果，然后在面板中调整一下它的信息数值，具体如图示。

23.载入“素材”文件，利用【变形】命令（快捷键：Ctrl+T），来调下它的【形状】样式，调整完成后将它的“类型”调整为【叠加】，然后设置【剪切蒙版】，具体如图示。

24.载入“素材”文件，利用【变形】命令（快捷键：Ctrl+T），来调下它的【形状】样式，然后在效果器中添加【黑白】效果器。

25.新建图层【快捷键：Ctrl+N】，在颜色面板中设置【填充颜色】，然后将它的“类型”调整为【颜色】，具体如图示。

26.打开【AI】软件，在【工具栏】中找到【矩形】进行创建，然后使用【路径插件器】对形状进行【删减】的操作。

27.删减完成后，然后将【鼠标停留在形状的边缘部分】选择小点，进行一个【圆角】的调整，具体如图示。

28.载入“素材”文件，利用【变形】命令（快捷键：Ctrl+T），来调下它的【形状】样式，然后设置【剪切蒙版】，具体如图示。

29.回顾本节课所讲解的内容，重难点同学们可要以在下方评论区进行留言，老师你们会根据你们的问题进行回复。

30.最终效果如图示，视频学百遍，不如上手练一练，你学会了吗！

以上就是PS-新中式风格详情页设计（电商全案）图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！