哈喽,见字如面~
上周发的超多 logo 排版灵感图,大家看了吗?没看到的同学现在可以浏览一下:
看过这篇文章后,有的同学产生了这样的疑问:
下图这种超多图标环形排版看着却不乱,是怎么做出来的呢?
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-ca0b21452918b0dcde1a1a8fd5310c11.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这张图在群里讨论的时候,确实难住了不少同学,主要有两个难点。
难点一:几层环形的 logo 大小需要一致:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-152126b8c1bc13d012ae4b89c074a77f.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
例如 1 和 2,分别是两个环上的 logo,但是它们的大小需要一样。
难点二:小圆并不是标准的环形布局,有分割线的部分间距更大些:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-527cc1078aeb073a803f15abf2db4633.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
大家可以先思考一下这两个问题,如果是你的话,会如何解决?
准备工作:制作 logo 示例
开始之前,咱们先准备一些 logo 图,这一次不使用具体的图形,而是用形状制作示例 logo。
首先,绘制一个正圆:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-ca0a84b43e642f9bd5746bdee5b94a1e.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
选中并使用 ok10 插件批量原位复制,这里点击的是右侧的向下箭头,数量看自己的需要输入即可,我这里输入 19:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-757ea586f25ae0c46ef4406923791eef.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
如果你没有插件,这里手动复制也可以。
现在,已经准备了 20 个圆形:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-4836cf904660105eca5f42f6480f4504.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这些圆分别代表了不同的 logo,我们要做如下操作以示区分:填入不同的数值以及替换不同的形状。
01. 填入不同的数值
这一步,如果你没有安装插件,可以手动在形状中输入数值。
如果已经安装了 OK 插件,则可以使用 OK 神框功能:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-551b708bb9e9b747aa8d89ad88cfed07.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
在第一个框中选择数字递进,第二个里输入【1,1】,使用 Enter 回车。
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-f5ef044dc7e1f21b330068de034dcff3.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
1,1 表示起始为 1,等差为 1
操作后,圆形内的数字呈等差数列排列:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-59708e5371857076b027cfda72392e22.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
02. 替换不同的形状
选中部分圆形,点击形状格式选项卡,找到形状格式中的编辑形状,再点击更改形状:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-15de7db4e3de0eb48b83424b97239cd1.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
挑选替换不同的形状,例如正方形、圆角矩形等…
替换后的参考效果如下:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-1656be8646df3a294e11bf32cf81d02d.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
最后,使用 ok10 的【一键转图】,将这些示例 logo 全部转为图片。
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-245aaf047634cfa72f2d1cc68a7666a0.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
如果没有插件,可以挨个剪切形状,选择性粘贴为图片即可:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-1b205ac9daebc348bf05daf99df21980.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
到此,我们的示例 logo 已经制作完成。
接下来,分享一下多图标环形排版的具体操作方法,根据是否使用插件提出具体的解决方案。
方案一:不使用插件的做法
思路 A:文本框法
在页面中插入一个文本框,接着点击插入选项卡中的符号:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-9e85078ca67470040e8efc0b71ba9ac8.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
选择并插入圆形符号:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-9d4f4d50f78e106eec1b0af75c5933d2.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
现在文本框中已经有一个圆形符号了,我们复制该圆形符号,然后粘贴多次,一个环形中 logo 有几个就复制几次。
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-53f1868535bde268e24e31287b8d61c7.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这里再提一下,如果你有 ok10 插件,这里可以有更快速的做法,点击【逐帧辅助】并按提示操作即可:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-748773bc8a0c4be62e45aced17fe2294.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
回到正题,选中文本框,使用文本转换中的环形格式:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-7a4f84296edb94c40e7a5bbba46cdd13.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
文本转换后,形状是扁状的:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-069e66d451ccede931c8e71622f93eb1.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
而我们需要的是正方形,可通过调节形状宽高来实现,让宽度等于高度:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-ffc808b2638c04eddf54ddb1f27ea9ae.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接着随意画一个形状,全选文本和形状,使用布尔运算中的拆分功能,这样文本中的圆点就会转为矢量形状。
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-0b9c445aab4465e3b7f6de39dd353cea.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
我们把之前准备好的示例 logo,分别填充到形状中:
选中 logo,右键复制,再点击形状,使用图片填充中的【剪贴板】即可。
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-16245beb104b6742eb22011a897efd14.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
以上,就是使用文本框制作图标环形排版的步骤。
这种做法有一个缺陷:环形 logo 大小做一圈比较好控制,如果多圈就不好调整了。
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-0dccb96d6f928f7c0eac8c203b146458.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
思路 B:圆环图法
在插入选项卡中,点击图表,选择圆环图:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-bd05a59582e611d2e56d6e01d1404592.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
插入图表后,数据编辑窗口会自动弹出来。
根据需求输入数值,数值 2 表示 logo,数值 1 表示分割线条:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-215b023276ce72ef7474c6cb81c3bed6.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
小提示:如果这一步有疑惑,可以先看完完整操作再返回来看,会更好理解。
选中图表,点击右上角的加号,取消勾选【图表标题】和【图例】,保留【数据标签】
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-d7ca681948bc87542299ea251a56a00d.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接着,去掉图表的填充和线条。
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-f91842488fcb5c8db1351d61d1fd2287.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
选中文字,将文字颜色由原来的白色改为其他颜色:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-68ce969ce0a99a3f1bb500f6ed426647.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
选中图表并右键剪切,在开始选项卡下点击选择性粘贴,选择【增强型图元文件】,最后取消组合两次:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-1cb13921bbae19efe7afcb42291c950c.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
现在,所有内容已经拆分为文本框了。
下一步需要替换文本框内容,点击开始选项卡下的替换功能:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-0cd700f06ac6cd013a3e250993d6b164.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
将 2 全部替换为圆点,1 替换为空白:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-22d92cea26cd2560d9f53d5959fddbf4.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
任意画一个形状,全选所有内容,点击布尔运算中的拆分:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-2ea9a7fe7c7ab4813f2dcb9656c4e2f9.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
全选所有形状,按住 ctrl+shift 将其从中心等比放大:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-041c11058d88340bf90485e5eb973e7d.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接下来,填充 logo 到形状中:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-cc3c760788eea06a292709b2353d3cf4.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
在空隙处加入分隔线条:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-b0155809a6bd681322c69e4709c67bf4.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
如果需要多排一圈 logo,可以再制作一个圆环图。
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-c671cac2ec4f3286b853f25c10c44293.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
注意:新制作的形状-外圈,大小需和内圈一样。
解决方案:先记录内圈形状的大小,然后复制粘贴到外圈形状上。
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-1b04459895aa87b32c0f90347e119745.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
制作多层圆环还有一种做法,不需要重复新建图表,直接在一个图表中填入多列数值即可。
根据 logo 数量填入 2,根据线条位置填入 1:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-0e5503be26279cba282804b5fe1833c1.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
后续转圆形的操作和之前一样,通过这种方法,可以一次性让不同环的宽度及圆形的大小统一。
以上,就是不使用插件的制作方法。
总而言之,推荐圆环图表的做法,更加精准可控。
接下来,分享如何使用插件排版环形 logo 图,用到的插件有:onekey10、islide
方案二:使用插件的做法
首先把原图置于底层,并调整透明度,便于操作时观察。
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-56ea46eb988a2b62f52055fe57651525.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
在中心处放一个圆形:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-01c02c549e2c9495addf2a0508d433a5.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接下来用圆形制作环形分布图,用到的插件为 iSlide,功能为环形布局:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-046fdf7e0f9f67ccb07f36582e943f2c.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
后面有操作动图,重点观察这两个功能:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-7d30e2a0d4a6cd715aca545ccebe77b2.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
记得调整旋转方式,全部为 0°
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-403be2d39bfcbca90f67171ccdf9604e.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
然后制作剩余圆形,这里加快速度,操作和上面一样。
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-f98dc5205facc767b44f5f253f4cdb96.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
环形图制作好后,我们添加分割线,依旧是直接绘制线条即可:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-ddd9d7d791036f207dfdc53a3ce95ce8.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
最后,用 logo 替换圆形,使用 ok10 的批量替换功能:
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-f3344e78a415d8a109e9d9fe431290af.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
用这个方法,再拓展几圈环形 logo 也很容易,只要放大半径布局即可,其他操作均不变。
![快来,用PPT手把手教你做超多图标排版](https://tu.aboutppt.com/2022/01/frc-8bf3238dd38ef445b907b6c58c87120f.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
以上,就是环形 logo 图的制作方法,大家学会了吗?
今天的教程,操作步骤讲得比较细,但内容很好理解。
建议学习时,先整体浏览一遍文章,了解大致操作过程,可少走很多弯路。
我是云朵,咱们下一期债见~
——
公众号:自律的音律
原文链接:快来,用PPT手把手教你做超多图标排版