怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程

怎么用PS合成图片电商产品Banner的电商海报设计教学-photoshop教程

PS合成电商海报,PS电商海报设计,电商海报设计,海报设计,教程,PS教程,PS

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

处理后效果

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

教学步骤

步骤 01

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 02

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 03

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 04

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 05

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 06

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 07

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 08

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 09

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 10

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 11

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

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

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 12

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

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图25我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图26我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 13

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图27我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图28我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图29我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图30我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图31我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图32我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图33我的爱 · 创-WODEAI.NET|3D打印机创意智造

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图34我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 14

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图35我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图36我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图37我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 22

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图38我的爱 · 创-WODEAI.NET|3D打印机创意智造

步骤 23

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图39我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图40我的爱 · 创-WODEAI.NET|3D打印机创意智造

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图41我的爱 · 创-WODEAI.NET|3D打印机创意智造

处理后效果

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

怎么用PS合成图片电商产品Banner的电商海报设计教学photoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

结语

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

常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/690475.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码