虎课网为您提供字体设计版块下的PS-促销氛围banner排版技巧图文教程，本篇教程使用软件为PS（CC2016），难度等级为初级练习，下面开始学习这节课的内容吧！

本节课讲解Photoshop（简称：PS）软件 -【国货崛起】电商banner设计，同学们可以在下方评论区进行留言，老师会根据你们的问题进行回复，作业也可以在评区进行提交。

课程核心知识点：海报整体创意构思，文案字体的合理选择和排版，产品和文案的互相搭配及展示。

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

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

1. 先分析文案要求，再打开PS根据文案要求新建画布，调整【宽度】为1920，【高度】为1080，点击确定。

2. 将文案要求放入画面中，按【Ctrl+G】将文案信息编组，然后将两个产品素材放入画面中，确定好产品的主次关系，先将次要的产品和文案信息隐藏。

3. 吸取主要产品的颜色做背景，再新建一个居中的参考线，分析画面结构，案例使用中心构图的方式。

4. 根据中心构图的方法，适当调整主要产品的位置，再将它复制一个，按【Ctrl+T】自由变换，鼠标右击选择【水平翻转】，适当调整复制出来产品的位置。

5. 适当调整两个产品的位置，让它们更有层次感；再给产品绘制一个场景，在画面的下方绘制一个矩形。填充深紫色，再给画面添加一个起伏的元素。

6. 打开起伏元素的【图层混合模式】，勾选【颜色叠加】，根据效果选择颜色，如图所示。

7. 按【Alt单击图层间】给下面的产品创建剪切蒙版，选择柔边缘的画笔，选择深紫色，适当绘制它的暗部，让产品更具有层次感。

8. 放入人物的素材，适当调整素材的大小和位置，调整素材的【图层混合模式】为正片叠底；然后展示文案信息。

9. 调整文案主标题的颜色为产品上的黄色，根据效果适当调整主标题的字体；然后将主标题放大，每个字单独分图层处理。

10. 适当调整产品和主标题文字的层次关系，让画面更有空间感，再根据近大远小的原则，适当调整产品的大小，如图所示。

11. 在画面的中间放一个小电视和高脚凳的素材，再选择【钢笔工具】，选择【形状】，将小电视的屏幕抠出来。

12. 将次要产品放入画面，适当缩小放在小电视里面，再将次要产品的背景素材放入画面，将次要产品和背景素材嵌入小屏幕的形状中，然后适当调整背景素材的大小。

13. 给小电视里的产品添加效果，新建一个剪切蒙版，填充浅蓝色，给它添加一个蒙版。

14. 再选中产品的选区，选择蒙版，将多余的蓝色去掉哦，然后调整【图层混合模式】为柔光，适当降低图层的不透明度。

15. 放入屏幕效果的素材，嵌入电视的小屏幕中，给电视部分整体建组，命名为“电视”。

16. 再对文案的字体、颜色、大小和位置进行调整；将文案和产品整体居中对齐，然后对画面进行细节调整。

17. 接着制作电视屏幕的动态效果，选中【屏幕】的图层，点击【窗口】-【时间轴】，点击【创建帧动画】，调整为【2秒】、【永远】。

18. 再创建一个帧动画，将屏幕去掉，调整为【1秒】、【永远】，然后保存就完成了。

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

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

以上就是PS-促销氛围banner排版技巧图文教程的全部内容了，你也可以点击下方的视频教程链接查看本节课的视频教程内容，虎课网每天可以免费学一课，千万不要错过哦！