场景合成,通过PS合成一副视觉系的创意海报

本篇教程通过PS合成一副视觉系的创意海报,在制作海报的时候,灵感来源是关键,即使给了同样的素材,也不一定能合成相同的效果,所以说思路是关键,同学们可以通过教程来找寻一些灵感,来进行海报合成,在合成的时候要注意画面的透视、阴影要符合常理逻辑,具体通过教程来学习一下吧。

效果图:

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com搜索公众号photoshop教程论坛,免费领取自学福利

操作步骤:

第1步

打开ps创建一个画布,这里选择创建了A3尺寸的画布。

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

第2步

制作天空,创建3508×2082px的矩形,图层命名为天空。

填充渐变#37b2af~#fab79d

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

第3步:绘制远山

观察原图,山体大致可以分为四个部分:远山(看不到细节,只填充色块)、中距离的山(在半透明色块的掩盖下能看到一些细节)、近处的山(大部分细节都能看到)、还有被填充了碎花图案的山。

那么对远山的绘制,只需要用钢笔工具勾出山的轮廓,填充相应的颜色就可以。(钢笔工具勾勒的时候要选择形状)

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

将这些填充了颜色的形状图层打组,命名为远山。

第4步:中距离山的绘制

在找素材的时候,尽量找和原图透视、方向、光影相似的素材图。这样后期处理也比较方便。

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

可以看到这张素材图后面的山体部分,和原图的山体方向透视都很相似。

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

原图的山体是左边的山位于右边的山的前方,并且两座山的色调不同。

用钢笔工具对山体部分进行抠图,右键建立选区,然后添加蒙版http://www.16xx8.com/tags/38847/

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

图层命名为中距离山-左。复制图层,选择编辑-变换-水平翻转,备用,图层命名为中距离山-右。

原图的山体是暗部在左边,亮部在右边,素材的亮部和暗部反了需要调整。这里我是用仿制图章工具涂抹出了亮部和暗部,以及将山的轮廓涂抹得跟原图更接近。如果小伙伴们有更好的方法可以在评论区提出来。场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

在左边山体图层添加混合选项:

颜色叠加,颜色填充为#c5b2c8,不透明度49%

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

渐变叠加,颜色过渡为#fa3726~#ffffff,渐变需要拖动

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

右边山体图层同样也添加混合选项

颜色叠加,分别是#93adf0

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

#c6adc2

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

渐变叠加,#2d5f8a~#ffffff,渐变需拖动。

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

用仿制图章工具把右边的山体轮廓擦的更接近原图

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

第5步:制作前山

因为近距离的山能看到山表面的很多细节,所以要在找素材图的时候尽量找清晰一些的图。把图片中的山体部分用钢笔工具抠出来,参考原图摆放地错落有致一些。图案是碎花的山体可以先用钢笔工具勾勒出形状填充颜色。素材图会放在链接里供大家下载练习用。

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

将相对离的比较远的山的图层添加颜色叠加和渐变叠加,使它看上去和远山相比没有那么突兀,增添朦胧感。这里参数不详细列出啦,感觉画面和谐即可。场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

将碎花图案素材拖进ps,放在山体图层上方,按住alt键,鼠标放在两个图层中间,点一下,建立剪切蒙版。

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

其他几个也如法炮制。
场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

在最左边离得最近的山体图层上添加混合模式,添加两个渐变叠加。

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

在山体用钢笔勾勒出形状填充颜色#292929,图层透明度为68%,和下面山体图层建立剪贴蒙版http://www.16xx8.com/tags/38848/

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

第6步:制作地面部分

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

用钢笔工具将除了天空以外的部分抠出来

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

放在合适的位置,调整大小。图层命名为地面,放在所有图层上方。为图层添加图层样式,颜色叠加#a95b6b

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

第7步:制作太阳和云彩

选择形状工具绘制直径为1197px的正圆,填充渐变

#f5616f~#f5be65

添加图层样式

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

将形状图层居中对齐

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

将云彩素材拖进ps

用形状工具绘制3514*1956px的矩形,填充渐变

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

和下方的云彩图层简历剪切蒙版

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

第8步:绘制立方体和山洞

形状工具绘制300*538px的圆角矩形,圆角调到最大。填充颜色#00000。图层命名为山洞阴影。复制一个,填充颜色#654b71,图层命名为山洞-底,放在一边待用。用路径选择工具选中阴影图层,复制粘贴一个,向右平移40px,路径操作选择与形状区域相交,合并形状组件。将阴影图层置于上方,将两个图层右对齐、上对齐。

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

用形状工具画出310*1260px的矩形,填充颜色#f00087

画出56*1260px的矩形,用直接选择工具选中右上的锚点,向下移动40px(下半部分是要被遮住的所以可以不进行变换)

用同样的方法画出其他两个立方体。用形状工具画出108*1114px和38*1114px的矩形,填充颜色为#5dbeab和#5f8498。画出83*1187px和42*1187px的矩形,填充颜色为#f1c336和#dfad31场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

接着制作立方体上的山洞

制作步骤一样,山洞底色分别填充为#9e195e,#cca548,#749fb5,山洞阴影图层需要填充渐变

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

把相应颜色的山洞放到立方体上,打好组,将组放到相应山体图层后面就好啦
场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

第9步

制作地面上的方盒子和色块,以及山上发光的小路

用钢笔工具勾出色块和方盒子的形状,填充相应的颜色。注意,色块和方盒子的摆放要顺应图片的透视线

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

用钢笔工具勾出路的路径,注意路的走向在山上要有延伸感。描边10px,填充关闭。图层添加外发光样式

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com

最终效果

最后在海报上加上一些文字,就完成啦

场景合成,通过PS合成一副视觉系的创意海报_www.16xx8.com搜索公众号photoshop教程论坛,免费领取自学福利

一起来学习制作一下吧,相信可以通过教程制作有自己风格的海报。

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以关注我们小程序,每天都有新教程:点我用微信扫一下
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

  网友求助,请回答!