9、接下来给方块儿加点颜色。

选择图层A Side,就是方块的上面。填充颜色57,181,74。调出外观面板(我头一回知道外观面板是这么用的),给这个图层添加渐变,左色值RGB:141,255,112,右色值RGB:57,181,74,注意右滑块不透明度为0。然后添加一个黑色的颜色填充,不透明度5%,正片叠底,然后添加新效果-艺术效果-胶片颗粒,参数如下。

Illustrator绘制3D立体风格的小方块教程,PS教程,

看着效果挺好,但是如果放大来看,图形边缘有很多锯齿,这是刚才的胶片颗粒的效果造成的,所以需要处理一下。选择A Side图层,复制-粘贴在上方,填充白色,然后选中这两个图层,调出不透明度的面板,点击制作蒙版,就搞定啦。

Illustrator绘制3D立体风格的小方块教程,PS教程,

10.这一步是给顶层添加个边缘高光。将键盘增量改为1px,复制刚才的蒙版,粘贴在上方两次。选择上方的副本上移一下,然后选中这两个副本,选择减去顶层,给剩下的图形填充RGB:141,198,63,图层模式为叠加。

Illustrator绘制3D立体风格的小方块教程,PS教程,

然后使用删除锚点工具去掉下图所示的两个锚点,这一步是为了让高光更自然。

Illustrator绘制3D立体风格的小方块教程,PS教程,

11.接下来是图层B Side。注意右滑块的不透明度是0。同样也要去掉胶片颗粒产生的锯齿。

Illustrator绘制3D立体风格的小方块教程,PS教程,

然后做这个面的高光,这次是向右向下各移动一次。高光条颜色填充为209,211,212,正片叠底。需要删除的锚点如下图。

Illustrator绘制3D立体风格的小方块教程,PS教程,

12.然后是图层C Side。

Illustrator绘制3D立体风格的小方块教程,PS教程,

这次是向左向下各移动一次,色值130,231,232,正片叠底,需要删除的锚点位置如图。

Illustrator绘制3D立体风格的小方块教程,PS教程,

13.现在将步骤6中隐藏的副本A可见,它在图层里的位置应该在所有字母下方,方块各个面的上方。下移1px,填充0,104,56,不透明度50%,正片叠底,然后进行效果-模糊-高斯模糊,半径1.5px,形成投影效果。

Illustrator绘制3D立体风格的小方块教程,PS教程,

14.选择字母A侧面三个图形组成的编组,填充40,40,40。

注意:这里有几个步骤我给删掉了,完整版请参照原文。

Illustrator绘制3D立体风格的小方块教程,PS教程,

新建下图所示的渐变样式并保存到色板里,之后直接调用即可。然后按图示添加渐变。

注意,黄色的0说明这个滑块的不透明度是0。

Illustrator绘制3D立体风格的小方块教程,PS教程,

15.选中顶部的A,填充65,64,66,然后添加一个渐变填充、胶片颗粒,跟之前的步骤类似。

Illustrator绘制3D立体风格的小方块教程,PS教程,

16.将键盘增量改为0.5px,参照之前的步骤,给字母A添加高光条,色值是117,119,122。

Illustrator绘制3D立体风格的小方块教程,PS教程,

17.键盘增量改为1px,开始调整字母B,还是之前被隐藏的那个。移动、填色、不透明度20%、正片叠底、高斯模糊。

Illustrator绘制3D立体风格的小方块教程,PS教程,

侧面填充色值为0,104,56,然后添加渐变,不透明度是70%。

Illustrator绘制3D立体风格的小方块教程,PS教程,