美文网首页
UI手绘图标设计详解!

UI手绘图标设计详解!

作者: 05aa7aa372cb | 来源:发表于2018-05-23 19:31 被阅读125次

【我的工具】

1、pdtools图标标准辅助线笔记本

2、施德楼铅笔

3、不知名橡皮​

【示例最终效果图】50分钟简单刻画

【干货&步骤图】:

画线稿:

想要直接一笔勾出完美形状是不现实的

手绘过程一般是简单线稿——精确勾线——铺色

首先将所画物体用最简单的几何形体概括出来,此时千万不要去找里面的细节(用4H之类的硬铅起形)

当务之急是将大的形状和比例找对

透视一定不能出现不舒服的情况,把轮廓线拉长,确保他们符合“近大远小”的透视原理

​左、右、下都有透视现象,下面的最容易忘记,不要出错

注意只保证俩边的透视线正确是不够的,中间的边也要和俩边保持一致

​线稿画到这个程度就可以了,只是一个简单轮廓形,内部的细节性东西在这个阶段不要去做

​然后开始勾线,今天的勾线上色方法不同,不适合新手,是一种推画法

线稿勾好之后就可以开始上色,上色一定先从最重的颜色开始,压住画面

最重的颜色要大胆地重下去,这样才能建立强烈的空间关系

提手可以在铺色之后用擦笔简单处理一下质感

然后继续往下,开始上暗面的颜色

整体上完之后可以用橡皮大面积擦一下暗面

快速做一些变化丰富的反光出来

中间那俩个小东西,要注意分面,分开亮、灰、暗三种面,这样才能建立良好的体感

提手也是有投影的,不要忘记

然后将篮子的镂空也画出来,这里可以借助一下尺子,用手画的话很费精力

暴风截图2017211145015269.jpg

前面的镂空勾的重一点,后边的轻一点,建立一个整体上的前后空间关系

暗面同理

最后把面包上的纹路画出来,并调整一下画面

这样就完成了

很感谢大家看了那么久,也给正在设计路上的朋友一个基础福利,希望对大家有用

                                                                                                             ​2017版本软件大集合

                                                                                          200本电子版设计书籍

                                                                                 2018版本软件大集合,回复即可领取

​​以上分享,关注后,想要书籍的,直接回复(UI书籍)。

想要软件帮助的,回复(PS)​​​​​​​​

相关文章

网友评论

      本文标题:UI手绘图标设计详解!

      本文链接:https://www.haomeiwen.com/subject/pmrdjftx.html