html制作立体骰子,AI教程：利用illustrator自带的3D功能制作一个逼真的立体骰子...

今天课课家来教大家如何用Illustrator制作一个三维骰子，本教程只分析方法，不进行逐步详细讲解，希望大家用自己理解的方式实现出理想的效果来，具体步骤可分为以下三大步：

首先我们来看看最终效果图：

步骤一、首先绘制一个正方形，大小自己随意设定。按shift+F6键，选择立方体，然后在工具栏上点击“菜单-3D-凸出与斜角”命令，如图所示：

步骤二、现在我们绘制骰子的六面了。将它转换为“符号”然后在3d凸出与斜角窗口上选择“贴图”选项，分别给立方体的六面做贴图的效果。3D贴图的时候需要逐个对六个面一次将符号贴上去，注意“贴图画板”里红色框出来的地方。如图所示：

步骤三、为图形做圆角处理和上色的处理。通过如下图所示的步骤一步步来调整图形的形状和质感。调整效果好看要看用户自己细心好好的调整了。首先扩展外观，将图形取消编组，这样使每个面都分离了。然后合并三面图形，圆角化外轮廓图形每个面，然后上渐变色，渐变色的话最好选择径向渐变。最好一个骰子就制作完成了。

步骤四、现在绘制完成了。我们来看看绘制完成的效果了。如图所示：

1、现在我们开始第一步：创建一个你想要的图形.

2、选择：效果-3D-凸出和斜角，把预览勾选后调整正方体可以预览图形将要变成什么样子的，调整到自己想要的角度，确定好后我们要使各个图层可以编辑(对象-扩展外观)，再取消编组。这样我们可以直接选取每一个面来进行操作(一般我会根据图形的特点来调整透视的数值)。

3、这里我选择了稍微带点透明的效果，所以我把他扩展后的顶层多复制了一层，放在底部。并把扩展后得到一些图层移动到一边，给它们附加了渐变。

4、确定光源后我们给图形的各个面都加上渐变，把层次感表现出来。我们把刚才放到一边的图层作为每一个面的渐变图层，放到图形上面增加体积感。

5、完成上面的步骤后，效果还有些粗糙，我们可以加点细节使图形看上去精致一些，更有质感。我们给面与面交界的地方来点高光，整个图形将会更清晰。

6、进一步增加细节，增加亮面与暗面的对比，使层次更加清晰。完成。

这个实例的重点在于一定要拉开暗面与亮面的对比，确定光源给与高光。这只是分解出3D图形的制作方法，如法炮制，则可以做出很多这种风格的icon与图形。