figma怎么裁剪圆形
这是一个开心的宝强，我们想要给他设计一下，首先打开及时设计，用以下图片作为演示，直接将人物放置在最右边，改变一下背景颜 色，之后添加一些圆形元素作为装饰。最后添加文案信息，一张人物宣传海报就完成了。我们也可以将宝强放置在版面中心位置，然后在人物背后添加一个本命色的圆形，用来突出人物主体。 最后在四周围添加文案，已经装饰元素，感觉有点单调，给他来一点点的光。或许我们也可以使用不规则原型进行排版，直接将宝强放进在不规则原型中，改变人物的宝盒。 最后添加文案信息，一张极具个性化的海报就完成了。以上的海报设计都是在这里完成，作品实时同步上传云端，并支持团队协作，让团队协作更方便友好。国内目前许多 ui 设计师都在使用，想了解的不妨也来看看。
粉丝1.9万获赞16.9万
相关视频
01:33查看AI文稿AI文稿形状工具是七个工具的集合，包括矩形、线、箭头、圆多边形、星形、放置图片。下面介绍一下形状工具下的毛垫。 创建一个矩形后，我们会发现矩形的四个角上分别有一个毛点，拖动毛点就可以改变矩形的圆角，当然改变单个圆角的大小也是可以的，按住 out 拖动毛点，这个圆角的大小就可以改变了。线和箭头本身没有特别的点， 使用时经常会用到描边属性，圆形中的毛点就更高级了，拖动毛点可以建立扇形，这个时候又多了两个毛点，拖动中间的毛点，扇形就变成环形了。另外一个毛点 可以旋转角度，多边形和星形就放在一起介绍吧。拖动边缘毛点，改变边数，拖动内部毛点，改变圆角。 最后一个是放置图片，鼠标左键选择想要放置的图片，打开再想要放置的位置，单机图片就被放进来了。另外他还有一个骚操作， 选中多个图片，打开鼠标左键点击，点击图片就进来了。甚至你还可以把图片放进形状里，选择多个图片，点击，点击他就进来了。是不是很神奇，快试一下吧！
139杨同学
09:54查看AI文稿AI文稿本节课呢，我们将学习菲格玛形状工具的使用，我们这节课最主要的重点是在于呢，要清楚如何去绘制一些基本的常见造型， 那么会做完之后呢，还要知道呢，如何去编辑他的外在形状，这是我们的一个重点。进入软件之后呢，我们先找到形状工具的位置，他呢在这边啊， 在飞马平台中的话呢，它是内置的以下这些基本的形状造型。矩形工具，快件的是二箭，直线工具， l 箭箭头， shift 箭加 l 箭，椭圆工具是 o 箭多边形以及新型工具。那么我们先去学习 一些啊他的基础用法。我们找到矩形工具，矩形工具的话呢，按住 shif 键是正方形，不按 ship 键是长方形啊，非常简单。画完之后呢，我们可以对他的圆角进行设置，按住 out 键可以对单边进行圆角的这个操作。 第二个呢是直线工具，选中直线工具之后，按住 ship 线绘制直线，画出来之后呢，我们需要清楚直线工具改颜色，在右下角参数中点击就可以直接对他的色彩进行修改。 而下方这里的话呢，是用来去修改描边的这个粗细以及描边的位置居中内部或者是外部。描边在下方的话呢，我们可以去设置描边的一些这个类型啊，比如说菱形渐变， 就给这个位置加个菱形，然后这边的话呢，我们给他添加一个箭头，可以做出来一个这样的造型，而其实点和结束点中间的小图标，他就相当于是反向，可以把两个命令的进行反向这个操作。 箭头工具的话呢，他和直线工具是一样的，区别就在于他已经提前的把箭头给我们添加好了啊，刚刚是我们自己进行添加的啊， 同样工具的话呢，就是按住 ship 键画一个正圆形就可以，而多边形工具的话呢，我们按住 ship 键画一个正三角形， 画出来之后呢，这里可以调节圆角，这里的话呢可以呢去增加他的这个角的这个数量， 再往下新型工具， 新型工具呢，我们按住这个 shift 键画出一个五角星，画出来之后呢，我们可以对他的圆角进行设置， 那里面的角度进行控制，包括呢这个角的数量也可以进行控制啊，那其实呢，像这些基础工具啊，他的操作上是比较简单的，大家只要绘制出来之后呢，自己多去点一点啊就可以了。在圆形工具中呢，他有一个命令，和我们之前的软件不太一样， 你画完之后呢，看这里还有个小圆点，你点击之后，我们就可以非常方便的去做这种饼装图，哎，这是非常方便的，而且速度呢非常迅速啊，这是他的一个特点。 在形状工具下方呢，还有放置图片工具，这个放置图片工具的话呢，非常的实用，如果说你想在里面 给他添加一张图片，包括呢我们做 yy 页面时，我们用户头像圆形的用户头像，我想让一张图片呢放在这个圆里面，我们就可以使用放置图片功能， ctrl 键加 shift 键加 k。 好，那么点击之后呢，选择你的图片， 这时候呢你的鼠标上就会挂一张图，你再点一下这个造型，他就会直接剪切进去，速度呢是非常方便的，而且很快速，他可以剪切在任意造型中去，那我们再按一下啊， ctrl 键加 shift 键加 k， 选中图片，点击，你看他也能进去啊，只要是个形状，他都是可以快速剪切进去的。那么在这个平台中的话呢，有一个秘密啊，跟他是非常非常像的， 叫什么呢？叫蒙版，我们来看一下呢，在这个平台中，蒙版的这个使用操作， 蒙版的话呢，我这里有两个造型，一个是圆形，一个呢是一张图片，他当里面的话呢，去实现蒙版操作时，我们可以呢这样去做，我们先把这个球啊，把这个球呢给他移动到图片的下方， 移动到下方之后呢，我们可以框选两个部分，再去点击上方中间的这个图标叫设为蒙版快线是 ctrl 键加 os 键加 m， 点进去之后，那么我们的图像也会被剪切到这个范围中去啊，可是实际上的话呢，这样的这种操作啊，他的操作体验感是不太高效率的，对吧？因为我们可以直接使用放置 图片工具的这个功能，迅速的去做出来这个效果，然后这里的话，你还要再去画一个圆形去做这种事情，就变得非常的麻烦了啊。 以后呢，你要是想去做一个限制在某个范围内的这个造型的话呢，其实更推荐大家使用的是放置图片的这个功能，而不是我们蒙版的这个功能啊，所以大家对这个要清楚就可以了。 旁边的这个按钮的话呢，就是我们的拨人运算合并，减去顶层保留交集以及排除我们的交集，那么我们可以用这些属性呢去做一个小图标， 一个相机的图标，这个相机图标的话呢，可以看出来是由三部分组成啊，一个是外面的矩形，这呢是小矩形，这里呢是一个圆形。 那好，我们来去铃木一下这个造型，第一步呢，我们先绘制一个矩形啊，好画一下， 画好之后呢，将他的圆角稍微的拉远一点点，按住 out 键，可以对左右两边同时进行缩小，再按住 out 键复制一份，再去缩小啊，这边再去缩小。 当你看不见他的小圆点时呢，你可以把你的画面给他呢，放大一点就可以看到小圆点，那就缩小一点 好了。那么缩小之后呢，对于这两个图形来讲，他是什么属性呢？是不合并，对吧？所以我们点击上方选择连集，这样就完成了合并。合并之后呢，我们再找到椭圆，在 这里呢给他画一个圆形，对齐再框选这两个造型，选中之后呢，我们在上方找到剪去顶层，这样呢就完成了我们一个轮廓的这个制作。 但是要注意呢，虽然说感觉啊好像已经变成了一个造型，可是本质上啊，他并不是，当你双击之后，你会发现我依然可以对他里面的东西进行再次的辩解， 也就说本质上他现在呢并不是一个完整的一个形状，你看在图层里面也能看得出来，他都是分开的， 那我如果说我决定我不再对他进行修改了，我就要这么去做，那怎么办呢？我们就可以点击啊，叫合并，但是里面的呢叫拼合，所选项其实就是我们之前的合并形状啊。好， 那点击之后大家注意看一下我们这边图层的这个变化，点一下，那他就会变成一个完整的一个单独的一个图层 啊，你再次双击的时候呢，就会进入到形状的叫编辑模式，双击进入形状编辑模式，在编辑模式中的话呢，你可以对他的毛点进行随意的这个修改，并且呢选中的这个毛点啊，我们还可以呢单独去控制他的圆角参数啊，非常的方便啊， 我们找一个形状工具来试验一下画一个正方形，画正方形之后呢，如何进入到他的编辑模式呢？ 可以点击上方的这个小图标，编辑对象进入到这个模式，或者说你就直接双击他，双击进去之后照样也能进入到编辑模式，对他的 造型进行任意的这个调节，那调整过程中的话呢，我们可以选中对他的这个圆角造型进行单独的这个调节啊，非常的方便。如何退出我们的编辑模式，双击空白地方，这样呢就可以退出这个编辑模式了， 我们来总结一下本部分所学习的主要知识点。首先呢我们要去知道呢怎么去编辑一个形状双击或者点击上方的编辑对象小按钮，这样就可以为他进行编辑，退出的话呢，直接双击空白地方就可以， 我们可以使用移动工具呢，在编辑模式下，对他单独的毛点进行圆角的这个操作不容易算的，使用方法呢，和我们之前所接触的设计软件呢，他是一样的合并形状的开件呢，是 ctrl 键加 e 键。而蒙版 工具的话呢，他的摆放位置是上层是图像，下层是遮罩。创建蒙版的快捷键是 ctrl alt 键加 m， 再按一次呢是取消， 但是考虑到呢，其实这个蒙版工具他更多功能代表的就是对图像进行一个裁切，那么我们可以采用一些更加方便的做法去完成这个事情，我们可以使用 frem 的图像裁切功能，或者说呢可以使用放置图片功能， ctrl 键加 shift 键加 k， 选中图片，直接点击形状，把它直接放进去，这样操作呢会更具效率化一些。
118跟着大婶学设计
09:54查看AI文稿AI文稿本节课呢，我们将学习菲格玛形状工具的使用，我们这节课最主要的重点是在于呢，要清楚如何去绘制一些基本的常见造型， 那么绘制完之后呢，还要知道呢，如何去编辑他的外在形状，这是我们的一个重点。进入软件之后呢，我们先找到形状工具的位置，他呢在这边啊， 在飞马平台中的话呢，它是内置了以下这些基本的形状造型。矩形工具，快件的是二键直线工具， l 键箭头， shift 键加 l 键，椭圆工具是欧件多边形以及新型工具。那么我们先去学习 一些啊他的基础用法。我们找到矩形工具，矩形工具的话呢，按住 shift 键是正方形，不按 shift 键是长方形啊，非常简单。画完之后呢，我们可以对他的圆角进行设置，按住 out 键可以对单边进行圆角的这个操作。 第二个呢是直线工具，选中直线工具之后，按住 shift 键绘制直线，画出来之后呢，我们需要清楚直线工具改颜色，在右下角参数中点击就可以直接对他的色彩进行修改。 而下方这里的话呢，是用来去修改描边的这个粗细以及描边的位置居中内部或者是外部。描边在下方的话呢，我们可以去设置描边的一些这个类型啊，比如说菱形渐变， 就给这个位置加个菱形。然后这边的话呢，我们给他添加一个箭头，可以做出来一个这样的造型，而骑士点和结束点中间的小图标，他就相当于是反向，可以把两个命令呢进行反向这个操作。 箭头工具的话呢，他和直线工具是一样的，区别就在于他已经提前的把箭头给我们添加好了啊，刚刚是我们自己进行添加的啊， 椭圆工具的话呢，就按住 shift 键画一个正圆形就可以，而多边形工具的话呢，我们按住 shift 键画一个正三角形， 画出来之后呢，这里可以调节圆角，这里的话呢可以呢去增加他的这个角的这个数量， 再往下新型工具， 新型工具呢，我们按住这个 shift 键画出一个五角星，画出来之后呢，我们可以对他的圆角进行设置， 那里面的角度进行控制，包括呢这个角的数量也可以进行控制啊。那其实呢，像这些基础工具啊，他的操作上是比较简单的，大家只要绘制出来之后呢，自己多去点一点啊就可以了。在圆形工具中呢，他有一个命令，和我们之前的软件不太一样， 你画完之后呢，看这里还有个小圆点，你点击之后，我们就可以非常方便的去做这种丙状图啊，这是非常方便的，而且速度呢非常迅速啊，这是他的一个特点。 在形状工具的下方呢，还有放置图片工具，这个放置图片工具的话呢，非常的实用，如果说你想在里面 要添加一张图片，包括呢我们做 ui 页面时，我们用户头像圆形的用户头像，我想让一张图片呢放在这个圆里面，我们就可以使用放置图片功能， ctrl 键加 shift 加 k。 好，那么点击之后呢，选择你的图片， 这时候呢你的鼠标上就会挂一张图，你再点一下这个造型，他就会直接剪切进去，速度呢是非常方便的，而且很快速，他可以剪切在任意造型中去，那我们再摁一下啊， ctrl 键加试键加 k， 选中图片，点击，你看他也能进去啊，只要是个形状，他都是可以快速剪切进去的。那么在这个平台中的话呢，有一个命令啊，跟他是非常非常像的， 叫什么呢？叫蒙版，我们来看一下呢，在这个平台中，蒙版的这个使用操作， 蒙版的话呢，我这里有两个造型，一个是圆形，一个呢是一张图片，他当里面的话呢，去实现蒙版操作时，我们可以呢这样去做，我们先把这个球啊，把这个球呢给他移动到图片的下方， 移动到下方之后呢，我们可以框选两个部分，再去点击上方中间的这个图标叫设为蒙版快线是 ctrl 键加 hote 键加 m， 点进去之后，那么我们的图像也会被剪切到这个范围中去啊，可是实际上的话呢，这样的这种操作啊，他的操作体验感是不太高效率的，对吧？因为我们可以直接使用放置 图片工具的这个功能，迅速的去做出来这个效果，然后这里的话，你还要再去画一个圆形，去做这种事情，就变得非常麻烦了啊。 以后呢，你要想去做一个限制在某个范围内的这个造型的话呢，其实更推荐大家使用的是放置图片的这个功能，而不是我们蒙版的这个功能啊，所以大家对这个要清楚就可以了。 旁边的这个按钮的话呢，就是我们的拨人一算，合并剪去顶层，保留焦急，以及排除我们的焦急。那么我可以用这些属性呢去做一个小图标， 一个相机的图标，这个相机图标的话呢，可以看出来是由三部分组成啊，一个是外面的矩形，这呢是小矩形，这里呢是一个圆形。 那好，我们来去领补一下这个造型。第一步呢，我们先绘制一个矩形啊，好画一下， 画好之后呢，将他的圆角稍微的拉圆一点点，按住 out 键，可以对左右两边同时进行缩小，再按住 out 键复制一份，再去缩小啊，这边再去缩小。 当你看不见他的小圆点时呢，你可以把你的画面给他呢，放大一点，就可以看到小圆点，那就缩小一点， 那么缩小之后呢，对于这两个图形来讲，他是什么属性呢？是不合并，对吧？所以我们点击上方选择连接，这样就完成了合并。合并之后呢，我们再找到椭圆，在 这里呢给他画一个圆形，对齐再框选这两个造型，选中之后呢，我们在上方找到减去顶层，这样呢就完成了我们一个轮廓的这个制作。 但是要注意呢，虽然说感觉啊好像已经变成了一个造型，可是本质上啊，他并不是，当你双击之后，你会发现我依然可以对他里面的东西进行再次的辩解， 也就说本质上他现在呢并不是一个完整的一个形状，那在图层里面也能看得出来他都是分开的， 那如果说我决定我不再对他进行修改了，我就要这么去做，那怎么办呢？我们就可以点击啊叫合并，但是里面的呢叫拼合，所选项其实就是我们之前的合并形状啊， 那点击之后，大家注意看一下我们这边图层的这个变化点一下，那他就会变成一个完整的一个单独的一个图层 啊，你再次双击的时候呢，就会进入到形状的叫编辑模式，双击进入形状编辑模式，在编辑模式中的话呢，你可以对他的毛点进行随意的这个修改，并且呢选中的这个毛点啊，我们还可以呢单独去控制他的圆角参数啊，非常的方便啊。 我们找一个形状工具来实验一下，画一个正方形，画正方形之后呢，如何进入到他的编辑模式呢？ 可以点击上方的这个小图标，编辑对象进入到这个模式，或者说你就直接双击他，双击进行之后照样也能进入到编辑模式，对他的 造型进行任意的这个调节，那调整过程中的话呢，我们可以选中对他的这个圆角造型进行单独的这个调节啊，非常的方便。如何退出我们的编辑模式，双击空白地方，这样呢就可以退出这个编辑模式了。 我们来总结一下本部分所学习的主要知识点。首先呢我们要去知道呢怎么去编辑一个形状双击或者点击上方的编辑对象小按钮，这样就可以为他进行编辑，退出的话呢，直接双击空白地方就可以。 我们可以使用移动工具呢，在编辑模式下对他单独的锚点进行圆角的这个操作不容易算的，使用方法呢，和我们之前所接触的设计软件呢，他是一样的合并形状的开机键呢是 ctrl 键加 e 键，而蒙版 工具的话呢，他的摆放位置是上层是图像，下层是遮罩，创建蒙版的快捷键是 ctrl out 键加 m， 再按一次呢是取消， 但是考虑到呢，其实这个蒙版工具它更多功能代表的就是对图像进行一个裁切，那么我们可以采用一些更加方便的做法去完成这个事情，我们可以使用 fm 的图像裁切功能，或者说呢可以使用放置图片功能， ctrl 键加 shift 键加 k， 选中图片直接点击形状，把它直接放进去，这样操作呢会更具效率化一些。
89黑马程序员视频库
00:36查看AI文稿AI文稿嗨，大家一定见过数据，可是画中的圆环数据图在飞哥码中，我们该如何操作呢？按 o 键，按住 shift 加凹陷及拖动鼠标左键新建一个圆形。在飞哥码中，我们不再通过调整描边的操作进行画圆环，其实有更方便的快捷操作。 鼠标移入圆形的蓝色按钮位置，拖动他，你会发现可以快速的让圆形变成扇形，此时再拖动另一个蓝色按钮，依然达到你想要的效果。拖动两个头部的蓝色点，你还可以控制圆环的长度和角度，所以。
160Figmaist
00:52查看AI文稿AI文稿哈喽，大家好，现在我们来看一下原型视频的另一种做法。皇后娘娘您一往情深， 可为什么要告诉他呢？放好素材后，在效果控件面板下找到蒙版，点击原型，直接在素材上调整蒙版的大小和位置，直到调整出自己想要的样子就 ok 啦。 同时还可以调整蒙版的羽化边缘和半径，然后在左上角文件新建字幕，写上你想写的字，调整字体位置和大小等，圆形视频就做好啦。 皇后娘娘 您一往情深，可为什么要告诉他呢？
371视频制作-下节课见
05:48查看AI文稿AI文稿到目前为止呢，大家已经清楚了如何使用非馆平台呢，进行设计，然后进行切图加上这个标注。 那么本节课呢，给大家讲解的是我们如何使用第三方服务呢，去完成切图加标注的这个服务，因为未来呢，我们在公司团队中，他所采用的是哪一种方案， 我们是无法去确定的，对吧？我们能做的事情就是说多去掌握一些不同的方案，这样今后呢，即便是遇到了这种需求，我们也可以呢把它搞定。类似的这种插件呢不止一个，像蓝狐和木克这些都是挺好用的，那 本节课呢，我将会采用木克的这款插件，给大家去演示他的具体的这个做法，那么你学会之后呢，其实同类的这个插件在使用性上啊，差异是不大的， 那我这边呢已经安装好了木克的这个插件，装好之后呢，需要去搭建一个项目，然后以及建立一个分组，都可以点击加号建立就行。画板大小呢就是采用我们当前的设计稿一倍图， 第一次上传时可以选择上传全部画板，也可以呢叫上传所选画板，只要你选择谁，他就可以把谁进行上传 好。那么关于这个叫添加切片图层，这是什么意思？这是用来切图使用的啊，如果说你不设置切片图层，那你传上去他也没有办法进行切图。好给大家演示一下 如何添加切片图层，我们先看一下这四个图标，放大一点。首先呢我们要找到这个图标的位置，找到之后呢，你会发现呢，在他这里面啊，不可点击添加切片图层，不可点击，原因是因为什么呢？ 我们当前的这个组件是实力组件，他不是模板，你看啊，如果说我把它再复制一份， 他跟他是一样的啊，都是实力组件，然后我把这个实力组件给他，右键选择分离实力，让他变成一个画框，来一个普通的一个画框， 那么这时候你会发现呢，他就可以去点了添加切片图层，然后点一下，然后周围的话呢，会自动的给我们套一个框。为什么这个框这么大呢？因为我们这个图形呢，他有什么？是不是有这 这个阴影，哎，主要是有这个阴影的原因啊，所以他这个框呢会稍微大一点点，所以添加切片的方式就是说先点一下添加，想要删除怎么办呢？直接点他点击删除就可以删掉了。 那好，那你说我们岂不是要把这些东西全部取消掉，对不对？这样多麻烦。其实不需要的啊， 我们只需要呢，回到他的模板，在组建库中啊，找到他的模板，那么找到他模板之后，你可以框选给这些模板门，一键去添加切片图层，但前提是你要把名字，哎，记得要命。好啊，点击 好那点好之后的话呢，你会发现呢，这些小虚线就已经全部创建好了，而这个时候你再回到我们页面铃木页面，对不对？这样就没有问题了啊，就全部搞定， 所以呢，我们的组建库啊，非常的重要，当你把这些全部搞定之后，我们来上传一下啊，那我就只上传这一个就行，因为其他页面的话呢，都是大同小异的，点击上传所选画板，选择上传，耐心等待 上传成功之后呢，点击查看项目。 好，那这样的话呢，我们就进入到了木克的这个平台，我们先双击一下， 双击之后呢，首先标注就是你还是单击，那这样就可以查看他具体的这个标注，那么切图的话呢，只要是有虚线存在的地方，他都是切图， 但这些地方都有。在右侧的话呢，可以看到这些切图的资源，根据自己的选择啊，自行下载也可以呢，勾上这个 全选，然后比如说你们公司不需要一倍图，那就把它点掉，点击下载，选中切图，那到此为止。这就是关于我们木克啊怎么去设置，以及设置成功之后上传，再放到木克平台中进行，点击这个下载就可以了， 那我们也可以呢，单击某一个字啊，你看在右侧中就能看到一些详细的数据，在代码里面也能生成开发人员所使用的这些数据都是可以的。然后这个做完之后呢，你还是要把你的同事呢邀请到你的这个项目中去， 那么回到首页，回到首页之后呢，在这里啊邀请新成员点击，然后他的身份是什么呢？可以自己去选择，比如说协同人尽可 查看评论和下载。然后成员那链接有效时间的话呢，可以设置个七天啊，因为你发给他之后呢，他就会直接加入进来吗？然后点击这个下一步，那你的新成员可以看哪个项目呢？当然是看我们 app 这个项目，点击生成链接， 哎，这样就得到了这个链接，你再把这个链接呢发给你的这个同事，然后呢你的同事呢，他也要注册木克的这个平台账号来，一注册一成功，一进到这个项目，那他看到的结果跟我们就是一模一样了。 以上呢，就是关于木刻插件的使用过程。
39黑马程序员视频库
01:24
