双栏编辑版式:图文比例、裁边与基线
精确安排左右图文栏,检查主标题、短文、图注和版面留白。
✓
完成后你将学会
- 按坐标分配图文两栏
- 处理越界图片
- 统一文字与图注
开始前准备
建议使用电脑操作。截图为 English 界面,正文保留关键英文菜单名。坐标以画布左上角为原点,明确标为百分比的参数除外。
素材均为本站原创教学插画或示意图,CC0 许可;不是真实商品、活动或个人资料。
添加新文字时先在空白处单击;点到已有文字框会进入编辑,应撤销误输入后另建文字层,再用选择工具移动。
STEP BY STEP
逐步完成这项实战
01
建立版面底色
New 创建 1000×700,用 #f0eee4 矩形铺满。左侧约四成安排文字,右侧约五成安排图片,中间保留空间;先确定比例再导图,避免互相挤占。
02
03
形成右侧统一留白
在 X=960—1000 画底纸同色的竖向矩形,遮住图片最右边。它只处理版式留白,不修改原图;不要用拉伸图片的方法凑出窄边。
04
添加栏目小标题
在约 50、90 写 SLOW TRAVEL / 03,字号 16、灰绿。它作为阅读入口,颜色和字号都要弱于主标题,不能把右侧图片的注意力抢走。
05
06
画一条轻分隔线
在约 50、328 到 390、331 画细绿矩形,关闭 Border。线条只划分标题和正文,不宜比文字笔画还厚;保持末端不伸到图片区。
07
08
09
增加页码并复查
在左下写 03 / 04,字号 14。查看标题、短文、页码的左边缘是否连贯;图片与文字接近时优先缩短内容,不要随意挤掉中间留白。
10
用自己的素材再做一次
更换素材后,重新检查比例、图层前置条件和最终效果,不机械套用示例参数。
下载本篇操作成品 PNG ↓进一步阅读图像编辑原理 ↗参考资料用于理解原理,具体入口和参数以本篇 Online PS 操作为准。原创练习素材采用 CC0 1.0。
完成本篇
打开 Online PS ↗把流程变成自己的作品。
逐步操作,并在导出前检查关键效果。




