当前位置: 首页 >文章 > 50%以上的设计师做不好投影?
收藏
分享

50%以上的设计师做不好投影?

举报葱爷葱爷发布于 2018-09-123866阅读66点赞5评论
在设计中,好的投影不一定要百分百真实,但是一定要自然、合理,要能为设计加分。...

投影在素描中属于五大调子之一,真实情况下必须有光、受光物体、地面(投影落地处),才能看到投影,而在设计中,我们常常需要模仿这种场景来给画面中的元素制作投影,目的是为了增加物体的体积感、画面的空间感和层次感、使得元素之间结合起来更真实更自然。

不过做投影也不是一件轻松的事情,我认识的很多设计师都做不好投影,类似下图这样处理投影的作品也比比皆是。

其实投影处理得好不好对设计的整体效果也会有很大影响,特别是在合成作品中,所以,葱爷今天就来教教大家怎么做好最常见的几种投影,在这之前我们先来了解投影的两大特点:

1.投影是顺着主光源的方向走的,即如果光是从左上方来的,那么投影的方向就是从左上方往右下方走。

2.投影离本体越接近的地方越重越清晰,离本体越远的地方越淡越模糊,如果物体本身的材质有很强的反光属性则另当别论。

清楚以上特点后,我们就来看看几个具体的实例:

一、悬空物体的投影

这类投影是最简单的,除非物体本身有非常明显强烈的光源偏向,否则可以一律假设为顶光,从而把投影安排在物体的正下方,为了制造物体悬空的效果,投影不能紧贴物体,而是要与物体形成一定的距离,距离越远代表物体离地面越高,具体做法如下:

1.用椭圆选区工具填充成灰色,然后执行高斯模糊滤镜,使其达到晕开的效果;

2.把该模糊色块拖到物体的正下方,调整大小和高度,使其符合正常的透视(此时的视平线在球体正中央)。

3.执行动感模糊滤镜,方向为水平方向,目的是强化投影中间颜色案清晰两头淡模糊的效果,然后把投影长度压缩到与物体宽度一致。

4.从上图可以看出投影的层次还不够明显,所以还需要叠加一层:新建一个图层,重新画一个椭圆(比第一个小一倍左右),同样执行高斯模糊和动感模糊滤镜,只是数值要小两倍左右。

5.把制作好的投影叠加在之前大的椭圆上,调整其大小,把调整图层中的效果改为正片叠底。

6.把足球显示出来,一个简单但有层次的悬浮图片投影就完成了。

二、放在地面上的物体投影

如果想要使物体有摆放在地面上的效果,除了要有正确透视外,正确投影也是必要的,以我们为包装设计效果图制作投影为例,

1.首先,从包装上的光照情况可以判断出,主光源位于产品的左后方偏上位置。

接下来我们我们要搞清楚投影的起始位置在哪里,这一点很关键,比如下面的这个圆罐包装,很多人会以A点和B点作为投影的始发点,而其实A和C才是正确的始发点,因为一束光照在圆柱体上的面积通常要小于一半面积,而且光是呈扇形发射出来的,所以,光与投影的走向大致会如下图所示。

2.接下来我们就可以用钢笔工具勾勒出投影的大致轮廓了。

3.紧接着就是给该区域填充一个从深灰色到透明的渐变,这时就有了从深到浅的效果,然后再进行模糊处理,以及让远处的投影尽量虚化。

4.到这里我们发现产品还是有点立不住,所以要加深产品紧贴地面之处的投影,我们可以用钢笔工具沿着产品的底边勾出一个轮廓。

5.把路径转化为选取后填充一个比较深的灰色,做一点轻微的模糊处理。然后把图层的混合模式改成正片叠地。

再用深灰色画笔在投影始发位置稍作涂抹,把接近物体的投影压暗一点,效果如下图。

6.为了整体效果更好,你还可以给产品增加一个倒影,把产品复制一层执行水平翻转,把倒影图层的顶边用自由变换工具扭曲到与产品底边的弧度接近。

7.降低倒影图层的透明度,然后利用橡皮擦工具(或图层蒙版)和模糊工具使倒影达到逐渐虚化消失的效果,做完这一步整个投影的制作就完成了。

三、人物或动物的投影

人物的投影会稍微复杂一点,因为人是不规则形状的,而且那种姿势夸张的会比站立不动的人物投影更不好做,例如下图这一男一女,如何给他们增加投影呢?

1.从人物身上的亮面、暗面、高光可以判断出,主光源位于右前偏上方的位置,所以投影的位置会从人物脚下往左后方走,且投影的长度与人的实际高度接近(忽略透顶的情况下)。

2.选中人物图层按快捷键ctrl+j复制一层,然后把其填充成灰色,再用自由变换工具把它扭曲到如下图所示,注意,投影的脚部要对着人物的脚步。

3.将投影执行高斯模糊滤镜使其虚化,然后创建图层蒙板,并在蒙版中沿着投影的方向拉一个黑白渐变,以得到从暗到淡的投影效果。

4.我们可以看到远处的投影和近处的投影在清晰度上是一致的,这显然不合理,所以要用把投影的始发部分刻画得清晰一点,具体的做法是用钢笔工具勾勒出投影的前部分轮廓,然后再填充一个从灰色到透明的渐变。

5.把新增的投影突出稍作迷糊处理,再把图层模式调整为正片叠底,最后,用橡皮擦工具稍做擦除,使其能融进第一层投影,另外一个人的投影也同样按此步骤操作。

6.最后一步是在人物靴子与地面的交接处再加一层最重的阴影,前面说过物体与地面接触的地方要最暗最实。

7.调整一下细节,最终效果如下。

四、以“墙壁”为背景

最后我们再来看看怎么给位于垂直面板上的物体做投影,比方说要在下图这张卡的空白处放“任我看视频卡”这几个立体字,而关于文字的投影可能很多人会直接在图层样式中添加投影,如下方有图所示。

这么做的效果咋一看还行,但细看就会发现文字是浮起来的,并没有贴在卡面上,而且投影没有层次,显得很粗糙很假,那么这种投影该怎么做呢?如果像上面的例子一样用钢笔工具勾勒投影的轮廓会浪费很多时间,对于这种情况,我们可以利用Ai中的混合工具来制作投影。具体做法如下:

1.由于该立体字效果也是在Ai中做的,所以很容易把位于最底层的文字拿出来,然后把该图层填充成深灰色作为投影起始的位置,再把该图层复制一层移动到投影结束的位置填充浅灰色,由于卡的光来源于从左前方偏上的位置,所以文字投影的方向应该是往右下方走。

然后选中这两个图层,用混合工具在它们之间拖拽,当出现如下效果时,用鼠标双击混合工具。

在弹出的对话框中把指定步数的数值改大一点,就会得到如下效果。指定步数的数值越大,过度越自然。

2.把制作好的灰色立体字复制到前面的画板中来,置于原立体字的正下方,并使投影层的顶层与立体字的底层完全对齐,因为投影都是从接触地面的位置开始的,效果如下图:

然后把投影层的混合模式改为正片叠底,投影的效果立马就出来了。

3.目前的投影还太暗太实,所以需要降低投影图层的透明度,并做高斯模糊效果,这样的效果就好多了。

4.最后一步还是跟前面的其他例子一样,需要在文字与卡的交接处加一层比较重的投影,这个也很好做,只需把投影的最顶层复制进来,调整到与立体字底层完全对齐,然后执行轻微的高斯模糊,把图层混合模式改为正片叠底就可以了,最终效果如下图。

由于本篇文章主要是想跟大家分享一下做投影的方法和思路,故在操作步骤上讲得不是非常详细,还请谅解,如有不明白的地方可以在下面留言提问。

如果觉得我的分享对你有帮助,可以给我点个赞,谢谢!

5条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,481人)

【4月】趣味MG动画制作训练营
距离开班仅剩12天31人已报名
【4月】零基础手绘插画训练营
距离开班仅剩12天57人已报名
电商海报设计训练营
距离开班仅剩40天23人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了48,550
并提交了249份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证