跳到教程正文
lil cactus

如何给图片加边框

入门5 分钟更新于

简要回答

在 Lil Cactus 中，选择图像 然后 画布大小...，使用居中定位点，把宽度和高度都增加边框宽度的两倍。添加图层 然后 新建填充图层 然后 纯色...，在#字段中输入 FFFFFF 得到白色，然后单击应用。选择图层 然后 排列 然后 后移一层，把颜色放到照片后面，然后用文件 然后 导出 然后 PNG…导出。

放在扩大后画布上的云层照片，先是四周的棋盘格边距，然后是不透明的白色边框
处理前：新增的画布空间是透明的。处理后：照片后面的白色填充构成了边框。 拖动滑块进行对比。
用时
5 分钟
难度
入门
准备工作
一张照片，以及以像素为单位的边框宽度
适用格式
JPG、PNG、WebP 以及其他能打开的图像
在 Lil Cactus 中打开示例使用你自己的照片

免费，无需注册。你的照片始终保存在你自己的电脑上。

如果想在照片外面加一圈边框，就增加画布空间。填充图层提供颜色，照片位于它的上方。如果想让轮廓线落在现有图像尺寸以内，请使用下方的描边做法。

五步添加外边框

  1. 打开照片

    打开本页的示例，或选择文件 然后 打开...打开你的图像。

  2. 在照片周围留出空间

    选择图像 然后 画布大小...。要在示例照片周围加 60 px 的边框，请在宽度 (px)中输入 1656，在高度 (px)中输入 1144。保持选中中间的居中定位点，然后单击调整大小。四条边周围都会出现棋盘格空间。

    “画布大小”对话框，完整的宽度 1656 和高度 1144 字段、“居中”定位点和“调整大小”已圈出
    “居中”会把新增的空间平分到相对的两边。

  3. 选择边框颜色

    选择图层 然后 新建填充图层 然后 纯色...。在纯色填充对话框中，在#字段中输入 FFFFFF 得到白色，或输入其他六位颜色代码得到彩色边框。单击应用。填充一开始会盖住照片。

    “纯色填充”对话框，完整的十六进制字段显示 FFFFFF，“应用”按钮已圈出
    FFFFFF 是白色。新颜色会填充在一个单独的图层上。

  4. 把颜色放到照片后面

    保持颜色填充处于选中状态，选择图层 然后 排列 然后 后移一层。在图层面板中，照片现在位于填充图层上方。照片原来的边缘在边框内侧依然清晰可见。

    “图层”面板中，“背景”位于选中的白色“颜色填充”图层上方
    不透明的照片盖住了填充图层的中间部分。

  5. 导出带边框的图像

    选择文件 然后 导出 然后 PNG…，在文件名中输入 framed-sky.png，然后单击导出。

    文件 然后 存储为 然后 Lil Cactus 项目...会把照片和填充保留为可分别编辑的图层。之后，文件 然后 存储会更新这个项目。在存储项目之前，文件 然后 存储会把带边框的图像拼合后写回你打开的 JPEG，并可能先打开存储图像对话框让你设置。

    “文件名”标签和字段已圈出，显示 framed-sky.png
    为带边框的副本命名。
    导出对话框底部，“取消”旁边的“导出”按钮已圈出
    “导出”会写入图像副本。

用描边保持原始尺寸

重新打开原始照片。选择图层 然后 图层样式 然后 图层样式...，然后单击左侧列表中的描边。把大小设为 24 px，位置设为内部。

单击颜色色块，在#字段中输入 FFFFFF，然后单击确定。在“图层样式”对话框中也单击确定。描边会盖住照片每条边上的一窄条，所以请让重要的细节远离边缘。按照第 5 步的方法导出，并使用新的文件名，例如 stroked-sky.png。

“图层样式”效果列表，完整的已启用“描边”行已圈出
在左侧列表中选择“描边”。
描边设置：大小 24、整个“位置”控件设为“内部”，“颜色”色块和“确定”已圈出
设置大小和位置，然后单击“颜色”色块。
颜色对话框，完整的十六进制字段显示 FFFFFF，“确定”已圈出
在这里设置描边颜色。
云层照片，原始矩形边缘内侧有一圈白色描边
内部描边的版本保持原始画布尺寸。

接下来做什么

图片边框常见问题

加边框会拉伸我的照片吗？

不会。在 Lil Cactus 中，“画布大小”是在照片周围增加空间，而不是拉伸照片。加上等宽的边距后，外侧矩形的宽高比可能会改变。

为什么图像边框有一边宽了一个像素？

如果画布宽度或高度增加的是奇数，就无法平分成整数像素。在 Lil Cactus 中，请把该尺寸增加一个偶数，并使用“居中”定位点，让相对两边的边距相等。

能把带边框的照片导出为 JPEG 吗？

能。在 Lil Cactus 中，选择文件 然后 导出 然后 JPEG…并单击导出。JPEG 会保留可见的边框，并把各图层合并成一张拼合的图像。

为什么照片周围的“外部”描边图层样式消失了？

在 Lil Cactus 中，如果照片延伸到画布的每条边，“外部”描边就会落在导出的图像之外。请在“图层样式”中使用“内部”，让描边画在画布以内。

为什么描边勾勒的是主体，而不是照片的矩形？

在 Lil Cactus 中，描边沿着图层像素的可见边缘绘制。因此，透明背景上的抠图会得到沿主体的轮廓线；这里使用的完整不透明照片则会得到矩形边框。

发布于  · 最近核对于