首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >制作长投影icon的一点注意事项

制作长投影icon的一点注意事项

作者头像
宇相
发布2018-08-06 09:58:57
3710
发布2018-08-06 09:58:57
举报
文章被收录于专栏:理论坞理论坞

先放一下最终的效果图,这个图是今天在UI中国的一个临摹!相信我,我也不是什么大神,只是每天想做点东西,思考些东西,多练多积累,只看是没用的,只有做才行(其实这个图背景的渐变方向反了,亮部应该在左上角才对,,ԾㅂԾ,,)

近实远虚分为两种情况

第一,“近实远虚”你可以想象是相机中,对焦在前面的物体,背景虚化,当然这个说法不是很准确,但是很清楚,“实”就是清楚,“虚”就是模糊,越靠近物体底部的投影就越清楚,越远就越模糊

如上图所示,从左到右,逐渐模糊,但是要把握好这个度,一旦模糊过了就会糊了特别难看,如过稍微加了一点,那么就看不出来

其实上面这个图红圈部分我是做了模糊的,因为只加了一点,所以看不出来,这个度怎么来把握呢?只能多练、多调,还有一个办法就是练习素描

第二,“近视远虚”是指近的地方不透明度比较高,越远,不透明度越低,为什么这样呢?不透明度高,饱和度就比较高,而且投影的边缘因为不透明度比较低就与内部形成了对比,这样在视觉上直接就会被内部吸引,而不是投影平平没什么重点

这是我的图层以及样式,可以看到我做了三层,从下往上,第一层的长投影是先把基本的投影形定好,第二层进一步加深了投影的内部,第三层着重了文字的与投影交界的地方,如果还不明白,看下图就清楚了

黄色区域是第一层,蓝色区域是第二层,红色区域是第三层

总结一下,其实只有一点,近实远虚,与绘画道理基本相同,虽然长投影icon看起来很简单,却包含了很多知识,那么其实可以再想一下,那些复杂的icon以及需要手绘的游戏图标,真的只是涂涂画画那么简单么?

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2017-01-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 设计谜 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档