跳到教程正文
lil cactus

如何给图片做圆角

入门6 分钟更新于

简要回答

在 Lil Cactus 中，用形状工具画一个填充的矩形，然后通过窗口 然后 属性把它的X (px)和Y (px)设为 0，宽度和高度设成与照片相同，再设定半径 (px)（示例照片为 120）。选择图层 然后 排列 然后 后移一层，选中照片图层，然后选择图层 然后 创建/释放剪贴蒙版。用文件 然后 导出 然后 PNG…导出，以保留透明的圆角。

做圆角之前完整的云层照片，以及四角变成圆角、露出透明棋盘格的同一张照片
照片只在它下方的圆角矩形以内显示，并保留在自己的图层上。 拖动滑块进行对比。
用时
6 分钟
难度
入门
准备工作
一张不透明的照片，没有需要保留的透明区域
适用格式
JPG、PNG 和 WebP 照片；导出为 PNG
在 Lil Cactus 中打开示例使用你自己的照片

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

剪贴蒙版把下方图层的填充形状当作上方照片的窗口。这里的窗口是一个圆角矩形。之后你可以随时修改这个矩形，而不必把圆弧画进照片本身。

五步做出圆角

  1. 打开照片并记下它的尺寸

    打开本页的示例，或使用文件 然后 打开...。选择窗口 然后 属性。记下面板顶部照片的宽度和高度；画矩形时会用到它们。

    “属性”面板显示示例文档的宽度 1536 px、高度 1024 px
    这是文档的尺寸。

  2. 画一个填充的矩形

    在左侧工具栏中选择形状。在选项栏中，把模式设为形状，形状设为矩形，路径操作设为新建图层。

    从照片左上角附近向右下角拖动。矩形会出现在一个新的形状图层上。此时的大小可以很粗略：接下来你会设定精确的范围。

    工具栏下半部分，从钢笔工具到抓手工具，完整的“形状”按钮已圈出
    在工具栏靠近底部的位置找到方形与圆形重叠的图标。
    模式“形状”、形状“矩形”和路径操作“新建图层”控件已整体圈出
    建立一个单独的形状图层。

  3. 设定范围和圆角半径

    在属性面板的几何下，在X (px)中输入 0，在Y (px)中输入 0。对于示例照片，把宽度 (px)设为 1536，高度 (px)设为 1024，半径 (px)设为 120。如果是你自己的照片，请使用第 1 步记下的尺寸。每输入一个数字后按 Tab。

    在填充下的颜色列表中选择颜色；在描边下的颜色列表中选择无。现在矩形覆盖了整个画布，四角为圆弧。

    “几何”部分，X 0、Y 0、宽度 1536、高度 1024 和半径 120 字段已整体圈出
    这里设定的是矩形的大小，而不是文档的大小。
    “填充”和“描边”部分，两个“颜色”控件都已整体圈出：填充为“颜色”，描边为“无”
    使用有填充、无轮廓线的形状。

  4. 把照片剪贴到矩形中

    保持形状处于选中状态，选择图层 然后 排列 然后 后移一层。在图层面板中单击照片所在的行（示例中是背景），它就在形状的正上方。选择图层 然后 创建/释放剪贴蒙版。

    现在四角显示为棋盘格，它在编辑器中表示透明，不会出现在导出的文件中。图层面板中照片所在行旁边的弯箭头，表示它已剪贴到形状。

    “图层”面板，选中的“形状”图层正上方的“背景”行已整体圈出
    选中形状上方的照片。
    “图层”面板：照片缩进显示在“形状”上方，缩览图旁边有一个弯曲的剪贴箭头
    照片已剪贴到下方的形状。

  5. 导出透明 PNG

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

    另外，选择文件 然后 存储为 然后 Lil Cactus 项目...，让两个图层都保持可编辑；此后，文件 然后 存储会更新这个项目。在此之前，文件 然后 存储会把拼合后的图像写回你打开的 JPEG，由于 JPEG 不支持透明，四角会变成白色；第一次存储 JPEG 时会打开存储图像对话框。导出总是写入一个新文件。

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

以后修改圆角

在项目中，单击图层面板中的形状行。在属性面板中，把半径 (px)改为 240 并按 Tab，圆角就会更圆。这修改的是现有的矩形。选项栏中的角半径字段则用于你画的下一个形状。

“图层”面板，剪贴照片下方的完整“形状”行已圈出
选中照片下方的矩形。
“几何”部分，整个“半径”字段已圈出，显示 240
用“属性”面板中的“半径”修改现有形状。
照片左上角的细节，圆角更大，被隐藏的区域显示为棋盘格
半径越大，隐藏的角落越多。

接下来做什么

图片圆角常见问题

为什么我的圆角图片存成 JPEG 后，四角变成了白色？

JPEG 无法存储透明度。在 Lil Cactus 中，导出 JPEG 时，被隐藏的四角会填充为白色。请改用文件 然后 导出 然后 PNG…或文件 然后 导出 然后 WebP…导出，以保持它们透明。

WebP 能让圆角保持透明吗？

能。在 Lil Cactus 中，选择文件 然后 导出 然后 WebP…并单击导出。

做圆角会改变图片的像素尺寸吗？

不会。在 Lil Cactus 中，这种做法会保持画布尺寸不变。它只是隐藏角落的像素，而不调整图像大小。

为什么圆角半径大到一定程度后，形状就不再变化？

在 Lil Cactus 中，可见的圆角半径最大为矩形短边的一半。超过这个值，即使“半径”字段中的数字更大，画出的圆角形状也一样。

能只给图片的一个角做圆角吗？

用“半径”字段做不到：在 Lil Cactus 中，实时矩形的四个角共用一个“半径”值。

发布于  · 最近核对于