Photoshop 海报排版教程:用网格+字体层级做出三种版式(可直接照做)

你将完成什么

用 Photoshop 从 0 做一张「活动海报」主视觉,并在同一份文件里快速派生出 3 种常用版式(上图下文 / 左图右文 / 居中大标题)。整个流程偏“可复用”,适合做模板。

准备:画布、参考线与基础规范

1)新建画布:建议 1080×1350px(小红书常用竖版),分辨率 72,RGB。

2)留边:四周安全边距 80px(用参考线拉出安全框)。

3)命名与分组:把图层按「背景 / 主视觉 / 文案 / 装饰 / 备注」分组,后面复制版式会省很多时间。

步骤1:先搭网格(让排版自动“稳”)

目标:你不用靠感觉移动元素,而是让元素“吸附”到网格。

1)视图 > 新建参考线布局:列=12,间距=20px;行=12,间距=20px;勾选“边距”(边距=80px)。

2)把关键信息占用的列数先定下来:主标题建议 8~10 列,副标题 6~8 列,按钮/日期 4~6 列。

3)对齐习惯:同一版式尽量只用 1 条左对齐线(或 1 条居中线),避免左对齐和居中混用。

步骤2:建立字体层级(标题/副标题/信息块)

1)先写文案占位:主标题 10~18 个字最舒服;副标题补充一句“利益点”。

2)建议层级(可直接套):

• 主标题:72~110pt,字重 SemiBold/Bold,字距 -10~0(看字体)

• 副标题:28~36pt,Regular/Medium,行距 1.3~1.5

• 信息块(时间/地点/报名):22~26pt,Regular,行距 1.4

3)把这三类文字存成“字符样式”(窗口 > 字符样式),后续一键套用。

步骤3:做出三种版式(同一份文件三套结果)

先把当前画面做成「版式A:上图下文」。完成后复制组再改结构。

版式A:上图下文(最稳)

1)主视觉放上半区:占 12 列宽,高度约画布 55%(让留白在文字区)。

2)文案区左对齐:主标题顶到网格第 3 行附近,副标题与信息块保持 24~32px 间距。

版式B:左图右文(信息密集型)

1)复制整套组并重命名为 B。

2)主视觉改为左侧 7 列宽;右侧 5 列放主标题+信息块,注意右侧文字的行宽不要太长(建议 8~12 个汉字/行)。

版式C:居中大标题(气质型)

1)复制为 C。

2)标题居中放大(可到 110~140pt),副标题改为小一号并加字距(+50~120)营造呼吸感。

3)信息块缩成一行胶囊标签(圆角矩形+文字),放底部居中。

步骤4:配色与质感(3分钟做“高级感”)

1)先定 2+1 配色:主色(背景)、强调色(按钮/关键词)、中性色(文字)。

2)用“渐变叠加”做背景氛围:角度 135°,不透明度 20%~40%,避免过花。

3)用“噪点”统一质感:新建 50% 灰图层 > 滤镜 > 添加杂色 2%~4%(高斯、单色)> 混合模式“叠加”,不透明度 10%~20%。

步骤5:导出前检查清单(避免低级错误)

1)缩小到 25% 看整体:是否一眼能读到主标题?

2)对齐检查:选中同组文字,窗口 > 对齐,确认左边缘一致。

3)对比度:浅底深字或深底浅字,避免灰字灰底。

4)导出:文件 > 导出 > 导出为… 选择 JPG(质量 80~90)或 PNG(需要透明/锐利文字)。

把它变成可复用模板(建议做一次)

1)把可变内容做成智能对象:主视觉、主标题、副标题、信息块分别转智能对象。

2)在图层顶层放“替换说明”文本:告诉未来的你哪些层要替换、字号范围建议。

3)存为 PSD 模板:文件名建议「海报模板_1080x1350_三版式.psd」。下次只需要替换智能对象内容就能快速出图。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

暂无评论,快来抢沙发吧~

操作成功