PS-「早餐」对角构图版式解析图文教程- 虎课网

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

1.打开软件，【新建】（尺寸：40*60cm，分辨率：300英寸，颜色模式：RGB），如果是印刷颜色模式要为CMYK。具体如图所示。

2.制作前先要【存盘】，另存为文件名：早餐模式设计，保存类型：photoshop。具体如图所示。

3.【打开文字素材内容】，复制粘贴在画布中做简单的分析梳理，对不符合客户要求的内容进行修改完善并排版（善于与客户沟通）。具体如图所示。

4.【打开图片素材1】，拖进（早餐模式设计）这个图层中，放大图片并突出主要产品，放在文字图层下。具体如图所示。

5.根据素材图片对文字【再次进行排版修改】，主要【突出产品内容】（根据客户要求进行构图）进行视角构图或对角构图的版式设计。具体如图所示。

6.【放大图片】对上半部右侧文字进行简单排版，【放大文字内容】“这么吃早餐”其目的是【突出主题】，从而引出旁侧“早餐代餐五谷酸奶块”这个产品。（根据客户要求放大缩小文字内容）具体如图所示。

7.再观察左侧文字素材，分析主要【突出“简单”】，按照逻辑关系【放大】“所以早餐要简单”，【缩小】其他文字素材。下侧文字与上侧文字为从属关系，所以【稍微放大】“精选优质五谷杂粮”。具体如图所示。

8.接下来观察底部左侧文字素材，主要为了【突出时间】。【放大】日期“6.09”，“Sunday（日）”从属关系也稍微【放大些】。【缩小】其他文字。（突出便放大，弱化便缩小）具体如图所示。

9.最后观察底部右侧文字素材，【突出“方便”】【放大】文字素材，【缩小】其他文字。按照实际情况调整合适的行间距，根据观看距离来调整。【远的行间距大，近的行间距小】。字间距通常为0。具体如图所示。

10.基本确定四个角的构图跟文字后，对图片再进行调整。选择【选框工具】扩选背景中的底色，把底色补全，存盘。具体如图所示。

11.接下来对文字进行精细排版，再次观察左上角文字内容，下半部文字内容进行【竖排排版】。按正常语序大致调整文字顺序，【注意竖版的标点符号】要再汉字模式下输入。具体如图所示。

12.对文字素材内容行间距进行调整使其合理，右上角文字内容与左上角文字内容【对齐】（在有主题的情况下可适当突出）。【任何情况下行间距要大于字间距】具体如图所示。

13.接下来调整左下角文字内容，为了让视觉看起来对齐，适当调整数字位置。【调整行间距】，每个模块之间内部的行间距相等，两个模块之间的行间距要大于内部之间行间距。（可加横线来区分）具体如图所示。

14.最后调整右下角文字内容，对所有文字进行【竖排排版】。根据文字内容分模块突出重点，【调整行间距】。具体如图所示。

15.文字排版后调整图片，选择【选框工具】扩选背景中的底色，扩大底部空间。并根据整体内容进行调整，使整体文字内容从视觉上更舒服或者清晰。具体如图所示。

16.观察到上半部分虚化的绿色叶子与文字重合，【新建图层】在不影响整体结构的情况下，在新图层中【选择拾色器】，选取背景色对叶子进行涂抹覆盖。存盘。具体如图所示。

17.接下来对文字内容进行细调整，【更换标题“这么吃早餐”字体】（字体：字魂185号-状元榜书），使其更加突出。具体如图所示。

18.继续处理细节，“所以早餐更简单”与“方便”是【并列】的一个关系。为突出此关系除了字号颜色相等外，可【加明显符号】来显示。具体如图所示。

19.为“精选优质五谷杂粮”、“早餐代餐五谷酸奶块”各选择其他符号来装饰文字内容，让画面舒服一些。具体如图所示。

20.为了让整体更加细腻，我们选择【矩形工具】给整体加一个圆角矩形边框。选择【水平居中对齐】跟【垂直居中对齐】。具体如图所示。

21.点击【描边】选择【无颜色】，点击【填充】选择白色，【Ctrl+鼠标左键】点击圆角矩形图层。具体如图所示。

22.快捷键【ctrl+shift+I】反选，新建图层然后【填充】。这样我们就得到了一个边框。具体如图所示。

23.细节部分排完后，我们开始配色。【配色通常都是从原图当中找】，我们这里取底色蓝色加深。“早餐代餐五谷酸奶块”改变字体（字体：字魂185号-状元榜书）与主题保持一致。具体如图所示。

24.填完整体字体后在对文字进行细致调整，突出的重点文字可加深调整。行间距根据整体视觉再进行更加细致的调整。根据自己的判断与理解达到想要的效果。具体如图所示。

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

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