分享

快来,用PPT手把手教你做超多图标排版

 hercules028 2023-02-05 发布于四川

来源:自律的音律

图片

本文总计:2316 字
预计阅读时间:6 分钟

哈喽,见字如面~

上次发的超多 logo 排版灵感图,大家看了吗?没看到的同学现在可以浏览一下:

看过这篇文章后,有的同学产生了这样的疑问:

下图这种超多图标环形排版看着却不乱,是怎么做出来的呢?

图片

这张图在群里讨论的时候,确实难住了不少同学,主要有两个难点。

难点一:几层环形的 logo 大小需要一致:

图片

例如 1 和 2,分别是两个环上的 logo,但是它们的大小需要一样。

难点二:小圆并不是标准的环形布局,有分割线的部分间距更大些:

图片

大家可以先思考一下这两个问题,如果是你的话,会如何解决?

准备工作:制作 logo 示例

开始之前,咱们先准备一些 logo 图,这一次不使用具体的图形,而是用形状制作示例 logo。

首先,绘制一个正圆:

图片

选中并使用 ok10 插件批量原位复制,这里点击的是右侧的向下箭头,数量看自己的需要输入即可,我这里输入 19:

图片

如果你没有插件,这里手动复制也可以。

现在,已经准备了 20 个圆形:

图片

这些圆分别代表了不同的 logo,我们要做如下操作以示区分:填入不同的数值以及替换不同的形状。

01. 填入不同的数值

这一步,如果你没有安装插件,可以手动在形状中输入数值。

如果已经安装了 OK 插件,则可以使用 OK 神框功能:

图片

在第一个框中选择数字递进,第二个里输入【1,1】,使用 Enter 回车。

图片

1,1 表示起始为 1,等差为 1

操作后,圆形内的数字呈等差数列排列:

图片

02. 替换不同的形状

选中部分圆形,点击形状格式选项卡,找到形状格式中的编辑形状,再点击更改形状:

图片

挑选替换不同的形状,例如正方形、圆角矩形等...

替换后的参考效果如下:

图片

最后,使用 ok10 的【一键转图】,将这些示例 logo 全部转为图片。

图片

如果没有插件,可以挨个剪切形状,选择性粘贴为图片即可:

图片

到此,我们的示例 logo 已经制作完成。

接下来,分享一下多图标环形排版的具体操作方法,根据是否使用插件提出具体的解决方案。

方案一:不使用插件的做法

思路 A:文本框法

在页面中插入一个文本框,接着点击插入选项卡中的符号:

图片

选择并插入圆形符号:

图片

现在文本框中已经有一个圆形符号了,我们复制该圆形符号,然后粘贴多次,一个环形中 logo 有几个就复制几次。

图片

这里再提一下,如果你有 ok10 插件,这里可以有更快速的做法,点击【逐帧辅助】并按提示操作即可:

图片

回到正题,选中文本框,使用文本转换中的环形格式:

图片

文本转换后,形状是扁状的:

图片

而我们需要的是正方形,可通过调节形状宽高来实现,让宽度等于高度:

图片

接着随意画一个形状,全选文本和形状,使用布尔运算中的拆分功能,这样文本中的圆点就会转为矢量形状。

图片

我们把之前准备好的示例 logo,分别填充到形状中:

选中 logo,右键复制,再点击形状,使用图片填充中的【剪贴板】即可。

图片

以上,就是使用文本框制作图标环形排版的步骤。

这种做法有一个缺陷:环形 logo 大小做一圈比较好控制,如果多圈就不好调整了。

图片

思路 B:圆环图法

在插入选项卡中,点击图表,选择圆环图:

图片

插入图表后,数据编辑窗口会自动弹出来。

根据需求输入数值,数值 2 表示 logo,数值 1 表示分割线条:

图片

小提示:如果这一步有疑惑,可以先看完完整操作再返回来看,会更好理解。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多