分享此网站可得100G教程,联系小洁领取点击这里给我发消息

UI教程-熊猫3D形象UI设计

icon图标 学UI设计 713次浏览 0个评论

图形篇

首先是要把熊猫的形状搞出来,确定造型,手绘能力一般的我,选择直接电脑起稿。

1.没错,直接椭圆工具画个圆形。

UI教程-熊猫3D形象UI设计

2.调整一下图形,至少看起来像个脸(虽然更像包子)

UI教程-熊猫3D形象UI设计

3.耳朵同样是使用椭圆工具

UI教程-熊猫3D形象UI设计

4.把耳朵放在合适的位置,貌似熊猫已经画完了hahaha~~~

UI教程-熊猫3D形象UI设计

5.熬夜的黑眼圈是熊猫最大的特征吧

UI教程-熊猫3D形象UI设计

6.眼睛+鼻子,感觉眼睛被掏空~至此为止都是椭圆+椭圆+椭圆…….

UI教程-熊猫3D形象UI设计

7.这一步是眉毛+嘴巴,主要也是为了说明我还是会用钢笔

UI教程-熊猫3D形象UI设计

8.眼睛是最重要的部分,但其实就是三个圈,稍后我们专门讲眼睛的绘制方法

UI教程-熊猫3D形象UI设计

 

9.为了突出这个熊猫喝别的熊猫不一样,加撮毛吧

UI教程-熊猫3D形象UI设计

10.感觉熊猫这种天天拿竹子磨牙的动物,没有牙齿很奇怪,加上吧

UI教程-熊猫3D形象UI设计

11.身体了,没错又是椭圆

UI教程-熊猫3D形象UI设计

12.钢笔+椭圆,身体完成

UI教程-熊猫3D形象UI设计

13.穿上衣服,其实这里我都是使用的创建剪切蒙板(快捷键 ctrl+alt+g),放便快捷,图形也没必要那么准确了,原谅我,我真的太懒了。至此,整个熊猫的平面的图已经over了

UI教程-熊猫3D形象UI设计

眼睛篇

继续说之前的眼睛。眼睛是圆的(废话),其实这是我这种初级才这么画的,眼睛可以很多形状,sorry,又开始废话了。

14.好,先画一个圆。

UI教程-熊猫3D形象UI设计

15.画瞳孔,因为我们这个熊猫凸显的是萌,所以瞳孔也比较大。

UI教程-熊猫3D形象UI设计

16.来个高光,齐活!但是为了效果,还不能停

UI教程-熊猫3D形象UI设计

17.后面的眼球背景加上内阴影+渐变叠加,让边上一圈暗一点

UI教程-熊猫3D形象UI设计

18.瞳孔加上渐变叠加,还有就是投影,这里的投影的混合模式我选择的线性减淡,这样把后面提亮一点。

UI教程-熊猫3D形象UI设计

19.左上角受光源影响,应该亮一点

UI教程-熊猫3D形象UI设计

20.再亮点again

UI教程-熊猫3D形象UI设计

21.再加上一个小点的高光点,提下神,这回真的ok了

UI教程-熊猫3D形象UI设计

效果篇

好多朋友都问,这3d效果怎么来的,我之前也想过这个问题,其实看了下大神的作品,我总结来一下,都是光影层次出来的视觉效果,于是乎,我做了自己的尝试,效果还可以,但是我知道,我的光影的把控很多都是错误的位置,这个地方该不该有光?是明是暗?我也是自己研究,但是觉得还不到家,还需要多画才行。

好了,不废话了,继续眼球!

22.利用渐变叠加+内发光,在加上画笔涂一涂,把眼球点立体感涂出来。

UI教程-熊猫3D形象UI设计

23.左眼跟随右眼,当然也可以复制

UI教程-熊猫3D形象UI设计

24.脸的背景太白了,铺一点颜色

UI教程-熊猫3D形象UI设计

25. 这里我要说一下,我尝试的阴影画法,就是高斯模糊

把需要加阴影的图层复制一个,然后选出大致的阴影范围,这里注意,新的图层要根据原图层创建剪切蒙板哈

UI教程-熊猫3D形象UI设计

26.然后就是高斯模糊,还比较自然吧

UI教程-熊猫3D形象UI设计

27.使用这个方法,把脸的阴影高光逐步调好

UI教程-熊猫3D形象UI设计

28.因为下面的衣服是蓝色的,那么下巴的位置应该会映射出一点蓝色

UI教程-熊猫3D形象UI设计

29.头上的那个毛也得凸显一下,都是一个方法做光影

UI教程-熊猫3D形象UI设计

30.加上嘴上的效果

UI教程-熊猫3D形象UI设计

31.耳朵也要加上效果

UI教程-熊猫3D形象UI设计

32.身体使用相同的方法,手臂这里,我单独的用白色画笔在中间画了一道,然后模糊,还是挺管用

UI教程-熊猫3D形象UI设计

33.这一步,我个人觉得比较重要,就是脸在不逆光的时候会在轮廓上有一圈的高光,我用了内阴影和内发光,做了这个感觉

UI教程-熊猫3D形象UI设计

34.加上背景,和脚下的阴影,但是还没大功告成

UI教程-熊猫3D形象UI设计

35.根据环境光,稍稍调整高光的颜色,让他更为融入

UI教程-熊猫3D形象UI设计

ok,谢谢大家,希望大家能多交流,有更好的方法,也希望大家分享~


推荐:查看最受欢迎的设计导航网站 → http://www.xueuisheji.com

交流:结交更多有才华的设计师?请加入UI设计QQ群 ,与设计师交流设计。

喜欢 (0)
[关注:设计军团]
分享 (0)
关于作者:
学UI设计网专业的UI设计师交流、学习与展示的平台。我们将打造中国最专业的UI设计交流平台,为UI设计师做最好的职业生涯一站式服务,提高UI设计乃至互联网设计的行业价值!