当前位置 鱼摆摆网 > 教程 > 美工设计 >

没想到电商设计中投影竟然有这么大作用

  公众号:设计师老张   作者:老张的小助理   2020-05-06 14:18

你看到设计师们经常在设计中会加一些投影,这让图看起来有种层次很强的感觉,其实不止,加投影的作用也能拉伸图片的空间感、加强产品的立体感、图片的细节等。

可初学者添加阴影时常常忽略去调整,直接用PS里默认的方式添加,导致整体出来的效果不是太好:

上图都是常见能用到阴影的图,有看出来什么不对吗?这个就是用的默认模式,不管是色块、模特、产品,给人的感觉都好似模糊,还显得有点脏。

所以我们在用阴影模式时要稍加修改,让视觉更有层次感、空间感,尝试着把阴影面积扩大,阴影颜色变淡,根据你图片来修改,会变得更好。

常用模式

我们日常中用到的投影也分好多种类的,比如倒影、长投影、悬浮投影、硬投影等,物品的不同也伴随着使用投影的不同。

在设计中我们用到的投影并不是表现的层次感越多越好,投影拉的越大越好,我会列举几个案例来对比一下大家就会明白了。

无彩色块

色块的使用包括两种,无彩色块与有彩色块

无彩色块只有黑、灰、白、三色,大多又以浅灰为主,投影模式通常用正片叠底,若底部带有颜色就用同色的偏暗色来做投影,我们看到这里最大的区别就是投影的明度提高了,显得更加通透,立体感变强了。

实际运用效果如下:

具体角度数值根据实际而定,不要死套,有些图甚至不需要过分的加厚投影也会让图在视觉上起到意想不到的效果。

有彩色块

无彩和有彩两者区别不大,甚至日常使用的形式都一样,问什么我要分开来讲呢,我们还是先看下这张图:


这里有彩色块的投影明显表现形式会比较多,同样在实际运用上的效果还可以继续延伸。

不只是普通的色块,转换思想来看,把超大的文字添加上上面的投影模式也会让简单的图片变的有立体感。

不管是彩色文字或无彩文字,把它们当成色块再来添加投影,我们作品的视觉效果和空间感瞬间高大上,所以一定记住懂得变通,死板的使用只会使你的作品变的一团糟。

实物的运用

实物因为在真实环境下的光源不同,表现出来影子的效果也各不相同,因为实物的影子更加贴近真实、立体的效果,我们就用手机来模拟几种投影模式:

上图就涉及到了悬浮投影、虚化投影、长投影、落地投影的使用等等,这些在海报类的大图上使用的更加频繁。

还有一种在手机上经常使用到的移轴模糊,我弄了个动态图能让大家更直观的感受下:

成品图如下:

除了常用的投影外,倒影的使用表现出来的效果也不错:

看惯了投影的使用倒影的感觉是不是也很不错?我们把这两种投影、倒影都运用上在放上文案,做两张简单的宣传图试试。

我们看到除了文字和投影外其他的什么也没加,也会使图片显得简约大气。

实际运用效果如下:

有时客户给的图片并非实拍图,投影都需要我们手动添加,这与普通的色块最大的不同表现是,实物图里产品人物是根据整体方向和光线来决定的,这点在运用上一定要注意。

物品有了投影,我们要遵循近光亮,远光暗的原理,所以投影都用从白到灰的渐变,来让消费者感到更有真实感。

人物投影

投影在人物的使用上要更加小心,在要求上要过渡自然、层次更丰富、影子表现要更真实。

这种由深到浅的过渡就会看着很自然很舒服,接下来就教大家怎样才能做出像上图的效果。

这里使用的是phoshop

抠出人物—选择—填充深色—调整位置—高斯模糊—橡皮擦涂抹

重复执行两遍,目的是让其过渡更加自然。

成品图如下:

我们时刻要记住不管是人物还是物体,在投影设计上一定要随着物体的光暗位置来灵活的变动。

其实投影的使用种类不止这些,列举了几个常用到的,且制作不复杂的,其实这几类投影小到主图,大到海报、网页、场景合成都能用上。

除了色块外,我所说的人物跟物体上,投影的掌握就跟影子似得,不懂到底放大多少、亮度多少,咱们可以拿身边的物体试一试,笨办法也是很好用的嘛!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 yubaibai360@qq.com 举报,一经查实,本站将立刻删除。

[ 标签:电商设计 ]
  • 全部评论(0
说点什么吧