投影一直做不好?看这篇文章就搞定!
如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里
平时设计工作中,关于投影,简单一点的就是一个图片中的主体抠下来放到画面中,这个时候就要设置一个投影,让主体在画面中更和谐。难一点的就是在合成设计里,涉及到每个物体的投影形状、颜色、透视等等,根据分析画出投影,这期教程就给大家普及一下投影的相关知识,以及如何去做投影。
阴影是什么呢?阴影是光带给这个世界的礼物。
还是正经解释一下什么是阴影?
在客观世界中,光线总是从光源沿着直线方向发散。
在光线的照射下,受光部分称为亮面,仅次于亮面的受光是灰面,而光线无法照射到的部分,称为暗面;由于被受光面遮挡,物体所在环境中出现的阴暗部分称为影,阴与影的总和就是阴影。
阴影形成的要素有哪些呢?
首先要有光源,光源就是光点,光点向下的垂线与承接面的焦点就是光足,阳光的光足在地平线上,灯光的光足在照射的基面上,然后是要有物体,光点发出的光线,经过物体上阴点,光足与物体底点也就是阴足连线,与光线相交的点就是影点,阴影就是阴足到影点的部分。
画阴影时,一般是先定光点和光足,然后是阴点阴足,光点连接阴点,光足连接阴足,这样阴影自然就画出来了。
用这张照片来做个简单说明:
光源的位置,就是太阳,向下垂线交于海平线于一点,这个就是光足。
然后,定出一些椅子上的阴点和阴足。
光点连接阴点,光足连接阴足,这样就能画出阴影的大致形状了。
光源总体上可以分为两大类,一类是自然光,比如:太阳光、月光。一类是人造光,比如:灯光、烛光。
自然光有两个特点:光线平行;随着时间的变化而变化,不会为⼈的意志所转移。
光线平行
因为太阳、月亮这样的发光体离我们太过遥远,所以可以把它发散的光线视为平行的。
再来说下这张图片,同样是自然光,为什么它的光线不是平行的?
这是因为透视的现象,就像这个地板,不也是平行的吗?但是因为透视的关系,它们会相交于一点,光线也是同样道理,因为我们以这个角度观察,所以光线会出现透视现象。
也就是说,当我们从侧面观察的话,就很明显看到光线是平行的。
随着时间的变化而变化,不会为人的意志所转移
日升日落,阴晴圆缺,都是自然的规律,不会为我们的意志所改变。
人造光有两个特点:光线不平行,呈放射状;根据需要变换位置。
光线不平行,呈放射状
用这张图片来举例,画面中光源是路灯,物体是消防栓,我们对它进行一个简单的分析:
它的光点是路灯,向下的垂线,到地面上的光足,然后是消防栓,光点连接阴点,光足连接阴足,画出阴影,可以看出,因为与光源距离近,所以光线是不平行的,呈现一种放射状,并且影子也会呈现放射状。
根据需要变换位置
为了呈现想要的视觉效果,可以随意移动光源的位置,甚至调整它的颜色、明暗等,可以人为改变。
灯光属于电光源,它可以是单一光源或者组合光源,常见的像这样的白炽灯,还有日光灯等等。
当各个方向都有光源的时候,投影就会消失。在医学上,用的无影灯就是根据这个原理制成的,因为医生做手术的时候,手和器械都有可能对手术部位造成干扰的阴影,所以无影灯就能尽量消除阴影。
我们模拟一个太阳移动的轨迹,当太阳位置比较低的时候,光线与地面的夹角就会比较小,影子会很长;升高一些,夹角就稍微大了些,影子缩短了点;再升高一些,夹角更大,影子很短了。然后当太阳在物体正上方的时候,与地面的夹角接近90度,影子基本就是一个点。那另一边,基本就是相同的情况,所以,光源离照射物体越高、越远、光线角度越大,阴影越短。
我们再通过几张图片来进一步了解阴影规律及特点。
我们看到人物的影子非常的长,光线与地面夹角比较小,说明它的光源在一个比较低的位置上。
这个正俯视的图片,影子也很长,说明它的光源也在一个较低的位置。
影子的长度也不算短,但是看光线与它的夹角比较大,证明它的光源在相对比较高的位置上。
这张照片比较明显了,影子比较短,接近中午的阳光。
△ 接近中午的阳光
我们之前在透视的那篇教程里说过,物体的透视线,最终都会消失在视平线上,所以,当画面中先有一条视平线,我们同样可以画出一个立方体。
当物体有一个阴影,我们可以通过影点与阴点和阴足的连线,找到光点和光足。这样也就找到光源的位置。
这张图片,我们就可以通过倒推的方式找到光点,如果画面中再放入其他物体,就可以用光点和光足对其连线,从而做出投影。
正常情况下,物体在光源下的投影,如果在其中出现一个台阶会怎样?
影子就会随着阶梯的形状而产生变化,也就是说阴影投在不同的承影面上,会随着受影面的变化而变化。
这两张图片就明显看出阴影根据地面起伏的形状而变化。
第一个是接触阴影,是物体与物体之间接触所产生的阴影,一般这种我们都可以用图层样式当中的阴影来设置。
还有一种接触阴影,是物体立面与承影面之间的投影关系。
第二种是悬空式投影,这类投影给人很强的空间感,并且大多数情况,投影都会成为画面中的主角。
第三种是倒影,针对反光较强的面会有,比如镜面、水面、琉璃台面等,并且在表现一些高端产品设计时候经常会使用到。
第四种是长投影,也是这几年扁平化流行起来,带动的一种投影形式。
第五种合成设计中的投影,和实际照片中的场景是一样道理的,这也是所有投影当中比较难操作的。
最后一个创意投影,它不会根据物体本身的形态去表现,而是根据文案和设计构思而产生的很有创意的投影形式,当然,这个主要靠大家发散思维的联想了。
用两个简单的小案例,来给大家讲解一下如何做投影。
给下面右侧的书籍做一个和左边一样的投影:
给图层添加投影图层样式,不透明度调整到45,角度137,距离26,扩展10,大小35。
我们把外围一圈的投影已经设置好,下面就再添加一个投影,也就是最贴近书籍边缘部分。这个部分投影我们可以称之为闭塞投影,是近光量最少的地方。
再添加一个投影,不透明度33,角度不变,距离5,扩展10,大小10。
利用图层样式的投影就完成了,大家在调整的时候可以边调整边观察,以达到一个自然的效果。
第二个方案,是给画面中的立方体添加一个投影,要符合光影关系。
第一步要按照透视关系,把立方体看不到的面给画出来。
根据之前我们学到的知识点和画面中其他阴影来进行分析:
先连接几个人物的影点和阴点,我们知道自然光的光线是平行的,并且我们标记出来的也确实近乎平行的光线,既然这样,我们就不需要找到光点的位置。
只要复制其中一条光线到立方体上的阴点即可,然后我们再去找光足的位置。
为了找光足,可以先把画面扩展一下,然后连接影点和阴足,三个参照物连线的延长线会相交于一点,这个点就是光足。
从光足往回连线,与阴足的延长线,相交于影点,这里为了区分,三条线我用三个不同的颜色,然后我们把三点连线,就是阴影的区域了。
可以发现绿色和蓝色是基本重合了,我们就可以忽略蓝色的那条线了。
立方体阴影的范围与形状,然后再进一步刻画。
做个高斯模糊处理,数值2。
在阴影上方新建一个图层,用钢笔工具勾勒一个闭塞阴影,不要太大哦,填充深灰色,模式正片叠底。
做高斯模糊,数值1.4。
为了不让影子边缘太生硬,选择滤镜 – 扭曲 – 波纹 – 41%。
用吸管工具吸一下旁边影子的颜色,填充到立方体影子。
如果影子太重,可以适当降低不透明度,再统一暗部的色调,这样阴影就做完了。
- 阴影的反向就是光源的位置;
- 根据项目需要,选择用图层样式做投影或用钢笔/画笔工具画投影;
- 学会在画面中找参考;
- 阴影不是一片死黑,要有环境光和地面的颜色;
- 地面起伏会影响影子形状;
- 画影子时要考虑到看不见的面,它也是投影的一部分;
- 闭塞区域是近光量最少的地方,也是最暗的地方,要柔和,不能太锐利;
-
多看摄影照片会提升你的敏感度。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。
最新碎语
- 未来的个人只有具备以下六种技能后,才能从容应对未来的各种挑战,排名第一的技能就是设计能力。其它的五项技能分别是:讲故事的能力、整合事物的能力、共情的能力、会玩儿的能力,以及在任何事情中找寻意义的能力。
2018-09-29 18:02
- 当你没有任何产品可以拿去卖或者搞促销的时候,你就会在最大程度上提升价值这就是正式推出产品前的几个月(或者几年)是最好时机的原因。你的产品会变得100%真实可信。产品的发展道路将不会出错,人们会乐意加入进来。如果你给他们足够的收益,那么他们就会感激你,未来你也就可以依靠他们了。
2018-08-26 08:23
- 在你的领域成为专家,不断为他们提供高质量的产品,最重要的是关注你的用户,并为他们带去真正的价值。
2018-08-26 08:22
- 我知道我们都希望自己可以快速成长,是的,建立真正的关系式是难以衡量的。但是,如果你关注你的用户,能为他们带去真正的价值,那么你就已经打下了成功的基底了。这关键的一步可能会让你在未来对其他资源有预先衡量的优势。
2018-08-26 08:18
- 何为第一?所有的人都需要你的时候,你能够给他们带来所需要的,你就是第一。任何事情都有它的顺序,讲因缘,时节,果报,要一步一步来,时间未到,你想也没有,时间一到,你不想它也有。德和得分别代表了内在和外在,它也代表了同一种东西的两个状态:能量和质量。
2018-06-28 09:07
链接
blogger
蓝蓝 http://www.lanlanwork.com
存档
- 2019年2月(9)
- 2019年1月(45)
- 2018年12月(41)
- 2018年11月(40)
- 2018年10月(29)
- 2018年9月(40)
- 2018年8月(87)
- 2018年7月(107)
- 2018年6月(86)
- 2018年5月(110)
- 2018年4月(40)
- 2018年3月(35)
- 2017年8月(35)
- 2017年7月(45)
- 2017年6月(7)
- 2017年5月(27)
- 2017年4月(51)
- 2017年3月(70)
- 2017年2月(65)
- 2017年1月(69)
- 2016年12月(55)
- 2016年11月(111)
- 2016年10月(92)
- 2016年9月(53)
- 2016年8月(9)
- 2016年7月(4)
- 2016年6月(9)
- 2016年3月(19)
- 2016年2月(26)
- 2016年1月(30)
- 2015年12月(33)
- 2015年11月(35)
- 2015年10月(46)
- 2015年9月(43)
- 2015年8月(40)
- 2015年7月(33)
- 2015年6月(46)
- 2015年5月(58)
- 2015年4月(70)
- 2015年3月(55)
- 2015年2月(17)
- 2015年1月(33)
- 2014年12月(21)
- 2014年11月(84)
- 2014年10月(94)
- 2014年9月(6)
- 2014年8月(1)
- 2014年7月(13)
- 2014年6月(66)
- 2014年5月(99)
- 2014年4月(88)
- 2014年3月(102)
- 2014年2月(68)
- 2014年1月(83)
- 2013年12月(106)
- 2013年11月(112)
- 2013年10月(61)
- 2013年9月(20)
- 2013年7月(13)
- 2013年6月(27)
- 2013年5月(48)
- 2013年4月(39)
- 2013年3月(8)
- 2013年2月(20)
- 2013年1月(31)
- 2012年12月(33)
- 2012年11月(31)
- 2012年10月(23)
- 2012年9月(8)
- 2012年7月(14)
- 2012年6月(15)
- 2012年5月(31)
- 2012年4月(24)
- 2012年2月(4)
- 2012年1月(8)
- 2011年12月(35)
- 2011年11月(32)
- 2011年10月(13)
- 2011年8月(1)
- 2011年6月(1)