温馨提示：在 ChatGPT 官网（www.chatgpt.com）使用 GPT-5.5、ChatGPT-Image-2 等模型时，需要 ChatGPT Plus 或更高等级的会员权限。如需购买账号或充值会员，请扫码添加我们客服咨询。
AI边框矩形工具是设计入门的基础功能，核心操作分为三步：画框、加圆角、做背景，选择矩形工具在画布上拖拽即可生成标准矩形框，按住Shift键能绘制正方形，调整圆角时，直接拖动矩形四角的小圆点即可实时改变弧度，或在属性面板中输入具体数值实现精准控制，利用填充与描边功能，可快速为矩形设置纯色、渐变或图片背景，调整边框粗细与颜色，掌握这些简单步骤，你就能灵活运用矩形工具完成图标、卡片、按钮等基础UI元素的设计。
大家好，欢迎来到我们的AI教程网，今天我们要聊的东西，对很多刚用AI（这里指Adobe Illustrator，一个做图软件，不是人工智能）是一个基础但很有用的工具，这个工具叫“矩形工具”，你可能会说，画个方框谁不会？但用好它,能给我们的设计省很多事。
很多新手朋友打开AI，看到一堆工具，头就大了，不知道怎么开始，也不知道这个框框能干嘛，别急，我们一步一步来，今天这篇文章，就是专门给像你一样，刚接触AI,想从最基础开始学的人写的。
我们先打开AI软件，在左边那个长长的工具栏里，你很容易就能找到一个长方形的小图标，鼠标点上去，它会显示“矩形工具”(Rectangle Tool)，快捷键是字母M，你按一下键盘上的M键,也能直接选中它。
选中这个工具之后，我们的鼠标就变成一个十字形，这时候，你在画布上点一下，不要松手，然后往旁边拖，拖的時候，你会看到一个虚线框跟着你的鼠标变大变小，等你觉得大小差不多了，松开鼠标，一个矩形就画好了,这是做图最基础的一步。
大部分时候，我们可能想要一个大小正好的框，我想做一个100毫米宽，50毫米高的卡片，这时候，你不能靠手去拖，因为手拖不准，很简单，选中矩形工具，在画布上随便点一下，不要拖，AI会立刻弹出一个窗口，叫“矩形”。
在这个窗口里，有“宽度”和“高度”两个格子，你直接在里面填上数字，比如宽度写100mm，高度写50mm，这里的“mm”就是毫米的意思，你如果习惯用厘米，也可以写5cm，AI会自动帮你换算，填好之后，点“确定”,一个精确大小的矩形就出现在你刚才点击的地方了。
这个功能非常好用，做名片、做海报、做图标，很多时候我们需要的东西都是规规矩矩的方形，用这个方法就可以直接生成,你不必为画不准而烦恼。
我们说说这个工具最常用的一个变形，圆角矩形”，你可能会说，我想画一个四个角是圆的框,我们通常还是用矩形工具来画。
你画好一个方形的框之后，看它的四个角，如果是在比较新版本的AI里（比如2020年之后的版本），你选中这个框，把鼠标移到一个角上，你会看到靠近角的地方有一个小小的圆形空心点,这个就是调整圆角用的。
把你的鼠标放到这个点上，点住，然后往框的里面拖，你会看到四个角同时变圆了，你拖得越靠里，角就越圆，你拖到满意的弧度，松开鼠标,这个矩形就变成了一个圆角矩形。
如果你希望四个角不一样圆呢？也可以，你在这个点上按住Alt键（Windows电脑）或者Option键（Mac电脑），然后只拖动一个角，這樣，其他三个角就不会跟着变了，你就可以做出一个角很圆，其他角很直的效果,这个小技巧在做一些特殊形状时很有用。
除了在软件里直接拖动，更精确的控制办法还是那个“矩形”弹窗，当你用“画布点一下”的方法创建矩形时，弹窗里除了宽度和高度，下面还有一个“圆角半径”的选项，你可以在里面填数字，比如填10mm，确定之后,画出来的就是一个四个角都是半径10毫米的圆角矩形。
学会了画框，我们还得知道怎么用它，大多数人画矩形，并不是为了只画一个框,它有几种最常见的用途。
第一种用途，做背景，一张海报，总得有个底色吧？用矩形工具拉一个和你画布一样大的框，然后给它填上颜色，你可以把颜色填成白色、黑色，或者任何你喜欢的颜色，这样，你的画就有了一个底，做网页设计或者做APP界面的时候，按钮、卡片、输入框，这些都是用矩形（或者圆角矩形）加颜色做出来的，你只需要画一个圆角矩形，然后把它填成蓝色，在它上面写几个白色的字,就是一个按钮了。
第二种用途，做边框，有时候我们不想填颜色，只想让框有一个边，这个在AI里叫“描边”，你画好一个框，在右边的“属性”面板或者“颜色”面板里，找到“描边”这个词，点一下，选一种颜色，你的框就出现了有颜色的边线，你还可以调整这个边线的粗细，比如设成2pt，这样，这个框就是一个纯粹的边框了，很多设计师用这个来做照片的相框,或者给文字加一个外框让它更突出。
第三种用途，做剪切蒙版，这个名字听起来很专业，其实就是用框来“限制”一张图，你有一张很大的照片，但你只想把照片中间圆形（这里我们先用矩形）的部分露出来，你就可以先画一个矩形，把这个矩形放在照片的上面，然后同时选中矩形和照片，按快捷键Ctrl+7（Mac是Command+7），你会看到，照片只剩下矩形框里面的那部分了，矩形外面的部分全部被藏起来了，这个功能非常实用，做头像、做海报的裁剪,都离不开它。
说了这么多，很多人可能会问，我学会了这些，然后呢？这些东西能做什么？
你可以用这些基础操作，做出很多实际的东西，你可以做出一个简单的名片，先用矩形工具画一个90mm乘55mm的框，这是标准名片大小，然后把它填成白色，你再画一个小一点的矩形，放在名片的一角，填上公司的Logo颜色，再用文字工具写上你的名字和电话,一张最简单的名片就做出来了。
你也可以做出一张手机壁纸，用矩形工具先拉满整个画布，填上渐变色，再画几个小一点的圆角矩形，排列一下，填上其他颜色,马上就有了设计感。
对于那些做自媒体、开网店的朋友，这个工具更是必备，比如做商品主图，先用矩形工具做背景，再用圆角矩形做产品标签，通过调整描边和颜色,一个美观的产品介绍图就能很快完成。
在做的过程中，你会遇到一个小问题，就是画出来的矩形怎么移动？很简单，用左边的“选择工具”——那个黑色的箭头，点一下框，然后拖，就能移动了，如果你想让框变大变小，不要直接去拉边角，那样形状会变，应该用“自由变换工具”，或者按住Shift键再拉角,这样可以等比例缩放。
还有一个新手容易弄混的地方，填充”和“描边”，我再说一遍，填充是框里面的那一块，描边是框外面的那条线，在AI的工具栏最底下，有两个叠在一起的色块，前面那个是填充的颜色，后面那个是描边的颜色，点一下前面那个，你可以选填充的颜色；点一下后面那个，你可以选描边的颜色，两个都设置好，一个有颜色有边框的矩形就完成了，如果你想只填色不要边，就把描边颜色设成“无”——就是那个带斜杠的小方块。
如果你想只描边不要填色，就把填充颜色设成“无”，这个逻辑很直接,你用一次就明白了。
好，我们已经掌握了矩形工具的基本用法，它能画框、能填色、能描边、能变圆角，还能做剪切蒙版，看起来简单，但它是所有复杂设计的基础，一栋大楼需要一块块砖，矩形工具就是做图的一块块基础砖，漂亮的海报、酷炫的Logo、精细的UI界面,都是从这个简单的框开始的。
但话说回来，AI这个软件功能非常强大，单是矩形工具一个，就有这么多門道，很多新手朋友自己摸索,可能会卡在一些小细节上。
有人问，为什么我画出来的矩形没有颜色，是透明的？那很可能是因为你没设置填充颜色，你画框的时候，AI默认的填充色可能是“无”,你需要在颜色面板里给矩形随便选一个颜色。
还有人问，为什么我画出来的矩形有蓝色的外框，而且鼠标点上去会出现很多蓝色小点？那是矩形处于被选中状态，并且开启了“控制点”视图，那些蓝色小点是路径锚点，你不用担心这个，只要你在外面任意空白处点一下,那个选择状态就消失了。
如果你想把画好的矩形变成其他形状，比如三角形，可以吗？当然可以，你选中矩形，在顶部的菜单栏里找到“效果” -> “变形” -> “鱼眼”或者“拱形”，可以把它压弯，但这是更深入的操作了,今天我们先学好基础画框。
我做这个教程很多年，发现很多小白最大的问题不是工具不会用，而是“不知道什么时候用”，你学完矩形工具，可以在练习的时候，专门找一些网站截图，比如你看淘宝的首页，那些商品图、分类按钮、搜索框，其实都是一堆矩形叠在一起,你尝试用AI里的矩形工具去复制它们。
先从最简单的开始，先画一个红色的矩形，再把它的圆角调成10，然后放上一个文字“购买”，你就得到了一个按钮，多做几次，你就会发现，原来做图也没那么神秘,所有的技巧都是这些基本工具的组合运用。
如果你在学习的过程中，遇到自己实在搞不定的事，比如需要一些特殊的字体，或者想用一些高级的模板，或者自己订阅了某个AI工具（比如ChatGPT，Midjourney这些）但不知道怎么付款，又或者想找人代充一个会员，都可以找我们帮忙，我们在网站页底放了一个二维码，你扫一下就可以直接咨询,这些问题我们都可以帮你解决。
我想说一句，学软件，最重要的是动手，光看不练是没有用的，你现在就可以打开AI，用M键调出矩形工具，画几个不同大小、不同颜色的框，试试把它们的角变圆，试试给它们加个边框，当你把这一套动作做得非常熟练，不需要看键盘就能完成的时候,你就真正掌握了这个工具。
希望这篇文章能帮到你，下次，我们聊聊AI里的钢笔工具，那个会更复杂一点，但也是很有用的工具,我们下次见。
温馨提示：在 ChatGPT 官网（www.chatgpt.com）使用 GPT-5.5、ChatGPT-Image-2 等模型时，需要 ChatGPT Plus 或更高等级的会员权限。如需购买账号或充值会员，请扫码添加我们客服咨询。
网友评论