球体图标教程

前段时间做了一组练习作品，其中有一个关于球体的图标吸引了大家的注意，发布之后有很多同学后台留言希望出一个教程。今天黑马哥的教程如约而至，就带大家一起来画个球吧！

一个不一样的球

这个球体图标无需三维软件的辅助，全程都是通过平面类软件完成，我个人是通过 AI 软件和 Sketch 软件配合完成的。实际上通过 AI 软件也可以直接完成，球体造型是通过 AI 软件的 3D 功能实现的。后期的配色、光影处理、质感强化等细节处理，大家可以自由选择熟悉的软件，无论是 PS 还是 Sketch 等均可完成细节刻画。

下面黑马哥就来详细演练一下，案例分为球体造型绘制和质感刻画两个部分。

球体造型绘制

第一步：绘制纹理符号

通过矩形工具绘制几条细长的矩形，数量可以自由发挥，这个数量决定球体纹路的数量。然后全选之后拖进符号面板，无需改动参数直接点击确认即可（符号的名称可以自由设置）。

第二步：绘制球体

通过椭圆工具绘制一个正圆，然后利用剪刀工具剪切一半，形成一个半圆。然后再执行效果 → 3D → 绕转，然后把预览勾选上就可以观察变化了。注意红框标注位置需要选择“右边”，不然无法出现球体效果。

第三步：贴图

保持当前操作不变，点击 3D 绕转弹窗底部的“贴图”按钮，在弹出的面板中符号位置展开选择之前创建的球体纹理。然后调整纹理的大小，让其填充满图示区域，这里的纹理大小和位置可以一边调整一边观察球体的变化，调整到自己满意的效果即可。

第四步：调整空间位置

设置好贴图之后，我们可以通过图示区域去拖动这个立方体，改变球体的空间位置，调整出自己满意的角度之后点击确定即可。确定之后我们需要操作对象 → 扩展/扩展外观 → 然后取消编组，把纹理层分离出来，单独之后便于后期调节。

通过以上的步骤我们完成了球体部分的绘制，这个步骤需要在 AI 软件里面完成。接下来的步骤没有特殊的软件限制，只要能够方便进行渐变色调节和细节刻画即可。

质感刻画

第一步：导入到软件

质感刻画不限制操作软件，直接在 AI 软件里面也能操作，个人习惯运用 Sketch 软件进行细节刻画。直接将完成的球体通过复制，在 Sketch 软件里面粘贴即可（如果是 PS 软件操作类似）。

第二步：刻画球体立体感

突出球体立体感首先对圆形添加径向渐变，中心点设置在偏向于左上角位置，颜色的参数参考图示（颜色大家也可以自定义）。然后再对其添加两次内阴影，用于增强立体感，也能使得圆形更加通透。（内阴影的参数见图示，本案例圆形尺寸为 360*360px）

球体背景层绘制完成之后，再针对纹理层添加渐变色，依然选择径向渐变。角度和中心点设置的范围和背景层的一致即可，颜色的参数参考图示，最终两个图形合起来即可初步完成球体立体感的刻画。

第三步：纹理质感强化

为了进一步突出纹理的质感，将纹理部分复制两个出来，分别进行细节刻画。一个是为了强化色彩感，一个是为了强化光感，两个纹理部分设置参数见图示。

第四步：底部压暗

为了让球体能够显得更加稳重自然，添加一个同等尺寸的圆形作为底部压暗。采用的是线性渐变，颜色和填充的不透明度参数见图示。

最终我们便完成了球体部分的全部案例演练，添加一个圆角矩形作为应用图标的底座，完成整个案例的绘制。

小结

本案例的技术难点主要是通过 AI 软件的 3D 功能实现带纹理的球体造型，其次就是质感刻画的技巧，关于渐变色的调节和内阴影的运用。通过案例的学习可以帮助我们熟悉 AI 软件的 3D 功能运用，也能强化关于营造质感的技巧。

大家也可以举一反三，在创建符号的时候也可以变换更多不一样的图形，也能带来更多不一样的球体纹理效果。希望今天的教程分享可以带给大家一些思路，创作出更多优秀的立体图标设计。

作者：黑马青年（vx: heimaux）

本文由 @黑马青年 原创发布。未经许可，禁止转载。