Photoshop设计时尚大气的化妆品活动电商banner海报
接下来我们在树的前面添加另一边的栅栏,还是利用之前的一张图的一部分,只是所截取的部分不同而已

这里我们就不能用画笔来进行蒙版擦除了,必须用钢笔工具精细的将栅栏部分抠出,同时给图片添加色彩平衡调整层,根据整体画面的光照还要给栅栏添加亮面,这里我是新建一层在栅栏的上方用浅黄色画笔涂抹受光面,同时为了效果更自然这里我们将混合模式设置为叠加。
最终的整体效果如图所示

接下来我们导入产品素材,用钢笔工具将产品抠出同时给产品添加两个曲线调整层,一个是加亮曲线层一个是加暗曲线层。然后根据整体光效将不需要提亮或加暗的部分擦除,同时新建一层给产品添加受光面这里我们还是运用的浅黄色画笔图层混合模式为柔光。然后根据光照我们给产品添加投影这里我们可以直接用黑色画笔绘制,然后通过图层蒙版做出投影的虚实效果。(最好投影复制一层,给予不同的透明度这样会使投影更加具有层次感)

因为产品品名是墨菊深度补水精华,所以为了烘托氛围在画面中添加了菊花,同样的在抠出菊花元素导入画面中也进行了调色处理,同时根据图片的位置分别给菊花添加了明暗面,受光部分也是用浅黄色画笔涂抹图层混合模式为叠加,暗部用暗绿色画笔涂抹图层混合模式为正片叠底,根据整体明暗度可适当调整图层透明度。
左侧菊花

其实大部分素材的操作所运用的手法基本都差不多,主要是根据整体场景进行调色。具体还是要根据整体观察进行相应的修饰,注意光照的效果适当的根据整体环境给元素添加阴影。
为了使得产品放在草地上的效果更自然,这里我们将产品和菊花进行编组,然后给组添加蒙版,用草形画笔擦出草遮挡的效果(这里我们选择134的笔头进行涂抹)

接下来为了增强主题产品的关注度这里我给瓶体上添加了一根藤条。藤条绘制还是要花一定功夫的,这里我用钢笔绘制藤条,把形状填充关闭只保留描边填充根据瓶体大小给藤条相应的粗细(这里我给了10px的粗细),把条的大形绘制好之后,给枝条添加斜面浮雕的图层样式。用图层蒙版擦出藤条缠绕的效果。

然后就是绘制枝叶,同时根据光照给藤蔓添加投影。最后藤条绘制完成后,再进行整体调色。


除去调色还要根据整体光影关系将藤条枝叶部分提亮,这里我们在藤条上层用浅黄色画笔绘制高光处,图层混合模式为叠加。然后就是在藤条下部进一步加暗,用暗绿色画笔将根部加暗图层混合为正片叠底,根据整体效果适当调整图层透明度。
为了更好的体现自然柔和的环境,这里还添加了一些小动物以活跃气氛,同样的也不要忘记环境光的影响给导入元素进行调色和加环境光。虽然是一些小元素但是也需要我们足够的细心,不至于让画面看着违和。

最后为了加强光效,烘托氛围给画面添加一点炫光,炫光是电商banner中经常用到的素材,他能很好的烘托氛围,所以可以没事时多搜集些光速哦。这里的图层混合模式我用的是线性减淡,相对滤色和变亮光效更自然。

一些主要元素基本添加完成,浏览整体效果总觉得对比不够强烈,左侧有些偏轻所以又给左侧添加了些枝叶,底部添加了一些虚化的草丛以便更好的烘托主题。


添加左下方枝叶,通过高斯模糊给枝条制作虚实效果(尽量将图片转换为智能对象后进行高斯模糊这样数值可以随时调整还可以对图片的模糊进行局部调整。)


最后为了烘托热闹的氛围在画面中添加了一些飘零的花瓣碎片。给花瓣添加动感模糊根据虚实关系调整模糊范围。

所有元素添加完后,给banner添加文字,放置文字的位置尽量保持背景不要太复杂,或者背景足够暗。关于文字字体的选取,一般化妆品,或者女士服饰类等多选用衬线体或者手写体,更能体现其柔美和文化感。关于文字颜色的选取是很多设计小白们纠结和最没有把握的地方,其实最快捷和最好的方法就是从画面中选取颜色,这样使得文字能更好的融入到整体画面氛围中且不会显得突兀。
那么做完了所有的布局排版后,就到了最后的点睛之笔,就是对画面进行整体调色,一般我们先进行曲线调整增强画面的明暗对比度。最后再添加一层曲线调整层给画面整体添加一点蓝色调,这样会使的画面颜色更沉稳和高雅。(嘿嘿个人认为冷色调是比较fashion和国际范的)

记得在曲线整体压暗时将中间部分擦除哦,以突出主题增强对比。

给整体加点蓝,记得要先选择蓝色通道哦!
写在最后:哎呀呀第一次写这么详尽的教程案例,尽量希望能把每个点都写到,也希望大家能够看得懂,最后能够跟着我的讲解完成案例。当然更希望大家最后通过案例的学习更好的理解如何进行banner溶图,受人以鱼不如受人以渔嘛!其实整个案例操作并没有那么复杂,案例操作中用的最多的就是图层蒙版和调整层。只要保证引用素材透视统一,色调统一,主题突出即可。其实说起来容易但是关于这个度的把握和操作的熟练还需要我们不断的去练习感悟,嘿嘿还是那句话实践出真知,真理需要实践去证实。
相关文章
今天我们继续来介绍ps基础教程,这篇我们主要讲橡皮擦工具组和填充工具组,这两个工具在修图的时候是比较常用的,下面我们就来看看基础教程2025-05-01
ps图层是什么?简单来说,ps软件中的图层就好比是一张“透明纸”,将图像的各个部分绘制在不同的“透明纸”上,可以看到纸后的东西,而且每层纸都是独立的,下面我们就来看2025-04-25
ps零基础之图层样式的讲解,在使用ps的时候,我们经常会在图层上添加一些效果,这就是图层样式,该怎么应用呢?详细请看下文介绍2024-12-23
ps如何把一张长图切成几张小图片? ps把长图切成短图的技巧
有时候,我们希望能把一张图片均匀地分成几张图片,就像拼图一般的效果,需要某一部分随时可以拿出来使用,该怎么操作呢?详细请看下文介绍2024-09-10
PS调整字体大小是一个非常基础的操作,但也是非常实用的技能,在Photoshop中,调整字体大小的方式有多种,详细请看下文介绍2024-02-02
但最近有用户在使用photoshop时发现窗口界面的字体比较小,使用起来非常的不方便,因此有不少用户想将其大小进行调节,具体该如何操作呢?详细请看下文介绍2024-02-02
ps中图层被父图层锁定怎么办? 图层被父图层锁定的解锁技巧ps
ps中图层被父图层锁定怎么办?ps中图层解锁失败,提示图层被父图层锁定该怎么办呢?下面我们就来看看详细的解决办法2023-12-19
ps描边最大只有288怎么办? Photoshop描边只能调到288像素的解决办法
ps描边最大只有288怎么办?ps描边在使用的过程中,发现只能调到288像素,该怎么操作呢?下面我们就来看看Photoshop描边只能调到288像素的解决办法2023-11-30
PS工具栏中的工具有缺失怎么办? Photoshop工具栏不全的多种解决办法
PS工具栏中的工具有缺失怎么办?ps工具栏中有很多工具,但是发现有些工具不见了,该怎么办呢?下面我们就来看看Photoshop工具栏不全的多种解决办法2023-11-30
Photoshop2024怎么下载安装? ps2024安装图文教程
Photoshop2024怎么下载安装?ps2024发布以后,很多朋友想要尝试信工鞥,该怎么下载安装呢?下面我们就来看看ps2024安装图文教程2023-11-30





最新评论