Illustrator制作超酷的3D符号效果图(2)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

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

Illustrator制作超酷的3D符号效果图,PS教程,思缘教程网

4.确定光源后我们给图形的各个面都加上渐变,让他层次感出来。这时我们把刚才放到一边的图层作为每一个面的渐变图层放到图形上面增加体积感。

Illustrator制作超酷的3D符号效果图,PS教程,思缘教程网

5.完成上面部分还有些粗糙,我们可以加点细节使图形看上去精致一些,学UI设计,没错就是质感。给面与面交界的地方来点高光,整个图形将会更清晰。

Illustrator制作超酷的3D符号效果图,PS教程,思缘教程网

6.进一步增加细节,增加亮面与暗面的对比,使层次更加清晰

Illustrator制作超酷的3D符号效果图,PS教程,思缘教程网

总结:整个过程就结束了,要点在于拉开暗面与亮面的对比,确定光源给与高光。这只是分解出3D图形的制作方法,如法炮制可以出很多这种风格的icon与图形。

 收藏