ps如何制作动态banner

教程素材:https://pan.baidu.com/s/1JkrfBGVYFvaVhaseP76ydg

效果图

ps如何制作动态banner(PS教程产品Banner制作)(1)

教程步骤

步骤 01

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

ps如何制作动态banner(PS教程产品Banner制作)(2)

步骤 02

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

ps如何制作动态banner(PS教程产品Banner制作)(3)

步骤 03

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

ps如何制作动态banner(PS教程产品Banner制作)(4)

ps如何制作动态banner(PS教程产品Banner制作)(5)

ps如何制作动态banner(PS教程产品Banner制作)(6)

步骤 04

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

ps如何制作动态banner(PS教程产品Banner制作)(7)

步骤 05

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

ps如何制作动态banner(PS教程产品Banner制作)(8)

ps如何制作动态banner(PS教程产品Banner制作)(9)

ps如何制作动态banner(PS教程产品Banner制作)(10)

ps如何制作动态banner(PS教程产品Banner制作)(11)

步骤 06

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

ps如何制作动态banner(PS教程产品Banner制作)(12)

步骤 07

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

ps如何制作动态banner(PS教程产品Banner制作)(13)

ps如何制作动态banner(PS教程产品Banner制作)(14)

ps如何制作动态banner(PS教程产品Banner制作)(15)

ps如何制作动态banner(PS教程产品Banner制作)(16)

步骤 08

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

ps如何制作动态banner(PS教程产品Banner制作)(17)

ps如何制作动态banner(PS教程产品Banner制作)(18)

ps如何制作动态banner(PS教程产品Banner制作)(19)

步骤 09

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

ps如何制作动态banner(PS教程产品Banner制作)(20)

步骤 10

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

ps如何制作动态banner(PS教程产品Banner制作)(21)

步骤 11

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

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

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

ps如何制作动态banner(PS教程产品Banner制作)(22)

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

ps如何制作动态banner(PS教程产品Banner制作)(23)

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

ps如何制作动态banner(PS教程产品Banner制作)(24)

步骤 12

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

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

ps如何制作动态banner(PS教程产品Banner制作)(25)

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

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

ps如何制作动态banner(PS教程产品Banner制作)(26)

ps如何制作动态banner(PS教程产品Banner制作)(27)

步骤 13

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

ps如何制作动态banner(PS教程产品Banner制作)(28)

ps如何制作动态banner(PS教程产品Banner制作)(29)

ps如何制作动态banner(PS教程产品Banner制作)(30)

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

ps如何制作动态banner(PS教程产品Banner制作)(31)

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

ps如何制作动态banner(PS教程产品Banner制作)(32)

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

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

ps如何制作动态banner(PS教程产品Banner制作)(33)

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

ps如何制作动态banner(PS教程产品Banner制作)(34)

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

ps如何制作动态banner(PS教程产品Banner制作)(35)

步骤 14

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

ps如何制作动态banner(PS教程产品Banner制作)(36)

ps如何制作动态banner(PS教程产品Banner制作)(37)

ps如何制作动态banner(PS教程产品Banner制作)(38)

步骤 15

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

ps如何制作动态banner(PS教程产品Banner制作)(39)

ps如何制作动态banner(PS教程产品Banner制作)(40)

混合模式改为叠加。

ps如何制作动态banner(PS教程产品Banner制作)(41)

混合模式改为柔光。

ps如何制作动态banner(PS教程产品Banner制作)(42)

混合模式改为正片叠底。

ps如何制作动态banner(PS教程产品Banner制作)(43)

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

ps如何制作动态banner(PS教程产品Banner制作)(44)

步骤 16

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

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

ps如何制作动态banner(PS教程产品Banner制作)(45)

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

暗部混合模式改为柔光。

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

ps如何制作动态banner(PS教程产品Banner制作)(46)

步骤 17

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

ps如何制作动态banner(PS教程产品Banner制作)(47)

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

ps如何制作动态banner(PS教程产品Banner制作)(48)

步骤 18

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

ps如何制作动态banner(PS教程产品Banner制作)(49)

ps如何制作动态banner(PS教程产品Banner制作)(50)

ps如何制作动态banner(PS教程产品Banner制作)(51)

步骤 19

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

ps如何制作动态banner(PS教程产品Banner制作)(52)

ps如何制作动态banner(PS教程产品Banner制作)(53)

ps如何制作动态banner(PS教程产品Banner制作)(54)

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

ps如何制作动态banner(PS教程产品Banner制作)(55)

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

ps如何制作动态banner(PS教程产品Banner制作)(56)

使用画笔压暗。

ps如何制作动态banner(PS教程产品Banner制作)(57)

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

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

ps如何制作动态banner(PS教程产品Banner制作)(58)

ps如何制作动态banner(PS教程产品Banner制作)(59)

步骤 20

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

ps如何制作动态banner(PS教程产品Banner制作)(60)

ps如何制作动态banner(PS教程产品Banner制作)(61)

ps如何制作动态banner(PS教程产品Banner制作)(62)

步骤 21

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

ps如何制作动态banner(PS教程产品Banner制作)(63)

步骤 22

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

ps如何制作动态banner(PS教程产品Banner制作)(64)

步骤 23

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

ps如何制作动态banner(PS教程产品Banner制作)(65)

ps如何制作动态banner(PS教程产品Banner制作)(66)

ps如何制作动态banner(PS教程产品Banner制作)(67)

最终效果

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

ps如何制作动态banner(PS教程产品Banner制作)(68)

结语

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

〖特别声明〗:本文内容仅供参考,不做权威认证,如若验证其真实性,请咨询相关权威专业人士。如有侵犯您的原创版权或者图片、等版权权利请告知 wzz#tom.com,我们将尽快删除相关内容。

赞 ()
打赏 微信扫一扫 微信扫一扫

相关推荐