留白相框卡片：照片、白边与落款
把海岸插画排成一张有相纸留白的纪念卡，练习固定画布、等比缩放、边距和落款层级。白边由独立图层制作，不直接涂改照片。
完成后你将学会
- 保留固定画布尺寸
- 建立相框与照片层
- 安排落款和细分隔线
开始前准备
建议使用电脑操作。截图为 English 界面，正文保留关键英文菜单名。坐标以画布左上角为原点，单位为像素；鼠标拖动范围允许少量误差，精确位置用图层详情字段设置。请先下载下方练习图。
练习素材为本站原创教学插画，CC0 许可，并非实拍照片。截图来自当前 Online PS 的实际操作。
跟着步骤完成操作
建立相纸工作区
File → New 创建 1000×800 画布，再用 Rectangle 铺满 #e7ece8 的背景。先有独立背景层，导入第一张图片时才不会直接改用素材尺寸；画布大小是最终卡片尺寸，不是照片需要铺满的范围。
绘制白色相框底
使用 Shapes → Rectangle，开启 Fill、关闭 Border，填色 #ffffff，从约 50,30 拖到 950,750。这个白色层放在照片下面，负责外框与落款留白；不依赖描边宽度来模拟相纸，后面改变照片大小也不会破坏边框。
导入并定位照片
Open 导入 coast.png，选择工具中把 Width 设为 840、Height 为 588、X 为 80、Y 为 60。宽高同为原图的 84%，避免海岸被拉扁。照片底边位于 648 附近，下方留给说明文字，四周也应露出连续白边。
增加细分隔线
用无边框矩形在约 80,665 到 920,667 之间画一条 #d5dcca 的细线，分开照片与落款。线条要比标题弱，不用粗黑框抢走画面注意力；它是独立形状层，若不小心盖住照片，可单独改位置而不动整张图。
添加主落款
选择 Text，Arial、字号 24、Fill #31595b，在约 85,697 输入 COASTAL / 01。新文字要在空白处建立，避免点击到旧文字框继续编辑。文字左边与照片左边基本对齐，保持足够白边，不要紧贴画布边缘。
添加次级说明
另建一层小字，在约 86,730 输入 A SMALL MOMENT TO KEEP，字号 13、颜色 #71877b。小字与主落款分开成层，才便于分别对齐。两行的颜色和字号应有层级，但不要过浅到缩略图里完全看不清。
检查边距和顺序
切回选择工具，确认背景、白框、照片、细线和文字的堆叠关系正确。照片仍为 840×588，白框没有被误选后缩放；上方与两侧保持窄白边，下方文字区更宽，是有意安排，而不是照片导入失败留下的空洞。
导出并检查最终图片
File → Export 选择 PNG 下载，核对尺寸、文字和图形。PNG 不保留可编辑图层；需继续修改时保留当前项目。拿到实际文件并检查内容后再确认保存成功，不用截图代替成品。
继续练习
本篇实际导出为 1000×800 像素。先复现练习，再替换自己的图片；实际素材可能需要不同的范围或参数。
下载本篇操作成品 PNG ↓本篇根据本站编辑器实际功能编写，不依赖 Adobe Photoshop 专属菜单。素材授权：CC0 1.0。
现在，亲手操作一次。
用本篇素材复现组合操作，再尝试下一项练习。