1. 主页 > ps教程

Photoshop设计化妆品类别的电商海报教程

来源:站酷 作者:威YI

今天冬至,威仔先在这里祝大家冬至日快乐。新的一年脚步越来越近,2016年还剩最后10天了。不知道现在的你和年初相比是否有所进步,无论如何,也希望你最后几天也能不懈努力。话不多说,接下来我给大家分享一个化妆品banner的打造过程。

先上最终效果图

Photoshop设计化妆品类别的电商海报教程(图1)

1.首先,新建一个950X450像素,72分辨率规格的文档,并将背景填充为黑色。

Photoshop设计化妆品类别的电商海报教程(图2)

2.导入作为背景的素材图,默认导入之后一般为智能对象(如果不是可右键该图层再转换为智能对象)。选择高斯模糊,调整参数半径为1.3左右。

Photoshop设计化妆品类别的电商海报教程(图3)

Photoshop设计化妆品类别的电商海报教程(图4)

3.新建图层,填充一个和背景相关的绿色,如:#343406。我们让背景更加的朦胧,把图层透明度调整为30%左右,这样便于使背景层往后退,形成远景。

Photoshop设计化妆品类别的电商海报教程(图5)

4.导入前景图层,利用图层蒙版选择黑色进行擦拭。接着运用调整色彩层中的色彩平衡(图层面板下方),将前景层调成偏黄绿颜色,使得两张图片进行完美融合。

Photoshop设计化妆品类别的电商海报教程(图6)

Photoshop设计化妆品类别的电商海报教程(图7)

Photoshop设计化妆品类别的电商海报教程(图8)

5.加入化妆瓶(用钢笔扣好,如果带有1像素白色描边,可在选项栏中的图层中选择修边1像素。)为瓶子添加环境色,用柔和的画笔添加颜色,擦拭出亮色和暗色。

Photoshop设计化妆品类别的电商海报教程(图9)

Photoshop设计化妆品类别的电商海报教程(图10)Photoshop设计化妆品类别的电商海报教程(图11)

6.为了让化妆瓶能够更加融合到画面中,我们先隐藏瓶子层,然后盖印图层(Ctrl+shfit+Alt+E)。显示瓶子层,将盖印的图层放在瓶子层上面,添加图层蒙版用黑色画笔擦出瓶身。让有些石头挡住部分瓶子,这样画面更加融洽。

Photoshop设计化妆品类别的电商海报教程(图12)Photoshop设计化妆品类别的电商海报教程(图13)

7.加入素材蘑菇,给蘑菇添加环境色(剪切蒙版)。

Photoshop设计化妆品类别的电商海报教程(图14)

8.加入苔藓层,用同样的方法将苔藓融入画面,并运用色彩平衡调色。

Photoshop设计化妆品类别的电商海报教程(图15)

Photoshop设计化妆品类别的电商海报教程(图16)

9.为了让化妆瓶左边位置更加融入画面,复制擦拭完的苔藓层,用白色擦拭苔藓图层蒙版显示蘑菇旁的植物出现。

Photoshop设计化妆品类别的电商海报教程(图17)

10.为化妆瓶加入加如投影。

Photoshop设计化妆品类别的电商海报教程(图18)

11.加入光线。混合模式:滤色(白见黑不见)

Photoshop设计化妆品类别的电商海报教程(图19)

Photoshop设计化妆品类别的电商海报教程(图20)

12.加入飞鸟,增加环境色(剪切蒙版)营造出主体物很有吸引力的感觉。

Photoshop设计化妆品类别的电商海报教程(图21)

Photoshop设计化妆品类别的电商海报教程(图22)

13.加入蘑菇素材做前景,增加环境色(剪切蒙版)。并加入高斯模糊(半径:0.5),营造空间感。

Photoshop设计化妆品类别的电商海报教程(图23)

Photoshop设计化妆品类别的电商海报教程(图24)

14.复制一只飞鸟,调整大小和位置。进行高斯模糊(半径0.8)增加层次感。

Photoshop设计化妆品类别的电商海报教程(图25)

15.加入芭蕉叶,树叶,高斯模糊(半径0.8),加入环境色(剪切蒙版)。

Photoshop设计化妆品类别的电商海报教程(图26)Photoshop设计化妆品类别的电商海报教程(图27)

Photoshop设计化妆品类别的电商海报教程(图28)

16.营造气氛,在化妆瓶上加上一直悠闲的飞鸟,给人享受的感觉。加入环境色(剪切蒙版)。

Photoshop设计化妆品类别的电商海报教程(图29)

Photoshop设计化妆品类别的电商海报教程(图30)

Photoshop设计化妆品类别的电商海报教程(图31)

17.运用曲线调色,将暗的更暗一些,四周更暗一些,要亮的更亮,主体物更亮。配合图层蒙版擦拭。

Photoshop设计化妆品类别的电商海报教程(图32)

Photoshop设计化妆品类别的电商海报教程(图33)

Photoshop设计化妆品类别的电商海报教程(图34)Photoshop设计化妆品类别的电商海报教程(图35)

这样一个化妆品的banner就完成了!

最终动效展示(由于压缩大小,动画画质会产生噪点):

Photoshop设计化妆品类别的电商海报教程(图36)

知识点:图层蒙版,剪切蒙版,混合模式(滤色)

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息