1. 首页

被你忽略的投影,实用性竟有这么大!

同理在设计中,投影形态一样可以参考现实生活中的。还可以继续延伸,在设计工作中,也可以把大号文字当做色块来看,当画面缺少层次、立体感时,可以通过常用投影的方式来改变,下面看两个案例:把文字当做大色块,通过添加投影,使得作品整体出彩度大大提升,空间感也更强。

被你忽略的投影,实用性竟有这么大!

说到影子,相信你们并不陌生,在现实生活中有光的地方都会有影,影子让现实中的物体更具空间感、立体感,而且也更真实。

我们常见到:杰出的设计始于生活但需要超过生活这么的话,现实生活中到处可见的影子在设计工作中一样常用,使用的也愈发越广泛,那么该有人问了:影子层次越多越出彩吗?

我的提问是:并不全是这种!

废话不多说,直接开启今天的主题,常用的投影方法有什么?

被你忽略的投影,实用性竟有这么大!

在设计中,影子的作用有众多,比如:丰富画面层次、拉伸作品的空间感、加强产品立体感、增加新作细节……

这些设计初学者在添加影子时很喜欢用到PS软件里的图层样式(fx),直接一步搞定影子:

被你忽略的投影,实用性竟有这么大!

如图所示,展示了以前工作非常常用的色块、模特或者产品的投影,但体现出来的整体体验,都不太好。

为什么?

被你忽略的投影,实用性竟有这么大!

并不是由于图层样式(fx)不实用,而是从上图来看,不管是产品、色块还是模特,投影给人的觉得很糊、而且稍微有点脏脏的,视觉层次感、空间感没有拉开,非但没有起到降低细节的作用,反而给人一种多此一举的感受。

被你忽略的投影,实用性竟有这么大!

现实生活中,影子的形态有众多种,比如硬投影、虚化投影、倒影、悬浮投影、长投影等等,投影形态的不同也代表着物体所处状态的不同。

同理在设计中,投影形态一样可以参考现实生活中的。而且图层样式里(fx)的投影在设计工作也很实用。前面说了,设计中的影子并不全是层次越多越好,比如接下去要说的色块,这里简单的把色调分为无白色块和有黑色块。

无彩色块

无白色,俗称黑白灰,投影颜色大多以白色为主,若色块底部有色彩,也可以使用比上面颜色偏暗的色调作为投影颜色,投影方式常用正片叠底:

被你忽略的投影,实用性竟有这么大!

此处列出的是常见的体现方式,同样是使用PS软件中的图层样式(fx),给人的视觉体验却差异巨大,最直观的差别就是投影的明暗提高了、更通透了,而且空间立体感更强。

详细数值或者视角根据实际状况而定,不用死记硬背,下面看一下实际工作中的应用:

被你忽略的投影,实用性竟有这么大!

被你忽略的投影,实用性竟有这么大!

被你忽略的投影,实用性竟有这么大!

被你忽略的投影,实用性竟有这么大!

被你忽略的投影,实用性竟有这么大!

如上图图示,简单的笔触投影让作品的展现在视觉上非常丰富、有层次,也起到了很高打破板式的作用。

有彩色块

此处把有白色和无黑色两种色调分开来说,两者投影的常见方式基本一致,区别在于有白色块的投影颜色与线条颜色相同的体现方式用的非常多,下面看张示意图:

被你忽略的投影,实用性竟有这么大!

同样,投影的常见方式是正片叠底,下面看一组实际应用:

被你忽略的投影,实用性竟有这么大!

被你忽略的投影,实用性竟有这么大!

被你忽略的投影,实用性竟有这么大!

被你忽略的投影,实用性竟有这么大!

还可以再次延伸,在设计工作中,也可以把大号文字只是色调来看,当场景缺乏层次、立体感时,可以借助常用投影的方法来改变,下面看两个案例:

被你忽略的投影,实用性竟有这么大!

被你忽略的投影,实用性竟有这么大!

把文字只是大笔触,通过添加投影,使得作品整体出彩度大大提高,空间感也更强。当文字是有白色时,投影的色调与文字色彩保持相同视觉效果会更好!

实物产品

实物产品的投影种类相比抽象线条来说,因为真实环境光源不同,所以影子的形态也各不相似,这里能够全部列出出来。实物产品的影子会让其非常真实、立体,这里我们以手机为例,列举六类投影方式:

被你忽略的投影,实用性竟有这么大!

如图所示,涉及到了虚化投影、悬浮投影、长投影、落地投影等等,当我们做海报时,作品出现空、太平、缺少层次感的弊端时,不妨尝试给产品添加投影,能较好的缓解以上问题。

这些人不清楚移轴模糊是如何使用的?我做了个示意图,一出来看看:

被你忽略的投影,实用性竟有这么大!

被你忽略的投影,实用性竟有这么大!

最终看下成品:

被你忽略的投影,实用性竟有这么大!

还可以再次延伸,实物产品不仅投影之外,倒影也很实用,接下去在投影的基础上再加一层倒影,看下效果如何:

被你忽略的投影,实用性竟有这么大!

添加倒影之后,整体层次感又丰富了这些,接下去我又想了一下,只用上侧实例中的投影+倒影的效果,添加买点文字,是不是就可以变成一个简单的海报了?想到还要做!

示例一:

被你忽略的投影,实用性竟有这么大!

示例二:

被你忽略的投影,实用性竟有这么大!

被你忽略的投影,实用性竟有这么大!

我从后面常用投影展示中随后选用两个,加上刚公布没多久的华为P40宣传口号,在没有加任何装饰元素的状况下,两幅海报也没有给人很空以及单调的体验,简约大气!

注意:因为产品有了影子,所以背景也要遵循靠近光源亮,远离光源暗的法则,故而使用了有白到灰的渐变,使得整体视觉层次感更强、更真实。

再看看实际工作中的应用:

被你忽略的投影,实用性竟有这么大!

被你忽略的投影,实用性竟有这么大!

被你忽略的投影,实用性竟有这么大!

非实拍图的产品,影子一般都是必须设计师手动添加的,这与写实化色块不同的是:实物产品的影子要结合作品整体光源方向而定。注意别把影子做糊就可以。

被你忽略的投影,实用性竟有这么大!

投影的类型并不只有文中提及的这种,本期所说是工作常用的影子,常用的含义就是:实用且制作并不复杂,这类投影通常多用在偏平面海报、网页的设计工作中,对于一些小画面的合成工作也相同适用。

通常状况下,有影子就要有拟定光源,整体背景或者其它视觉元素都要遵循光影明暗关系,并且现实工作中,能加投影的元素远不止文中说到这四类,比如动物、画框、桌子等等,该有人问,这些元素如何加?

只要你懂了文中所说的,这些自然都会了!

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=965

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息