56下载通 - 高速下载,丰富资源,一站式下载平台

首页 软件教程 PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

时间:2024-08-08
来源:56下载通

img

关于教程

想要做出一张完整的电商Banner,光靠素材拼贴是不够的,我们还需要给这张Banner图赋予整个生命。

你也想做出这么有趣的合成效果吗?戳链接让团长老师手把手教你→点我学习制作PS合成

 

效果图

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

教程步骤

    步骤 01

新建一个文档,大小1400x2000,分辨率72。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 02

把天空素材导入调整大小,使用智能滤镜里的Camera Raw滤镜进行整体调色处理。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 03

把山水图导入,用快速选择工具选好山水,新建蒙版得到扣好的山水,调整山水的色调、高斯模糊和色相饱和度。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 04

用画笔工具,调整不透明度和流量把湖面的颜色用橙色(#fa9505)的画笔覆盖一层,调整图层不透明度为80%,如下图。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 05

导入湖边树,使用快速选择工具把树丛的部分扣出,添加图层蒙版擦除多余部分,使用Camera Raw滤镜、高斯模糊和色相饱和度进行调整。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 06

选择合适的笔刷,颜色为#ffffff,调整不透明度和流量,在画面合适的位置添加湖边雾的效果,如下图。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 07

导入远方山的素材,转化为智能对象,使用Camera Raw滤镜和高斯模糊进行调整,复制一层,水平翻转,调整好位子,建组,使用图层蒙版,擦拭边缘。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 08

导入地面素材,加入蒙版擦去边缘部分,命名为前景草地,加上投影和色相饱和度。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 09

Alt+Ctrl+Shift+E盖印一层,用画笔,调整不透明度和流量,颜色调成橙色(#fa9505),调整流量和不透明度把后面的山体、阳光的位置根据画面画上,如下图。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 10

整体背景大致做好,导入主产品,调整大小位子,加入渐变,如图。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 11

用画笔工具调整不透明度和流量做出产品的暗面和亮面的体积。

先用画笔把产品本身的高光和反光给压住。

暗部图层混合模式调整为叠加。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

暗部图层混合模式调整为柔光

PS教程!产品合成电商Banner制作思路分享(含素材下载)

高光图层混合模式调整为柔光

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 12

调整画笔透明度和流量给产品画上投影。

先整体投影,图层混合模式调整为正片叠底,不透明度87%。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

然后在靠近主产品位置底部压暗投影,图层混合模式调整为柔光,不透明度64%。

编组,命名为主产品投影,图层混合模式调整为穿透。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 13

导入树莓素材,放在如图的位置,调整合适的大小,为树莓做高光和暗面,并用画笔添加投影,调整曲线,如下图 。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

暗部图层混合模式调整为柔光。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

暗部图层混合模式调整为正片叠底。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

暗部图层混合模式调整为正片叠底。

高光图层混合模式调整为柔光。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

画笔调整透明度和流量在树莓底部加投影,混合模式改为正片叠底。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

做完树莓体积,编组,调整曲线。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 14

导入树莓素材,围绕主产品调整大小比例,添加动感模糊,复制一层,调整位子大小,编组,加曲线压暗树莓亮度。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 15

复制一个树莓素材,放在主产品前面,并通过画笔添加树莓明暗面效果,调整曲线压暗,并添加投影。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

混合模式改为叠加。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

混合模式改为柔光。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

混合模式改为正片叠底。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

做完树莓体积效果,并用画笔调整不透明度和流量画出投影。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 16

再导入桑葚素材,同上做法。

调整曲线,把桑葚整体亮度压暗。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

底部用画笔画一层反光,让这个桑葚有种透气的感觉,混合模式改为柔光。

暗部混合模式改为柔光。

投影部分是用画笔画上,效果自己满意为止。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 17

导入素材鸟,调整大小放在合适的位子,并用蒙版擦去瓶子遮挡部位,用画笔调整不透明度和流量,画出鸟的体积。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

把鸟尾部及背部用画笔压暗,胸部和头部用高光画笔调整亮面,做出体积。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 18

复制一层前景草地,添加图层蒙版,蒙版覆盖一层全黑,用画笔找到合适的草地笔刷,画出需要的部分,并添加色相饱和度,加一层正片叠底的图层,黑色画笔调整流量不透明度压暗草。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 19

导入前景树和前景草丛,并给图层高斯模糊,调整曲线,压暗前景树,画笔调整不透明度和流量,压暗前景部分,让画面突出主体部分。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

找合适的纹理笔刷,压暗树干。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

前景右边树丛,调整高斯模糊。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

使用画笔压暗。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

前景左边草丛,调整高斯模糊,画笔压暗。

把前景的大树和树丛编组,新建图层,并命名为压暗前景,创建剪切蒙版,是用画笔压暗树丛以及树干的尾部。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 20

导入落叶和飞鸟素材,并为落叶添加动感模糊、色相饱和度和曲线。Www.xzt56.com

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 21

新建空白图层,填充为黑色,滤镜、渲染、镜头光晕,调整合适的角度,混合模式改为滤色,复制一层加强效果,编组,命名为光晕。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 22

做到这一步,我们的整个图的效果大致已经完成了,然后我们再盖印一层,转化为智能对象,调整Camera Raw滤镜。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

    步骤 23

再盖印一层,转化为智能对象,调整高反差保留,增加画面细节部分,并且调整曲线和色相饱和度,增强最后效果。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

最终效果

OK,整副画面到这里就已经大功告成啦。我们来看看最后的效果吧。

PS教程!产品合成电商Banner制作思路分享(含素材下载)

 

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

如果你也想绘制作出这么有趣的合成,戳链接让团长老师手把手教你→点我学习制作PS合成

 

相关推荐

→ 合成思路教程!海报中的光影表现技巧

PS教程!产品合成电商Banner制作思路分享(含素材下载)

→ 电商教程!会讲故事的产品Banner

PS教程!产品合成电商Banner制作思路分享(含素材下载)

PS教程!产品合成电商Banner制作思路分享(含素材下载)


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢··· 从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发

【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示)

【收获】更好的自己

  • 产品修图!玻璃材质化妆品修饰思路分享(含素材下载)

    关于教程 几期教程下来,也慢慢适应了,虽然还是会有很多人说我写的东西,跳跃太大,看不懂,希望大家多多实际操作练习,这样,后面的才好去加大难度~一件成熟的设计稿,对图片的要求也极高,你的图片比别人漂亮,自然会加分不少,希望大家一起进步~ 备注:本教程的创意和素材均非原创,原作者为国外大神,这里只做...

    时间:2024-08-06
  • PS教程!仙侠风人物场景合成!(含素材下载)

    关于教程 本期教程教你制作仙侠风的人物场景合成,感兴趣的话就赶紧动手学习吧~ 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01新建文档 Step02导入背景及人物素材并调整 用快速选择工具及套索工具抠出人物主体,导入背景素材及抠好的人物素材 如果你对抠图还不是很...

    时间:2024-07-21
  • PS合成!合成梦幻传送门场景(含素材下载)

    多次强调过做合成图的光影重要性,本期视频的层次很明了,赶紧交作业了! 如果你也想为更多在校学生、设计爱好者或设计师提供更多好的学习内容,欢迎加入我们优设字幕组! 注:为了保证基本的内容质量,我们需要对你做简单的考核,你可以申请加入考核QQ群629138349领取考核视频,考核通过即可正式成为字幕组的...

    时间:2024-08-04
  • PS教程!海上“逮虾户”场景合成(含素材下载)

    关于教程 大嘎好!我是又肥又宅狗剩先生,今天我来给大家分享一哈,临摹这副奇幻的场景合成时,我的合成思路和用到的一些工具及方法。 里面的一些素材和调色效果,大家可以根据自己的爱好自行替换。想要更全面的了解PS中的工具,可以看看优优网的PS知识树系列真的很全面╮(●’◡’●)ノ~ 你也想做出这么有趣的...

    时间:2024-08-06
  • PS教程!梦中的花朵姑娘场景合成!(含素材下载)

    关于教程 教你合成花朵上玻璃球中的梦幻少女~ 如果你对PS还不是很熟悉的话,可以先从基础知识树开始学习~ 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step01抠出玻璃球及新建文档 用钢笔抠出玻璃球部分 如果你对抠图还不是很熟悉的话,这些教程可以帮到你~ 新建文档 ...

    时间:2024-07-22
  • PS合成!轻松合成骷髅脸!(含素材图片下载)

    关于教程 你有没有想过脸部下的骨骼是长什么样子的?一起来合成一个吧!...

    时间:2024-08-01