记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 106188|回复: 0
收起左侧

[UI教程] 四步学会简洁扁平插画绘制(基础篇)[含4P]

[复制链接]
发表于 2018-7-11 08:07:39 | 显示全部楼层 |阅读模式



扁平的插画风格已经火了好几年了,做 UI 项目的时候也会经常能够运用进去,只需要学会基础的表现,就可以灵活运用到各种地方,比如引导图、弹框、空态…(当然也可以再加一些动画的元素,让它更有意思)那么现在我就做一个简单的案例来演示一下一张扁平插画的绘制思考过程!





平时做插画练习的时候可以选择自己喜欢的方向。因为我比较喜欢看软装设计的东西,所以我会先收集一些自己喜欢的图片作为素材,然后在插画本上画一个粗略的草图(简单的图形这一步可以忽略),注意让物体摆放错落有致,整体饱满一些,构好图就可以在 Ai 里进行绘制了!





当思考一个物体怎么画的时候,我们很容易把它想得很复杂,最后导致画面不够简洁,所以第一步,我们把不规则的物体拆解成很多矩形;第二步,通过调节边角的大小来逐渐使形状靠近参考物的形状;第三步,设一个光线的照射方向,为我们的物体统一上阴影,阴影可以分出两个深浅,以丰富物体使它看起来更有层次感,最后,再加上一些重要的小细节,这样一个物体就绘制完成了。





其他的图形也是同样的思路,切记适当添加细节,让画面保持干净简洁。


接下来还会介绍更多的实用知识给大家。


想学习更多新内容在知识星球「Leo 设计周刊」https://t.zsxq.com/RNrjqfu 或微信公众号关注「Sketch设计」,每周都有最新干货分享!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x




上一篇:【附源文件】日记类App原型制作分享
下一篇:PS教程!绘制炫酷水母教程
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )