PS教程!手把手教你制作化妆品产品的电商合成场景海报

时间:2021-07-05
类别:PS教程
水平:普通
观众:2.8w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

PS教程!手把手教你制作化妆品产品的电商合成场景海报

教程作者:设计师就业衔接班06期-39-鱼干

交作业:#优设每日作业#

本期教程为你带来电商设计中常见的产品场景合成,要注意光影质感的塑造喔!

你想学会自己原创电商合成场景吗?报名我们的课程,让讲师手把手教你→优设设计师就业衔接班

教程步骤

步骤1:新建文档

打开Photoshop,点击文件→新建(快捷键CTRL+N)创建一个新文件,参数设置如下:

PS教程!手把手教你制作化妆品产品的电商合成场景海报

步骤2:草图绘制

1.   置入产品图,并将产品图移动至图中位置

PS教程!手把手教你制作化妆品产品的电商合成场景海报

2.   确定产品消失点,数值如下

PS教程!手把手教你制作化妆品产品的电商合成场景海报

3.   使用透视画笔画出产品透视线

PS教程!手把手教你制作化妆品产品的电商合成场景海报

4.   根据产品的透视线,绘制草图

PS教程!手把手教你制作化妆品产品的电商合成场景海报

步骤3:搭建空间

根据草图,使用钢笔工具,描绘画面,分出各个物体的明暗面

1.   主桌子

①用钢笔工具绘制主桌子形状,并将图层命名为“主桌子”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②绘制主桌子暗部,并将图层命名为“暗部”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

③绘制桌脚,并将图层命名为“桌脚”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

④绘制图形,并将图层命名为“桌脚暗部”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑤绘制图形,并将图层命名为“暗1”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑥绘制图形,并将图层命名为“暗2”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑦绘制图形,并将图层命名为“玉台”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑧选中图层,编组,并将其改名为“主桌子组”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

2.   大理石桌面

①绘制图形,并将图层命名为“大理石桌”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

①绘制图形,并将图层命名为“大理石桌侧1”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②绘制图形,并将图层命名为“大理石桌侧2”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

③绘制图形,并将图层命名为“大理石桌侧2”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

④选中图层,编组,并将其改名为“主桌子组”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

3.   墙饰

①用形状工具绘制圆形,具体参数如下

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②在该图层按住shift+双击鼠标左键继续绘制圆形

PS教程!手把手教你制作化妆品产品的电商合成场景海报

③同②继续绘制图形

PS教程!手把手教你制作化妆品产品的电商合成场景海报

④将图层命名为“墙饰01”并复制图层,将其命名为墙饰02”并去掉填充,将描边设置为8像素

PS教程!手把手教你制作化妆品产品的电商合成场景海报

4.   金属装饰

①绘制图形,并将图层命名为“主体”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②绘制图形,并将图层命名为“画框”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

③绘制图形,并将图层命名为“画”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

④绘制图形,并将图层命名为“金属杆”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑤通过复制③中绘制的“金属杆”,完成对所有金属杆的绘制

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑥合并将所有“金属杆”命名为“金属装饰组”,将所有图层合并,命名为“金属装饰组”

PS教程!手把手教你制作化妆品产品的电商合成场景海报

5.完成所以图形的额绘制,效果图如下

PS教程!手把手教你制作化妆品产品的电商合成场景海报

步骤4:给物体加材质贴图

1.   主桌子

①置入“木纹贴图”,根据透视线,调整透视

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②选中木纹贴图,建立剪切蒙版

PS教程!手把手教你制作化妆品产品的电商合成场景海报

③同①②的操作,对“暗面”图层实行贴图的操作步骤,并添加曲线图层,曲线数值参考如下

PS教程!手把手教你制作化妆品产品的电商合成场景海报

④同①②③的操作步骤,对“桌脚”图层进行贴图及添加曲线调整层的操作,曲线数值参考如下

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑤同①②③的操作步骤,对“桌脚暗部”图层进行贴图及添加曲线调整层的操作,曲线数值参考如下

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑥同①②③的操作步骤,对“暗1”图层进行贴图及添加曲线调整层的操作,曲线数值参考如下

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑦同①②③的操作步骤,对“暗2”图层进行贴图及添加曲线调整层的操作,曲线数值参考如下

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑧同①②③的操作步骤,对“玉台”图层进行贴图及添加曲线调整层的操作,曲线数值参考如下

PS教程!手把手教你制作化妆品产品的电商合成场景海报

2.   对其他物体进行贴图(注意贴图要根据物体的透视线,大小进行调整)及根据物体的明暗关系添加曲线图层,效果图:

PS教程!手把手教你制作化妆品产品的电商合成场景海报

步骤5:添加光影

1.   添加高光

①以“主桌子”为例,选中“主桌子”组,新建空白图层,将混合模式改为滤色 ,并用画笔工具(颜色可以用吸管吸取物体亮部任意颜色),在面与面的转折处画出高光。

PS教程!手把手教你制作化妆品产品的电商合成场景海报PS教程!手把手教你制作化妆品产品的电商合成场景海报

②用①的方法,为其他物体添加高光,效果图

PS教程!手把手教你制作化妆品产品的电商合成场景海报

2.   添加物体光影

①以“主桌子”为例,如图:离光源近的地方会比离光源远的地方亮,所以左边会比右边亮,需要对右边进行压暗降纯处理。靠前的地方会比靠后得到地方亮,所以需要对后进行压暗降纯处理

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②选中“主桌子”图层,在图层上新建空白图层,并创建剪切蒙版,混合模式更改为正片叠底。使用柔边圆画笔工具(颜色可用吸管工具吸取桌面颜色),对桌面进行压暗将纯处理,制造光影效果。

PS教程!手把手教你制作化妆品产品的电商合成场景海报

③选中“暗面”图层,在图层上新建空白图层,并创建剪切蒙版,混合模式更改为正片叠底。使用柔边圆画笔工具,对“暗面”进行压暗将纯处理,制造光影效果

PS教程!手把手教你制作化妆品产品的电商合成场景海报

④选中“玉台”图层,在图层上新建空白图层,并创建剪切蒙版,混合模式更改为正片叠底。使用柔边圆画笔工具,对“玉台”进行压暗将纯处理,制造光影效果

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑤用同样的方法对桌腿及抽屉进行压暗将纯处理,制造光影效果

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑥参照“主桌子”的光影处理,对画面中的其他物体进行压暗将纯处理,制造光影效果

PS教程!手把手教你制作化妆品产品的电商合成场景海报

3.   添加物体投影

①在“主桌子”组上新建空白图层,并创建剪切蒙版,混合模式更改为正片叠底。使用柔边圆画笔工具,画出大理石桌在主桌子上的投影

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②用硬边圆画笔工具画出大理石桌子投影的闭塞

PS教程!手把手教你制作化妆品产品的电商合成场景海报

③参考①②,画出画面中所有物体的投影及闭塞

PS教程!手把手教你制作化妆品产品的电商合成场景海报

4.   大理石桌面及玉台的倒影

①在‘玉台’图层上方新建空白图层,并创建剪切蒙版,混合模式更改为正片叠底。使用柔边圆画笔工具(吸取物体亮部的颜色),画出大理石桌在主桌子上的倒影

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②添加左边柜子的倒影

PS教程!手把手教你制作化妆品产品的电商合成场景海报

步骤6:塑造

1.   金属装饰

①选中“金属装饰组”中的‘主形’图层,添加图层样式,具体数值如下:

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②选中“金属装饰组”中的‘主形’图层,拷贝图层样式;选中‘画框’图层,粘贴图层样式

PS教程!手把手教你制作化妆品产品的电商合成场景海报

③选中‘金属杆’图层,添加图层样式,具体数值如下:

PS教程!手把手教你制作化妆品产品的电商合成场景海报

④拷贝‘金属杆’图层的图层样式,将‘金属杆组’内所有‘金属杆’粘贴‘金属杆’图层的图层样式图层样式

⑤在‘金属杆组’上新建空白图层,并创建剪切蒙版,将混合模式改为正片叠底,使用柔边圆画笔工具画出投影:

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑥在‘画’上新建空白图层,并创建剪切蒙版,将混合模式改为正片叠底,使用柔边圆画笔工具画出投影:

PS教程!手把手教你制作化妆品产品的电商合成场景海报

2.   墙饰

①选中‘墙饰01’,添加图层样式

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②选中‘墙饰02’的贴图,添加滤镜-高斯模糊

PS教程!手把手教你制作化妆品产品的电商合成场景海报

③在‘墙饰01’上新建空白图层,将混合模式改为正片叠底,使用柔边圆画笔工具,绘制投影

PS教程!手把手教你制作化妆品产品的电商合成场景海报

④在‘墙饰01’上新建空白图层,将混合模式改为正片叠底,使用柔边圆画笔工具,绘制光影

PS教程!手把手教你制作化妆品产品的电商合成场景海报

3.   玉台

①在‘玉台’上,新建空白图层,填充颜色,将混合模式改为正片叠底,并降低图层透明度

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②在‘玉台’上,新建空白图层,将混合模式改为滤色,使用硬边圆画笔绘制‘高光’并降低图层透明度

PS教程!手把手教你制作化妆品产品的电商合成场景海报

4.   参考1.2.3塑造画面中金属、大理石材质的物体,效果图如下

PS教程!手把手教你制作化妆品产品的电商合成场景海报

5.   光束

①在产品图层上方新建渐变填充

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②更改颜色等数值,颜色仅供参考,调至黑白分明即可

PS教程!手把手教你制作化妆品产品的电商合成场景海报

③根据画面的光源,更改角度及位置

PS教程!手把手教你制作化妆品产品的电商合成场景海报

④将渐变填充图层转化为智能对象,使用滤镜-模糊-高斯模糊,具体数值如下:

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑤选中渐变填充图层,添加蒙版,使用柔边圆画笔工具,处理光束面积,调整图层不透明度

PS教程!手把手教你制作化妆品产品的电商合成场景海报

⑥效果图如下:

PS教程!手把手教你制作化妆品产品的电商合成场景海报

步骤7:调色

①选中所有图层+鼠标右键-转化为智能对象,点击滤镜-Camera Raw滤镜

PS教程!手把手教你制作化妆品产品的电商合成场景海报

②添加渐变滤镜

PS教程!手把手教你制作化妆品产品的电商合成场景海报 PS教程!手把手教你制作化妆品产品的电商合成场景海报 PS教程!手把手教你制作化妆品产品的电商合成场景海报PS教程!手把手教你制作化妆品产品的电商合成场景海报PS教程!手把手教你制作化妆品产品的电商合成场景海报

③添加径向路径

PS教程!手把手教你制作化妆品产品的电商合成场景海报PS教程!手把手教你制作化妆品产品的电商合成场景海报PS教程!手把手教你制作化妆品产品的电商合成场景海报PS教程!手把手教你制作化妆品产品的电商合成场景海报

最终效果图

PS教程!手把手教你制作化妆品产品的电商合成场景海报

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

附件下载

文件名 文件大小 提取码 下载来源
透视笔刷2.7 Mbh5sc 点此复制 登录下载
60 收藏 157

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 8

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片