有了这3个方法,再复杂的合成图你都可以临摹出来(二) - 优设网 - UISDC

有了这3个方法,再复杂的合成图你都可以临摹出来(二)

2016/09/07 43131评论区

copy-complicated-image-2-1

@ChiNa_威海_山岩 :很多朋友把合成想得特别复杂,一想到做合成就觉得特别高端,难以完成。其实只要了解基本的方法,后续制作起来并不难。上一期中我们提到遮盖、影子和拼合的方法都是合成中最基本的形式,几乎不需要什么太多的技巧,更多的是通过素材的排列去完成。这期我们再进一步了解更为复杂的合成技巧,最后附有实例操作,简单易懂学起来!

上期回顾:《有了这3个方法,再复杂的合成图你都可以临摹出来》

往期电商设计好文回顾:

  1. 《高效流程!帮你快速做出优秀电商BANNER 的设计三部曲》
  2. 《5个帮你快速进阶的电商BANNER 设计技巧(案例多)》
  3. 《设计基础功!聊聊平面构成中的点线面(超多案例)》
  4. 《电商好文!超多实战案例帮你解锁5种商品摆放姿势》
  5. 《实战好文!帮你做出优秀电商BANNER的五个方面(超多案例)》
  6. 《从这四个方面挑选图片素材,可以提高电商设计的出图质量》
  7. 《用好这四个元素,帮你做出高大上的电商BANNER(附技巧及神器)》
  8. 《用好这四个元素,帮你做出高大上的电商BANNER(附技巧及神器)-2》

部分案列来源网络,请多多包涵。

上期教程中提到过的遮盖篇,有一些朋友问我如果不遮盖会怎么样,到底有什么区别,这里做了一个实例的说明:

uisdc-banner-2016090730

↑ 衔接处及其生硬

uisdc-banner-2016090731

↑通过覆盖云层使衔接变得自然

对于设计中的某些知识点有疑问是好事情,说明你开始思考,开始有自己的见解和看待问题的角度,我是非常提倡这种现象的~也继续欢迎大家在设计之路起了迷雾的时候互相交流。

一、概念篇

场景合成是深受广大设计者喜欢的合成类型,场景合成往往能在第一时间把观看者带入到画面中,让观看者在眼前的场景所打动的同时也会失去联想当前画面之前或之后发生了些什么,加强了互动性,也让观看者对图片产生更为浓厚的兴趣,从而留下更为深刻的印象。我们先看几个场景合成的例子:

uisdc-banner-201609071 uisdc-banner-201609073 uisdc-banner-201609072

以上均为 新艺联作品 合成 赵力johnny

电影海报是场景类合成的常客,我可以很负责任的说我去看智取威虎山完全是因为受到海报的吸引,通过一张定格的图片去讲故事,并把观看者吸引进来,这就是场景合成的魅力所在。

Ok,既然要制作一张场景合成。首先,图片中必须要有一个场景,场景的确认会给我们之后寻找素材带来最直观的影响。第二主体的定位,没有主体我们的故事就没有办法续写下去了。最后场景合成中最关键的元素其实不是主体有多好看,场景有多绚丽,而是光的参与与颜色的统一,颜色是人最直观去感受图片所表达的介质,会直接影响当前图片所反映出的情感:

uisdc-banner-201609074

温暖(左) 凄凉(右)

完全一样的两幅图,会由于颜色倾向的不同给观看者完全不同的感受。

二、准备篇

由于不同的素材会对我们的图片产生很直观的影响,我们在做一个场景合成前,最好花上一些时间在脑海中做一个基本的构思,然后绘制草图,这样寻找素材的时候会更有针对性,减少工作量;一说到草图,又会有一大波没有绘画基础的设计师皱眉头了,其实大不可必惊慌,草图有很多种,彩色稿,线稿,“逗逼搞”不管是哪种,重要的是你自己能看懂就行。

uisdc-banner-201609075

上图为:杰克sean的草图

uisdc-banner-201609076

上图为:热血鬼舞者PETER的草图

uisdc-banner-201609077

上图为:山岩视觉的草图 ( ˇˍˇ )

嗯哼,不要太过纠结第三幅某作者的草图,你们看这位作者用这样的草图也能做出那样的效果,你们也可以的!相信自己一定要记住只要自己看懂就好……

场景合成中的场景往往不是一个图片就可以到位的,我们需要寻找很多相应的素材,比如:我们要做一个混凝土堆积废墟的场景,我们就要去寻找石推,岩石,混凝土,石块,钢筋等相关的素材:

uisdc-banner-201609078

也就是说素材的收集不是单一一个点出发,而是把这个点合理的递进,比如混凝土,递进为石推,石推递进为石头(岩石),石头递进为石块,石块递进为沙子(流沙)。每一个层级我们去寻找5—10个比较满意的图片,最后整合应用。

三、制作篇——场景

我们去朔造某个场景,通常要氛围两个部分,主体后方的场景,承接主体的场景。朔造的时候要尽量从后方开始逐一朔造,后方场景再细致的去分,往往10个环境合成的作品中有一半以上都会有天空的参与,所以,如果想要做好环境合成,我们就要平时多练习如何让天空自然的存在于我们的图片中。如果你学会天空怎么融入其中,其它的素材也是举一反三而已。天空与图片自然融合的方式一般是蒙版配合调色的工具的应用,下图为例:

一个饱和度相对正常的风景图,我想让它有一种风雨欲来的压抑感,作为环境合成的背景,我们可以找一个乌云的图片。

uisdc-banner-201609079

将两张图片叠放到一起,降低上方乌云的图层透明度到80%,寻找适当的位置并还原不透明度为100%。

uisdc-banner-2016090710

为乌云图层增加蒙版,擦出下方的山脉,并在主要山峰处,画笔大小缩小,不透明度30%,擦出山峰的体轮廓。

uisdc-banner-2016090711

这时我们发现云层虽然融到图片了,但是与下方植物以及山峰格格不入,这时由于两个环境的整体色调不统一,我们可以想象,如果天空真的乌云密布,景物及山峰肯定不会呈现如图的饱和强度,所以我们需要调色将山的图片饱和度拉低。而又由于阴天所反映出来的明度是偏暗的一种状态,我们通过曲线来拉低山脉和植物的明度,并增强全图的灰度。

uisdc-banner-2016090712 uisdc-banner-2016090713

假设我们做完了整个背景,我们就可以通过整体来为背景增加质感。

uisdc-banner-2016090714

我举得云层的例子是一种思路,我们也可以天是固定的大图,找一些山的图片,把山抠出来放在天前方;也可以把原来图片中的天用钢笔抠掉,用新的天空去替换,再整体调色;大家一定要学会举一反三,设计的魅力就在于它不局限某一个方法,找到适合你的,你习惯的才是最好的。

承接主体的场景往往都是跟现实相符合的,我们在现实生活中能够承接的页面主要是地面、水面、冰面、等,而在场景合成中也是会以这些元素居多,而再细分,10个承接面中地面可以占到一半,而地面又要分为土地、公路、草地、雪地、等等……

承接主体的场景再制作过程中,主要需要注意的地方有2个,一个是主体的阴影怎么在这一场景中体现,这部分我在上期教程中的影子篇有提到。另外一部分是如何让承接面与主体后边的场景相融合,而这一部分我也在上一期的遮盖篇中有提到。

很多场景合成最后达不到预期的效果大多数情况跟主体的不融合有直接的关系,主体想要融入到场景,我们首先要让主体拥有与场景相符的阴影与高光(即我们以前提到过得黑白关系)和统一色彩倾向。阴影与高光的调节我们应用曲线、黑白等命令;统一色彩的倾向我们应用色相饱和度、可以选颜色、色彩平衡等命令。

如果想要在上边的场景中加入一个树杈和树叶飘落的效果,显然原来的素材不能很好的融入到当前的环境中来。以树叶为例我们需要先给树叶调暗,再改变色彩倾向,使它跟整体的场景想融合。树枝的调整也是通过曲线压暗,再改变色彩倾向,我们也可以增加一些景深效果加强画面的层次。

uisdc-banner-2016090715

绝大多数场景的合成思路及方法都是上门提到的这种形式,但想要做一个精良的合成场景,除了强大的头脑风暴外,我们一定要下功夫去寻找素材,只有丰富的素材库才能满足各种场景中不同的角度,环境,装饰等需求。

如下图总得各种光效、楼房、碎石、平原、乌云、火苗、城市、战火、浓烟等等。

uisdc-banner-2016090716 uisdc-banner-2016090718 uisdc-banner-2016090717

以上三幅海报为:设计共和社的作品

设计共和社是以为被隐藏的合成大师,希望能有跟多喜欢合成的朋友关注他的作品。

四、制作篇——主体

场景合成中,主体存在的形式有两种

01、现实主体
02、超现实主体

uisdc-banner-2016090719

现实主体——这辆车是真实存在的(图左) 超现实主体——这只蜥蜴现实中不存在的(图右)

现实主体的朔造,跟场景塑造的方式类似,都是通过遮盖,阴影,统一色调等形式。

但是这里需要注意的是主体的透视关系、角度、大小等一定要符合当前的场景。

uisdc-banner-2016090720

以上三幅海报均为:gj3630355的作品

超现实的主体朔造种类繁多,我习惯把他们归为三类:

01、主体轮廓内超现实

这种形式主要是使用图片拼接的形式来实现,难点在于如何使用遮挡法和塑造新的阴影高光让拼接部分与主体看起来是一体的:

uisdc-banner-2016090721

图片为:设计共和社作品

02、主体轮廓内超现实

这种形式主要是通过图层模式推叠来实现的,难点在于如何利用适当的模式使图片与图片相融合,大部分的轮廓内超现实还要通过不同的滤镜和素材去塑造所需要的内部质感,如墙面化、液体化、火焰化、气体化等等。

uisdc-banner-2016090722

图片为:牛梅子作品

03、主体轮廓重塑型超现实

这种形式主要也是通过不同元素之间的拼接来实现的,难点在于拼合的元素之间如何通过色调和加强统一质感使得新生成的轮廓看起来是真实的。

uisdc-banner-2016090723

图为:山岩视觉作品

我通过我的这张图片中强森与大公鸡的拼合方法来演示如何统一颜色及增强合成整体质感。首先用钢笔把两张图片中我们需要的部分扣出来并排好位置,利用毛发笔刷,结合蒙版把鸡脖颈处的毛发塑造出来:

uisdc-banner-2016090724

打开色相饱和度调整层,范围选择黄色,把鸡头黄色部分饱和度降低,明度提高,并寻找与人物胳膊相近的色相。

uisdc-banner-2016090725

把鸡头部分复制一份剪切蒙版到人物图层,并改模式为正片叠底,蒙版擦掉衣服上多出的鸡毛部分,通过色相饱和度再次统一整体颜色。

uisdc-banner-2016090726

把鸡与人的图层编一个组,并对整个组剪切一个色相饱和度调整层,进行整体调色。

uisdc-banner-2016090727

增加文字、条框、火苗等装饰,让画面初具规模,盖印图层,用ACR增加质感。有人反映ps里面没有ACR滤镜,那是你的版本太低了,最好升级到cc版本。用acr增加质感每个人都有自己的方式,我个人比较喜欢降低高光、黑色和自然饱和度,提升对比度、白色、阴影与清晰度。

uisdc-banner-2016090728

最后使用蒙版加深减淡,锐化模糊等工具,细化亮暗的同时也整体修正图片。

uisdc-banner-2016090729

想要做好合成一定要勤于练习跟收集素材,其实所有的合成整体思路都是相仿的,就是在合理的透视环境中塑造整体图片统一的颜色与质感,并不断的增加装饰性来丰富画面。希望这期的合成教程对大家有所帮助。

So Thanks~

欢迎关注微信公众号:《三根设计骨》

sjgqr20160824

「电商设计系列好文」

  1. 《新人手册!聊聊关于电商设计的那些事儿》
  2. 《前辈经验!聊聊新人设计师最容易遇到的12个问题》
  3. 《不怕没灵感了!SALE 招牌的9种排版设计方法归纳(附案例)》
  4. 《如何辨别一个BANNER的好坏?(附案例)》
  5. 《电商干货!BANNER图设计之商品图该怎么玩(上集)》
  6. 《电商干货!BANNER图设计之商品图该怎么玩(下集)》
  7. 《感觉技不如人?聊聊设计师该如何正确认知自己的价值》
  8. 《超长干货!平台电商设计师vs店铺电商设计师哪个好?》
  9. 《职场进阶术!哪些性格特质有助于设计师的成长和提升?》
  10. 《设计师项目做到一半总是想要放弃怎么办?(附问答合集)》
  11. 《超实用!从人性的角度揭露电商BANNER图设计背后的秘密》

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量150万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/copy-complicated-image-2

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 设计师干货 界面设计 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 设计规范 海报设计 用户体验设计 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里