先放一下最终的效果图,这个图是今天在UI中国的一个临摹!相信我,我也不是什么大神,只是每天想做点东西,思考些东西,多练多积累,只看是没用的,只有做才行(其实这个图背景的渐变方向反了,亮部应该在左上角才对,,ԾㅂԾ,,)
近实远虚分为两种情况
第一,“近实远虚”你可以想象是相机中,对焦在前面的物体,背景虚化,当然这个说法不是很准确,但是很清楚,“实”就是清楚,“虚”就是模糊,越靠近物体底部的投影就越清楚,越远就越模糊
如上图所示,从左到右,逐渐模糊,但是要把握好这个度,一旦模糊过了就会糊了特别难看,如过稍微加了一点,那么就看不出来
其实上面这个图红圈部分我是做了模糊的,因为只加了一点,所以看不出来,这个度怎么来把握呢?只能多练、多调,还有一个办法就是练习素描
第二,“近视远虚”是指近的地方不透明度比较高,越远,不透明度越低,为什么这样呢?不透明度高,饱和度就比较高,而且投影的边缘因为不透明度比较低就与内部形成了对比,这样在视觉上直接就会被内部吸引,而不是投影平平没什么重点
这是我的图层以及样式,可以看到我做了三层,从下往上,第一层的长投影是先把基本的投影形定好,第二层进一步加深了投影的内部,第三层着重了文字的与投影交界的地方,如果还不明白,看下图就清楚了
黄色区域是第一层,蓝色区域是第二层,红色区域是第三层
总结一下,其实只有一点,近实远虚,与绘画道理基本相同,虽然长投影icon看起来很简单,却包含了很多知识,那么其实可以再想一下,那些复杂的icon以及需要手绘的游戏图标,真的只是涂涂画画那么简单么?