AI 下圆环箭头的制作过程.docx

AI 下圆环箭头的制作过程.docx

《AI 下圆环箭头的制作过程.docx》由会员分享，可在线阅读，更多相关《AI 下圆环箭头的制作过程.docx（16页珍藏版）》请在冰豆网上搜索。

AI下圆环箭头的制作过程

AI下Infographic,cyclediagram,圆环箭头,arrowsaroundacircle的制作过程

做PPT的过程中经常会用到信息图（Infographic）,其中的一种类型是上图所示的循环图（cyclediagram）,就是几个首尾相接的弧形箭头.虽然网络上有很多PPT的模板,但有的时候感觉配色或者风格还是不太适合.俗话说:

自己动手,丰衣足食......

本人新手,请酌情参考!

工具:

Illustratorcs4

新建ai文档,属性设置为单位:

像素,宽:

800px,高:

600px,颜色模式RGB

文档中心建立横向,纵向两条参考线.

选择椭圆工具,按住Alt+Shift键以参考线的交叉点为中心,

建立直径为400px的圆,将圆的填充置成无

-------》

将圆置于选中状态,按s键（或点击比例缩放工具）,长按Alt键，鼠标点击圆心（参考线的交叉点,下同），弹出比例缩放对话框,输入80,点击复制,出现下图所示效果

-----》

点击外侧也就是最开始建立的圆,重复比例缩放的操作,此次设置缩小比例为60%,仍然是复制,如果操作完成后新的圆没有显示,很可能是没有将最外侧的圆的填充置成无,而是采用了系统默认的白色，因为80%的圆在60%的圆地上方,白色的填充阻挡了小圆的显示，这时候选中点击80%的圆，点击ai菜单栏中的对象---排列---后置一层，则可以显示小圆，效果如下图：

新建连个图层，将第一个图层中的三个圆，原位置复制到新建的两个层（ctrl+c,换层后ctrl+f）

ctrl+f是圆位置复制，第一层的所有对象可以置于锁定状态了，只为参考，不做操作。

注意右边栏图层面板里的锁定标记。

如下所示：

锁定第一个图层，隐藏第三个图层，选择第二个图层。

将80%的圆选中后删除（80%的圆只为了将文字沿此路径排列，后续用）

然后两个圆全部选中，执行路径查找器里的减去顶层操作（此步关键）。

---》

选择矩形工具，建立一个覆盖两个圆，并且中心和圆心对齐的矩形。

如下图所示:

-------》

选中矩形，按r键（或者点击旋转工具）长按alt键，鼠标点击圆心，弹出旋转对话框，设置角度为72（取圆环的5分之一），点击复制按钮（不是确定），效果如下：

------》

将对象全部选中，再次执行路径查找器里的减去顶层效果如下：

点击ai菜单栏里的对象，取消编组。

然后选择圆环的右边大的部分，并删除

------》

工作区只剩下一段圆环了，如下图

选择钢笔工具，增加几个锚点。

-------》

点击直接选择工具，对增加的几个锚点的位置进行调整，然后调整锚点的手柄，将箭头的角的尖度调整出来。

-----》

-----》

对于最右边的锚点，将锚点的调整选项转换为平滑，如下图所示鼠标位置的设置项：

显示图层1中的参考圆后的显示效果如下，选中圆形箭头，以圆心为中心，进行旋转操作

这时，可以根据旋转后的效果（如果箭头和尾部有重叠），则撤销旋转，再对锚点进行微调，再旋转，直到感觉箭头的形状效果合适为止。

-------》

箭头的形状合适后，则进行渐变填充.

填充的的角度也设置成72，参考如下渐变面板里的设置。

设置完填充后，在重新进行一次旋转复制，然后执行Ctrl+D重复执行操作。

最终的工作区上显示了五个一样的环形箭头，然后分别进行渐变填充（渐变填充色和箭头的首尾一致，效果会更好）

----》

接下来进行文字的添加。

隐藏图层1，图层2,显示图层3。

选中最小的圆删除，剩下的两个圆仍然是减去顶层操作。

--------》

增加一个窄矩形，类似图层2里的操作，这里需要复制旋转4次，保留5个矩形，然后进行减去顶层操作，过程和效果如下图所示。

选中左上角的圆环段，点击路径文字工具，在将鼠标移动到所选圆弧的内测圆的合适位置上，点击一次添加文字。

----

----

文字添加完毕后，可能是在下图所示的顺序和位置，这时单击选择工具，可一看到路径上多了几个控制线段。

调整控制线段，直到文字显示在正常位置，然后其他的一个圆环段类似。

---

---

更改文字的字体，大小，颜色，隐藏图层1,最终效果呈现.....