欢迎光临散文网 会员登陆 & 注册

老板让我一天设计10张图怎么办?30分钟,搞定详情页主图设计!【杰视帮】

2021-08-24 15:58 作者:杰视帮设计  | 我要投稿

前排提示,今日教程内容过于硬核,请酌情配水服用!


上周末,我们展示了部分优秀学员的P4D练习作品,不少朋友表示:

“你秀归你秀,但下班前出不了图都白忙~”

包括在过往的作品展示中,也会有不少的朋友心存疑问:

不管是华丽甚至略显花哨的P4D练习作品,还是宏大而精致的合成作品,看上去是很漂亮,但工作中感觉不实用啊!

有本事,你拿P4D用两三个小时做张主图?


简单,用不着两三个小时,30分钟就给你搞定。

来人,把王子老师搬上来救场!


我们以一款洗衣机为案例,演示一下如何用最短的时间快速出一张KV稿。


在商业项目中,我们在拿到产品的同时,附带也会收到甲方的需求与喜好,尤其在遇到专业的甲方时,还会附上一些他们所希望的调性图。


当然,如果没有现成的调性图,我们也可以去花瓣站酷等网站找一找同类产品甚至其对标竞品的参考图。


在这里,我们选择一个更高级,这两年也比较火的风格:侘(cha)寂风。


拿捏好设计风格,我们将产品放入画面,开始绘制草图。


关于空间搭建的比例和结构,在这里,给大家透露一个我们设计中经常使用的比例:白银比例。


非科班的同学听到黄金分割、白银比例这样的词是不是就感到头大?认为其不过是教科书上的理论知识。

黄金比例0.618,白银比例1:1.414,这百度一查都知道,在实际应用中并没有太大作用。

像黄金分割、白银比例这样经典的美学比例是经过了多年的沉淀与考验,是得到了古今中外的美学与艺术圈的普遍认同。


我们今天的案例就将白银比例作为比例尺,去设计背景墙在画面中的占比。

按比例绘制两个矩形,保证其长度比是1:1.414。


等比放大到画面宽度后,我们就可以根据这个比例绘制墙体位置。


先不说这样精密的构图是不是真的有明显变好看,至少这样构图解释给老板,老板会觉得很高级。


草图绘制完成后,开始搭台子。

两个简单的矩形,这台子,好搭吧?

钢笔工具或者矩形工具任君挑选,以结果为导向,搭出来就算成功。


我们观察侘寂风,他的场景材质多是一些简单的混凝土素材,我们模仿这种风格,去花瓣找一些混凝土材质,运用剪切蒙版进行贴图。


见惯了各种复杂贴图的各位,给一个矩形贴图肯定不成问题了~


唯一需要注意的是在贴顶部素材时,一定借助操纵变形匹配场景的透视。


你看,五分钟,完成了台子搭建。


当然了,虽然追求急速出稿,在细节设计上,我们依然要足够细。

混凝土效果的墙面不会是干净到一成不变的,真实的墙面多少会有一些裂缝和凹点。

因此,我们可以找一些有变化的纹理,在原有的基础上,多次叠加。


要体现出层次感的纹理,图层模式记得选择叠加。


叠完之后整体偏亮?一根曲线将它的亮度整体压下去。


下方也是做同样的材质叠加。


材质贴图搞定了,进入下一步处理:光影。


光影的制作我们之前也分享过,我们以快速出图为导向,可以新建一条曲线整体压暗。


借助反向蒙版,根据我们拟定的光源做出产品形成的阴影。


影子的边缘借助滤镜模糊和模糊工具进行模糊,防止过于锋利。


只要是有接触的两个元素之间,就一定要去制作它的闭塞阴影。


底部台子的影子处理好以后,有朋友会担心背景单一的水泥墙是否会过于单调。

怎么解决这种单调的现象?

我们通过参考的收集不难发现,很多3C数码产品的详情页为了营造出简约而不简单的视觉效果,会在背景用投影的形式增加元素。


我们也可以用这样的方法丰富我们墙面的纹理。


如果找不到满意的影子图案,我们也可以直接找到合适的素材,用去色、正片叠底和模糊的方式处理。


你看,墙面的设计就不显单调了。


大体的设计完成后,记得台面转折面的棱角处理,记住诀窍:一像素高光,一像素阴影,高斯模糊,完成。


那么问题来了,前景怎么处理呢?


既然是30分钟快速出图,我们大可不必搞些复制的元素设计,来一个又快又显逼格的插件水面倒影制作大法。


需要插件的童鞋可以私信联系我们领取~

一键搞定,效果又快又好~


在背景上,我们也遵循从简的模式,用一个纯色的背景,配合打光做好明暗的渐变。


追求细节的同学也可以略微加一点远山之类的素材,但记得要将素材去色,匹配场景的中性格调。


根据个人喜好,我们也可以用色彩平衡给场景做一个整体的偏色处理,但要控制饱和度,不要让色彩过于鲜艳。


接下来,网上找一些最寻常的绿叶作为我们的前景装饰。


将绿叶高斯模糊处理,防止前景抢镜。


全部处理好后,老规矩,盖印一层,到camera raw里做一个整体的渲染处理。


最后,加上文案,30分钟急速出图,完稿~


分享这个小教程,希望传递给大家的是,P4D并不只是为了炫技做一些复杂的场景,是一门真正在实战中帮助设计师快速完稿的技术。

我们平时展示的学员练习作品之所以多是复杂的元素,是因为我们在教学中是鼓励学员多做加法,去自由地发挥自己的创意,在这种练习中把日后工作中可能涉及到的每一种技法都练习完善。


这样,到了实际工作中,面对不那么复杂的页面,做减法就相对显得更容易上手了。


希望这些设计的思路与技巧能帮助大家快速出图,告别熬夜加班的苦难。


喜欢的童鞋点个赞吧~

有什么疑问欢迎下方评论探讨~

关注我们,第一时间获取最新资讯~

老板让我一天设计10张图怎么办?30分钟,搞定详情页主图设计!【杰视帮】的评论 (共 条)

分享到微博请遵守国家法律