上面两点下面一个三角形_这种胖胖的圆角三角形,在PPT里居然有这么多种画法!...

4bbeab9dc0218a5e3183f9261a40f60d.png

昨天,有设计师问到,如何用 PPT 绘制胖圆角三角形。

考虑到这是基础鼠绘技巧,而鼠绘又是很多动画与定制项目的基础。

所以,今天给大家分享一下绘制的思路,以后好空手造素材。

相信我,这是很多收费课程里都没有的内容,花 5 分钟看完,你的 PPT 鼠绘水平立马上一个台阶。

先看一下,胖圆角三角形长啥样:

8cc123191f3aee4788a4d3dd7328da50.png

思考思考,如果是你的话,会如何绘制呢?

在弄懂胖圆角三角形之前,咱们先弄明白,圆角三角形如何绘制。

在 PPT 的自带形状中,只有圆角矩形,没有圆角三角形。

那如何绘制下图这种,圆角三角形呢?

dd97cf75c67f17244e2e3d2fed884f71.png

这里教大家 3 种方法

第一种方法,选择基本形状中的等腰三角形。

按住 Shift 进行绘制,得到一个正三角形。

c2178f4b1537452c0c829f9f9165a1c2.png

之后,选中正三角形,添加线条填充,将线条的连接类型改成圆角。

b4f56a74845566f4e055c7ccf488ed54.png

我们可以通过改变线条的粗细,来控制圆角的大小。

这种方法的优点,是可以快速得到圆角三角形,而且可以任意修改圆角大小。

但是缺点也很明显,这是假圆角三角形,不方便进行布尔运算。

而且缩放后,还需要再次调整线条的粗细。

第二种方法,使用圆角矩形进行拼接。

首先,我们绘制一个圆角矩形,把黄点拉到最右边,使两侧变成半圆。

55ba5405ec0cd60ead7389145fecec2a.png

再绘制两个等高的正圆,与圆角矩形的两侧对齐:

8cdf163f4a579e8c11bdb12acc02c49e.png

之后,我们横向复制两个圆角矩形,使两个正圆与他们刚好内切。

7cb7932356a5ba022984eea592723166.png

这一步的目的,是为了方便后面进行角度旋转。

选中左侧与中间的圆角矩形,原位复制一份,组合起来,再逆时针旋转 60 度。

cabef686121797a67d82eb776ec55684.png

同理,将中间和右侧的圆角矩形,组合后顺时针旋转 60 度。

cadd1718fc55c7e322b5159bc4167868.png

旋转的时候,可以按住 Shift 键,这样每旋转 15 度都能感觉到。

接下来,取消所有组合,把四周多余的圆角矩形删掉:

1c5f138c07bee2656b9b7542dbaf3d5e.png

再在中间的空白位置,绘制一个正三角形遮住。

ac903ba0710b511b617966e570c5eb39.png

之后全选所有形状,使用合并形状-结合,就可以得到圆角三角形了。

9bbc67da6cb81c923d777451b68ee8d0.png

6e1845e41b4ade80d0926a96636c92a4.png

上面的操作看起来会比较麻烦,因为我用的是标准作图方法。

如果要快速绘制的话,直接用圆角矩形旋转后,手动对齐也行。

这种绘制方法的优点,是可以任意缩放大小。

缺点就是画起来比较麻烦,圆角的大小受圆角矩形的高度影响,不方便修改控制。

第三种方法,使用英豪插件快速调整。

依旧是先绘制一个正三角形:

c2178f4b1537452c0c829f9f9165a1c2.png

之后,我们需要用到一款 PPT 插件,英豪插件。

e816b22890337cbc4c4483c8b9eefb5f.png
官网:https://addins.cn/yhtools/

选中三角形,点击 编辑形状-圆角工具,设置倒圆角半径为一定的数值。

dffaf353059dc4cbd349b686f4401e47.png

点击确定与完成后,就得到一个圆角三角形了。

2dc721cd83192728990bb6f85c4d95d0.png

使用插件的方法,是最快速最实用的,而且圆角的大小可以随意修改。

以上,就是绘制圆角三角形的 3 种方法。

同样的思路,也可以拓展开,用来绘制其他圆角正多边形。

有了基础,你再思考一下:如何去绘制胖圆角三角形呢?

是不是有想法了?

第一种方法,形状拼接法用起来,先来 3 个椭圆摆好。

c97e2c4a79de2468f9b740a5de608579.png

再画一个正三角形,把中间遮住。

296aecdb38abc9a5f150a965142097a6.png

全选所有形状,布尔运算结合成一个,搞定!

b316eedec6f4742061025e485afdd777.png

怎么样,有没有觉得事情简单了起来?

等等,像这么牛逼的操作方法,我还有 3 种!

第二种方法,曲线绕边绘制法。

首先,先画一个正三角形,为了方便操作,去掉填充只保留线条。

c4b01ee040923cd5f207f8ea88b95df3.png

之后,在形状绘制里,选择曲线。

6c43333be84643f122d882bcdda11d0d.png

依次在三角形的 3 个顶点,点击进行绘制:

97a90814ecaceb7a58a724d179a9ee74.png

最终形成闭合的形状时,它就变成了胖圆角三角形。

152afb8f41fad89920ac204426b8c556.png

用这种方法绘制,同样非常快速,但是和拼接法一样,有个缺点。

缺点就是圆角与形变的弧度,无法控制,都是自动生成的。

第三种方法,编辑形状顶点。

同样,还是先绘制一个正三角形。

c53d81de0aaea91203d4b60e6e87610c.png

选中正三角形,点击 编辑形状-编辑顶点,并选择其中一个顶点。

c56cde18496055f44a8c0d8a827e9d61.png

这时候,会发现顶点的两侧,各有一个控制手柄。

我们按住 Shift 不放,拖动其中一个控制手柄到下图位置:

2e34a9a353ac2811a9b573f3ea13d9c2.png

这时候两个控制手柄,是在一条直线上的,而且长度一致。

按相同的思路,调整剩下的两个顶点的控制手柄,就可以得到胖圆角三角形了。

55689b9b83fe7b6cdbe857b93e6dd650.png

但是,这种绘制方法并不严谨。

首先是 3 个顶点的控制手柄,它们的长度并不一致。

其次,控制手柄的角度无法控制刚好 60 度,所以绘制得到的图形,并不是对称的胖圆角三角形。

好处就是绘制简单,而且弧度可以自己控制。

讲到这,正好拓展一下,顶点编辑的技巧。

按住 Shift 不放,拖动控制手柄,是模拟平滑顶点,这时候两个控制手柄在一条线上,而且长度相等。

2e34a9a353ac2811a9b573f3ea13d9c2.png

按住 Ctrl 不放,拖动控制手柄,是模拟直线顶点,这时候两个控制手柄在一条线上,但是手柄的长度不相等。

090c7d62e3265b9367b31079edd5b1a1.png

按住 Alt 不放,拖动控制手柄,是模拟角部顶点,这时候两个控制手柄不在一条线上,而且长度也可以任意调整。

75819f2ec72c28f4635476346ccc1bc5.png

掌握上面的操作技巧,可以让你在鼠绘时,随心所欲的编辑顶点。

第四种方法,使用英豪插件快速生成。

不用多说,还是先绘制一个正三角形。

c53d81de0aaea91203d4b60e6e87610c.png

然后我们在三角形中,输入文字 0.5

3c8c691dbd3b721c52059a6e05cee447.png

选中三角形,打开英豪插件,点击 线条相关-曲直-平滑顶点

37d3f3df10fe38b1f089d1bebb10fe69.png

点击确定后,就得到了胖圆角三角形:

23f02a7d03dc35e5ae328afb69c45817.png

形状里面的数字,就是用来控制弧度大小的。

f7dd9a5fc12d837acef0289fa6a3beb5.png

插件的方法,简单快速标准,而且弧度可控,最为推荐。

思路拓展一下,也可以用来绘制其他胖多边形。

b29ac301f779b305dede8dc324f8287f.png

cc77e256ab0746c3899e326b0e927370.png

以上,就是绘制胖圆角三角形的 4 种方法。

咋样,以前是不是没见过这么玩的,是不是一学就会!

不过,这些只是 PPT 鼠绘的基础操作,基础熟练了之后,就可以去绘制各种素材了。

比如本文头图里面的皇上,就是我用 PPT 绘制的:

5559ff6832b1871cfceb852981515048.png

皇上的身体,刚好就是胖圆角三角形。

当然,胖圆角三角形,绝不仅仅是用来练鼠绘。

这种非自带的形状,用在 PPT 页面中,非常有设计感。

比如下面这套,2017 年的模板作品,就用到了这种形状,我猜有不少人见过:

ea749bdf8967ff33cbee35867c409db6.png

9d157a26712a95dc1e88ce570e26ef97.png

dbe3abc49a9dd117e2704f114befaba1.png

这套模板一共有 120+ 页,质量非常高,而且可以商用。

cb004d2ac3fe7ebfe401987b566b0aba.png

我把它和本文的教程源文件,打包到一起了。

2826c75a8e8d5dc8e6d87e5060ec894e.png

如果感兴趣,可以到资源专辑自取。

本文首发于公众号 [自律的音律] ,欢迎联系转载。

要是对PPT感兴趣,想要深入学习,欢迎来知乎PPT圈子交流哦。

PPT学习圈 - 知乎​www.zhihu.com
b6528955b8ffe220acfe764f3007b3e3.png

当然啦,也欢迎发掘我的个人主页或专栏,我有7年PPT领域的经验与故事想要分享给你。

自律的音律​zhuanlan.zhihu.com
d1f57bd56cc9604082c9694ebb514c71.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值