虎课网为您提供字体设计版块下的PS-饺子盒详情页思路+实操（上）图文教程，本篇教程使用软件为PS（2020），难度等级为初级练习，下面开始学习这节课的内容吧！

本节课讲解Photoshop（简称：PS）软件 - 饺子盒详情页思路，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复，作业也可以在评论区进行提交。

课程核心知识点：产品风格定位，场景的制作，详情制作逻辑。

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

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

1.饺子盒的【产品风格】是：居家、放饺子、放冰箱，通过这个风格再来分析一下【产品卖点】。

2.卖点分析完成后，再来了解一下【卖点途径】，按照这种步骤我们来开始制作本节课的详情页内容。

3.打开【PS】软件，新建【画布】，然后在面板中我们将【分辨率】的数值调整为【790*8000】的像素，并进行【重命名】，具体如图示。

4.在工具栏中选择【形状】工具，然后创建【矩形】在颜色面板设置颜色进行填充，然后在工具栏中设置【顶部对齐】。

5.调整完成后，在上侧工具栏中拖动“参考线”到合适位置，方便版式的规整。

6.加载素材利用【变形】命令【快捷键：Ctrl+T】，来调下它的【形状】样式，具体如图示。

7.使用【文本】工具，录入文字内容并且修改字体预设调整字体的大小，然后在颜色面板中设置填充颜色，利用【变形】命令【快捷键：Ctrl+T】，来调下它的【形状】样式，具体如图示。

8.选择“文本”图层添加蒙版，使用【画笔】工具在画笔面板中修改“笔刷”预设，然后调整【颜色】为【黑色】进行填充，具体如图示。

9.在工具栏中选择【形状】工具，然后创建【圆角矩形】然后在颜色面板设置形状的填充颜色。

10.加载素材文件，利用【变形】命令【快捷键：Ctrl+T】，来调下它的【形状】样式，并设置【剪切蒙版】，具体如图示。

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

12.选择图层在效果器中点击【滤镜】-【模糊】-【高斯模糊】效果设置它的【半径】数值，具体如图示。

13.双击打开【图层样式】勾选【投影】效果，在【投影】面板中调整它的【方向、距离、扩展、大小】的数值信息，具体如图示。

14.使用【文本】工具，录入文字内容并且修改字体预设调整字体的大小，然后在颜色面板中设置填充颜色，利用【变形】命令【快捷键：Ctrl+T】，来调下它的【形状】样式，具体如图示。

15.在工具栏中选择【形状】工具，然后创建【圆形】，然后打开【颜色】面板设置【描边】的颜色信息。

16.选择图层进行【复制】【快捷键Ctrl+J】，然后选择“文本对象”对文字内容进行【替换修改】的操作。

17.在工具栏中使用【直线】工具绘制直线，然后在【选项】面板中修改线条的预设，选择“直线”进行【复制】【快捷键Ctrl+J】，具体如图示。

18.选择“文本”图层进行【复制】【快捷键Ctrl+J】，然后对文字内容进行【替换修改】的操作。

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

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

21.在工具栏中选择【形状】工具，然后创建【矩形】进行【复制】【快捷键Ctrl+J】利用【变形】命令【快捷键：Ctrl+T】，来调下它的【形状】样式，具体如图示。

22.在工具栏中点击【编辑 - 定义图案】然后进行【重命名】的操作，具体如图示。

23.在【图层样式】面板中添加【图案叠加】效果，然后在面板中调整预设图案，然后调整【缩放】的数值信息，具体如图示。

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

25.使用【文本】工具，录入文字内容并且修改字体预设调整字体的大小，然后在颜色面板中设置填充颜色，利用【变形】命令【快捷键：Ctrl+T】，来调下它的【形状】样式，具体如图示。

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

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

以上就是PS-饺子盒详情页思路+实操（上）图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！