搜索
免费下载
设计灵感
设计规范
👑
充值会员
流体渐变
渐变配色
色彩搭配
注册
登录
首页
探索
素材分类
AI绘画
AI工具导航
素材专辑
UI设计
APP设计
原型demo
GUI
小程序界面
网页UI
网页设计
原型demo
软件设计
字体下载
衬线字体
非衬线字体
圆角字体
手写字体
网页字体
图标字体
书法字体
交互动效
加载loading
转场动效
ICON图标
面性图标
线性图标
拟物图标
2.5D图标
卡通图标
像素图标
按钮图标
多色图标
活动图标
插图/插画
扁平化插画
多彩渐变插画
2.5D插画
样机贴图
手机样机
名片样机
动画样机
电脑样机
笔记本样机
穿戴设备样机
UI作品样机
设计导航
首页
探索
素材分类
AI绘画
AI工具导航
素材专辑
UI设计
网页UI
字体下载
交互动效
ICON图标
插图/插画
样机贴图
设计导航
抠图换背景,那不叫合成!
搜UI
>
文章/作品
>
设计教程
>
设计规范
© 共享素材,请勿商用
举报
[db:内容描述]
UI课程
发布时间:2020-05-26
关注
我们拍的一些照片有时候会因为一些这样那样的原因,需要更换背景,那么换背景的过程中我们需要注意些什么呢?先给大家看一组换过背景的图片——
145029nxxflkgfkzjl18rx.jpg
(76.25 KB, 下载次数: 0, 售价: 2 U点)
--------------------------
145029b5jqfjrkuhqq2hk4.jpg
(106.29 KB, 下载次数: 0, 售价: 4 U点)
-----------------------
145029ei3eingrwj101gjg.jpg
(52.24 KB, 下载次数: 0, 售价: 6 U点)
看到上面这组图,有没有觉得哪里很怪,或者不舒服的地方?但就是说不出来哪里不对?如果有的话,说明你的审美能力还不错,主要原因是风格不搭,透视不对,光影不协调,产品没有精修,背景元素太乱太杂,没有创意很平庸。接下来我用我的实际工作案例来给大家说明下为什么大家会有这种感觉。给大家看下一组照片我换背景前后的对比图,左边是拍摄原图,右边是稍微P过的换过背景的,
145119wt21hhs29w31hs35.jpg
(1.31 MB, 下载次数: 0, 售价: 6 U点)
------------------------------
145119ydty9m2mkpk2ju4j.jpg
(1.27 MB, 下载次数: 0, 售价: 3 U点)
----------------------------
145119i0u46qcaul24bz9e.jpg
(1.3 MB, 下载次数: 0, 售价: 2 U点)
右边稍微P过的是不是有感觉多了,精致多了?下面我分析一下我从哪几个方面做了调整第1点要注意的是:背景的风格要选对,这一步最为关键,整体的调性要是错了那就全错了,就好比客户想要可爱风格的背景,你却整个阴森诡异的背景,如下图左
145211qzhvrf6lhqp07fd7.jpg
(263.48 KB, 下载次数: 0, 售价: 3 U点)
整体的风格和调性已经错得一蹋糊涂了,后面的透视,精修,光影........等等效果你做得再牛逼也是无用功,最后的结果通常是客户说:“就感觉哪里不对,但说不出来哪里不对,你们做设计的自己肯定知道!”是不是有点蒙逼的感觉????明明自己各方面细节都做得很好啊????哈哈,殊不知错就错在对产品的风格没有把握好。所以说背景风格和产品风格如果不搭就什么都错了!!!说到这里不得不提一下,正常情况下一幅好的作品在前期拍摄的时候就得考虑怎么布景才适合这个产品的风格,而不是前期拍的背景不合适而靠后期来换合适的背景!就好比摄影里的打光,不同的打光效果最终所呈现的效果给人的感觉是完全不一样的:
145211cfv75wvovyf175zu.jpg
(12.43 KB, 下载次数: 0, 售价: 2 U点)
顶光效果阴森,逆光效果很黑,侧光效果立体,第2点要注意的就是透视要对,这点也很重要,不然给人感觉也会很怪异,
145211mcaa9e8laubut9lc.jpg
(239.52 KB, 下载次数: 0, 售价: 1 U点)
左边的图片透视关系没考虑好,是不是感觉车子好像掉坑里了?车子属于两点透视,右图中我分别画出了背景的视平线。还有以轮胎为基准画出了车子的左侧消失点,以车牌为基准画出了车子的右侧消失点,左右消失点的连线就是车子的视平线,显然右图中车子的视平线和背景的视平线重合了,所以图片的透视是正确的!给人感觉不奇怪,那么我们怎么才能掌握好人物或者产品和背景的透视关系呢?首先要学会找视平线和消失点!而学会这个,只要学会定位视中线的位置和找到消失点的位置就能判断对象的透视关系,(是一点透视,2点透视,还是3点透视?),然后换背景的时候记得要把背景和主体的视中线重合&视平线重合透视透视就不会出错!!!那么 如何找准图片的视中线和视平线呢?只要背诵下面这三张图就好了,要做到胸有成竹,透视就没有什么问题了!
145211bkdqkds8ddpsvsv8.jpg
(109.44 KB, 下载次数: 0, 售价: 3 U点)
---------------------------
145211f6iltlwjec8m3lww.jpg
(51.49 KB, 下载次数: 0, 售价: 2 U点)
相信大家平时也见过上面这些图,但实际工作中还是不会用,我之前也是这样,只是看看而已就以为自己都会了。所以在这里建议大家把上面这三张图每张都画几遍,最终要达到能不看示例自己也能画出来,而且最好能画一下步骤图,就是记录你是怎么一步一步画出来的!下面是我画的一点透视的步骤图,大家可以参考下
145211z1sq4q0k1tf1fekc.jpg
(41.2 KB, 下载次数: 0, 售价: 2 U点)
大致思路是,一步步确定1.视平线—2.消失点—3.纵向的直线—4.纵向的面—5.把画好的面的四个顶点向消失点做4条直线—6.截取部份直线,第七部就不用我说了吧,连线就好了啊,要把看得到的直线画成实的,看不到的画成虚的!这样的话对透视的理解会更深刻,因为我自己就是这样把这三张图理解透了的,只有理解透了自己在合成图片的时候才会如鱼得水,我的经验是自从我心中有这三张图了,以后每每合成图片的时候,我就拿这三张最基础的透视图去套用,一定能找出图片的视平线和消失点在哪里!平时大家也可以网上找一些图片,然后学会试着自己去找出图片的视平线和消失点!关于透视还有几点要说的,近大远小,近处的对比度比远处的要高,近处的清晰远处的模糊,还有比例问题(人和大象放在一起就不要搞成一样大了/泪奔,除非大象在离人的后方,且和人之间有一定的距离),这些大家换背景的时候都是要考虑到的!
145436gxzj75ewwrrp8rpv.jpg
(169.04 KB, 下载次数: 0, 售价: 6 U点)
摩托车和轮船差不多在同一水平线上,但摩托车竟然有轮船的一半大,要知道的是,一般的轮船容纳10-20个人是没有问题的,但一辆这样的摩托车呢?所以比例问题是很重要的,不然看着也会很怪第3点要注意的是换背景的时候光/影要协调,要考虑环境光,该做阴影的要做阴影。
145436behlpkxlzxhlllo2.jpg
(161.81 KB, 下载次数: 0, 售价: 6 U点)
上图中的美女很明显就是逆光暖光下拍摄的,换背景的最好要找类似的环境光背景,也要找暖光的,逆光的背景素材,如果实在找不到的话有两种办法,第一种是把背景P成逆光暖光的感觉,然后把人物融进去。还有一种就是找差不多的背景,在背景上做文章,就是想办法把背景变成暖色,逆光的感觉,只要你技术了得,PS都是可以做到的,哈哈。还有就是光是有颜色的,有白光,黄光,蓝光,紫光等等,不同的颜色的光照在物体上所呈现的效果也是不一样的,这就是所谓的环境光吧,如果人脸旁边有一个红色的光源,拍出的照片脸部的颜色一定会受红色光的影响的,而不会只是单纯的黄色,如下图:
145516we5rs25tdf5yde8y.jpg
(27.05 KB, 下载次数: 0, 售价: 3 U点)
说完光的问题,我们再来说一下影子的问题,影子是一定要有的,不然人是飘起来了。还有就是影子一定要P对,如果太阳(光源)从后面来的,投影就应该在物体的前方,而不是侧方或者后方了;如果光源从正左侧来的,影子一定就在人物的右方了!如果有多个光源的话物体的影子就更为复杂了.
145436bhu9rutpqfr555iw.jpg
(237.76 KB, 下载次数: 0, 售价: 6 U点)
上图中没有影子是不是感觉人飘起来了?这里不得不提的就是大多数时候我们找到一些背景素材不是说拿来就可以用的,我们要学着去调试它的色彩,明度,饱和度,环境光,影子,透视,构图,产品本身的精美程度等等,不然就只能称其为拼图了,而不是合成。大家看下面这张图换背景前后:
145436yd8daddu6wbagktz.jpg
(1.31 MB, 下载次数: 0, 售价: 2 U点)
大家以为背景车子素材找来的时候就是这个样子的吗?肯定不是,找的素材原图是这样的——
145436cepgf348fpd873zz.jpg
(208.06 KB, 下载次数: 0, 售价: 4 U点)
所以说拿到的背景素材我们一定要根据人物的具体情况进行一些调整,比如上图中的背景我要是不做调整的话,直接拼图的话,效果就是下面这样的
1505711213057045763.jpg
(237.76 KB, 下载次数: 0, 售价: 1 U点)
而我考虑到了一些因素后,重新构图,得到的就是下面这种截然不同的效果!
145436gfn7jjjjjb78if56.jpg
(510.75 KB, 下载次数: 0, 售价: 2 U点)
第4点要注意的是,换背景的时候人物/产品本身一定要处理一下
同样的背景,同样的衣服,但给人感觉差别还是很大,右边的衣服是经过精修过的,质感线条各方面都很到位,左边的是原图进行简单的抠图就换背景了,没有进行任何修整,淘宝上卖的本来就是图片,产品不好看,背景再怎么好看也没用,弄得不好背景还会抢了产品的风头,所以换背景之前图片还是要进行精修的!第5点要注意的是,换的背景不能什么都有,太乱太杂也是不可取的。
第6点要注意的是,换背景合成的时候如果能加上一些自己的创意就更棒了
左图不是说不好,但是和右图相比,感觉就稍差了些。右图表达的意思:买我回家相当于买了一个大厨回家,你说划不划算?这就是创意!做设计做得久了,越来越觉得创意真的很重要!大家要有意识得去培养自己的创新能力!总结下,换背景时要注意的一些事项:1.风格不搭,2.透视不对,3.光/影不协调,4.产品没有精修,5.背景元素太乱太杂主体不突出,6.没有创意很平庸(没有亮点让人记不住)。总大家平时看到一些换过背景的图片或者合成图的时候根据这六点去分析,如果这六点都有注意,那绝对是一张成功的作品,如果都没有注意,就属于乱搞型的——纯粹的拼素材,什么都没有考虑!来一波案例
----
--
----
这些完全属于乱搞型,大家也可以从我说的六点去分析一下这些作品。忍不住说一下大象真的好丑,虽然能体现拉杆箱的承重效果好,但看着真的好恶心!相信还有很多别的办法能体现它的承重效果好的。还有红色的瓶子放在蓝色的背景中怎么可能一点不受环境光的影响?怎么也得偏蓝一点吧!再来一波
-
-
-
(图片来自站酷杰克)是不是感觉没有任何的违和感?画面风格调性各方面都很赞?。这些属于非常优秀的换背景/合成案例了,大家也可以用我说的六点来分析一下这些作品为什么优秀!到我的主页可以查看更多淘宝美工相关的文章哦!
UI课程作品
其他设计规范
最新素材
其他设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
Load More
最新素材
收藏
像素图标
收藏
原型demo
收藏
APP设计
收藏
原型demo
收藏
面性图标
收藏
线性图标
收藏
线性图标
收藏
多色图标
Load More