/30分钟就学会!详情页海报这么设计,甲方看了都加钱!

30分钟就学会!详情页海报这么设计,甲方看了都加钱!

授权转自:杰视帮 ID:jacksean003

我们在实际工作中经常会遇到临下班前,突然来了一个紧急的brief,要求我们根据需求快速完成一张详情页主图设计。


今天跟大家分享一个首屏快速制作的教程,帮助大家减少加班,减少脱发!

先来看下我们的参考意向图。

根据图片,先新建三个图层,区分出墙面、地面和地面的厚度。

光从右前方照射,受光地方较亮,背光地方较暗。

填充一个固有色,剪切模板到它的背景层,这就是我们的墙面。

再将图层模式改成正片叠底,区分墙面和地面。

利用蒙版配合渐变工具,选择前景色到透明渐变,切换颜色黑色到透明。

顺着光的方向拉一些渐变,让画面有一个基本的光影效果。

接着,利用曲线或者接着正片叠底,让颜色变得更暗。

用画笔工具擦出墙角与地面相接位置的影子。如果有些生硬,就利用羽化,让颜色变得柔和。

接下来,是对商品的调整。

先给商品做个定光分面,对商品进行一个基本校正,让整个画面看着更协调。

利用曲线调整亮度,左下方颜色偏暗,注意避开。

商品有个基本的明暗变化后,开始添加细节,将商品中间黑色的区域用椭圆工具先套出来,方便匹配。


利用曲线工具,提亮左上角,再做一个高光圈,提高立体感。

对比一下商品修改前后的效果:

定好这些后,开始对商品进行光影塑造。

光从右上方打下来,勾出影子的区域,复制、填充,改成正片叠底模式。这就是第一层阴影。

为了增加影子的真实性,很多人习惯用高斯模糊,基础好一点的,可能还会考虑用蒙版擦一擦。

但是,这种方式做出的影子十分死板,也不够细致。

给大家分享一个技巧。

点击上方工具栏,选择【滤镜—模糊画廊—旋转模糊】

这个圆环代表了影子含括的范围,将它定到影子的起始点,根据需求,调整大小和角度,制作出遮挡阴影。

按照这个方法,给影子底部也做一个相对柔和的过渡。

接下来,我们增加影子的层次感。

由于光的透射和反射,离物体近的地方影子较深,远一些的地方,部分阴影会提亮。

提高这部分影子的亮度,让影子看起来不要那么死板。

注意叠加的时候,不要让影子的饱和度过高。

影子颜色过深,会让整个画面显得很脏。

基于这个逻辑,完成其他物品的影子。

为了增加氛围感,我们在背景中加一些斜影。

斜影中加入一些变化,不要完全一致。

利用正片叠底,改变斜影的图层模式,再利用羽化或动感模糊增加细节,通过光影的过渡增强渐变。



注意边缘处的压暗,及右侧的提亮。


然后,为画面增加质感,将所有元素整合,复制、合并,形成新的背景。






在背景中添加一些杂色,数量选择1到2之间,增强颗粒感。


加入文案,这个海报就基本完成了。


最后,进入camera滤镜,根据需求,进行微调,添加一些氛围感。


这张详情页海报,就做完啦。


看完这篇教程,是不是觉得自己又可以了!


脑子:我会了!!!


手:不,我不会,你在说啥???

趁着这个热乎劲,赶快打开PS练练,沉下心来,一步一步跟着做。

不然明天睡醒又忘了。

- END -



你错过的文章

真是妙手回春,这种图都能救回来!


如果你喜欢这篇文章

麻烦给升哥点个 点赞 在看 鼓励一下吧

本文来自微信公众号“设计”(ID:sheji0123)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。