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

速看!10分钟,破译大厂同款海报设计技法!【杰视帮】

2022-07-13 14:02 作者:杰视帮设计  | 我要投稿

嘿,各位。


今天周三,打工人起床开始劳动,只想说,大家一起加油,再熬两天,又能拥有快乐。



最近,22届的毕业生算是正式踏入职场了,我们的社群总能看到一些小朋友在求助:

 

“想进大厂,但是自己作品质量一般,真的感觉作品集拿不出手……”

 

相信这个问题,很多小伙伴在刚入行的时候,都遇到过。



所以,今天就跟大家分享几个大牌美妆海报的常用技巧。

 

你将收获:

  • 仰视视角下,产品的透视、光影该如何处理?

  • 如何巧用素材,给页面增加质感?



案例足够经典,适用各种美妆产品,难度不能说有手就会,但是可以保证小白完全友好。

 

下面就进入今天的教程。




主角是这样一张美妆海报。



对于一张产品的宣传海报而言,你第一件需要考虑的事情,应该就是产品如何摆放。

 

很多同学也最开始做的时候,也会卡在这一部分。

 

产品摆放角度、透视问题、画面如何构图更能展现产品优势……



我们认真观察下这个图片,这个构图其实在电商海报中是非常常用的。

 

把几个产品在画面中,有高低起伏的,错落摆放,再通过打光调整、阴影塑造等一些细节增加画面质感。



根据舞台的角度,其实是可以判断出画面视角是仰视的。

 

那么按照透视的基本逻辑,我们就应该可以看到物体的底面,产品的最上面的部分就应该带一些圆弧。



如果按这个视角观察,左边的产品,看起来是有些奇怪的,过于规规矩矩。



所以我们需要对它的透视做动态调整,利用拱形,对产品进行变形,形成仰视感。

 

这一部分,只需要一点点变形,注意不要过度。(是的,就是这么粗暴)



然后根据整体的光影走向,利用曲线,调节光感,左边微微压暗,右边提亮,对画面中的明暗关系进行再次强调。



来,我们接着看光影,眼尖的同学应该早就发现了右边的这个小白瓶,受光逻辑做反了。(下图红框所示)

 

直接将产品水平翻转一下?也不行,因为上面有字母。



所以我们可以尝试把这一部分提出来,单独处理。



删掉多余部分的颜色,只保留字母部分,然后再进行水平翻转。



把做好的这部分素材,拉入图中,根据原图产品的大小,等比例进行调整。

 

调节亮度,在让产品稍微拱起来一些,保证透视合理性。



再利用曲线对受光背光面的明暗重新进行调整。



最后,统一三个产品的色彩平衡,我们这里处理的时候,都加入了一点冷色调,让画面的颜色保持统一。



同理,最前方的红色产品也是一样的逻辑,利用拱形模拟仰视视角。

 

但是,因为前方基本没有遮挡物,所以,我们需要给这个产品加一个红色的底面。



注意,展示台对产品是有一些遮挡的,需要扣除这一部分。

 

调整角度其实不难,关键是要统筹各方面的细节,也要学会跳出单个产品,从全局的视角观察画面的真实性。





接下来,重头戏来了,台面的质感刻画。

 

先对台面进行一个简单的定光分面,将相同朝向的面的光感和对比度调到一致。



接着,就是给台子叠材质。

 

花瓣、站酷这类的网站都是很好用的素材库,我们可以直接去这些网站上找参考。



这次想做出那种亮闪闪的感觉,拉入找到的玻璃素材,调整角度。



然后高斯模糊,我们只需要这个素材的质感,素材本身是什么颜色并不重要。



也可以试着在台子上加一些纹理细节。



同样去色,用一个简单的图层模式,比如柔光。



这类素材加入后,台子的颗粒感就会更强,看起来也更高级。



材质加完,再进行一个整体的调色,不管是明暗关系还是颜色,我们都可以在有质感的前提下,进行二次调整,保证整体色调的统一。



后面2层台阶的绘制方法同理,我们这里就快进跳过~





这些弄完后,接着就是光效。

 

其实花瓣上的光效是非常多的,输入关键词,钻石光,这种比较炫目的光效在化妆品海报中,经常出现。



很多时候,不是素材难找,是大家不会用,这问题就需要多试多练,没什么捷径。

 

用的多了,加光效其实是很轻而易举的事情。



相同地方的调整用相同的方法,素材堆积的越多,台面的细节也就会更加丰富。

 

叠效果的时候需要考虑海报的具体用途,是偏向品牌调性的平面设计还是偏向活动的促销海报。

 

如果是偏向活动的促销类海报,那光效叠多一点,是完全OK的,实在不行,你还可以根据最终效果,对细节进行删减。



记得台子棱角的高光,也要用直线工具勾勒出来。选择与台子匹配的高光色,改为滤色模式,调整不透明度,与整体环境融合。



然后按照最底部台面的视觉效果,给其他台面的边缘统一处理,注意根据海报的受光逻辑,分区压暗提亮。





为了产品的呈现效果更加真实,加倒影这一步,肯定是必不可少。

 

光从右上方打入,影子将偏向左边,先勾出影子大概的形状。



选择动感模糊,模拟影子渐变,边缘虚化的效果。



删除多余的选区,在影子的边缘加一些高斯模糊,加强朦胧感。



最后,利用曲线给影子压暗,考虑到光线反射,台面颜色偏蓝,影子也就可以在色彩平衡中偏向蓝色。



化妆品包装材质很多是半透明的,所以也可以在影子中做一些焦散效果,模拟化妆品底部的透光感。

 

那么焦散到底要怎么做?

 

最省时省力的方法,当然还是找素材,叠进去。



先将倒影的中心擦亮,边缘保持暗部,擦亮区域对应的就是焦散的区域。

 

接着根据产品的颜色,加一些红色的光效。



再拉入你找到的素材,增加倒影的纹理感。



这一套流程下来,基本就能达到产品体积感的塑造。

 

为了视觉效果更加美观,我们选择加入一些漂浮的丝带进行装饰。



丝带贯穿整个海报,很好地综合了画面颜色上的冷清,让消费者感觉更容易亲近。

 

同时也能够与前方产品的红色形成呼应,丰富画面层次。

 

最后的最后,就是惯用的camera raw大法,统一色调。加上文案,这样一张美妆首页海报就做完了。





最后,我们用一张GIF图来回顾一下海报的前后变化:



这一次,我们主要讲的就是产品、台子的质感和光效制作,内容比较偏向于实用性电商。

 

背景以及细节,我们下次一定。



对于很多经验不是那么丰富的新手,掌握这种设计方法,拥有这样一套美妆首页风格的海报,会很讨应聘公司喜欢。



这也是我们把这个稿子当成案例给大家讲解的原因,这类的技法基本是入门必学操作。

 

这次的作品其实是我们一位全能班的学员贡献的,先感谢一下这位努力的朋友。

 

因为做的确实不错,就被我们的老师直接征用了!!!



在没上我们的课之前,他的作品其实是这样的:



没想到吧~ 看完这个教程,相信你也能行!



如果说创意是灵魂,决定这幅作品的高度。技法就是躯干,是基石,让创意落地,让你能将脑海中的构思转变为实际。

 

设计师技法的重要性,相信大家在日常工作或者跳槽求职的时候都大有体会。

 

技法进步,四舍五入就是升职加薪。



可能也有朋友要说了,这张图好看,是因为产品本身的质感很到位。

 

但除了拍摄,产品的质感也可以通过精修搞定。



这部分内容,我们也会在之后的教程中,陆续教给大家~




但这都不是重点!!!

 

7月14日,大饼老师将在视频号为大家带来此类海报的免费直播讲解!

看图扫码预约!


 

电商设计师升职加薪难?

 

思维层次上来了,问题就好办了!20:00来直播间,大饼老师带你打破思维局限,给升职加薪提提速!

 

同时,大家有什么设计技法或者求职上的困惑,都可以到时候跟大饼老师在线互动,争取把问题一次解决。



最后,送上一个超大福利。

 

可能很多老朋友不知道,我们除了官网jsboom.com,还有一个在线学习平台!

 

vip.jsboom.com

 

这也是我们最新的学习大本营。所有课程,这个平台上都有,还有很多免费的设计小教程!点击在线直接观看!



教程每周上新!案例全网首发!卷起来的时候,直接每周3更!从高级合成到C4D,样样俱全!

 

看到上面的0.01元课程了嘛?扫描下方二维码,免费领取1个月超级VIP,1分钱都给你省了,统统无门槛免费看!



如果你有什么想学的,也可以扫码把你的需求告诉我们,我们将根据大家的建议研发新的教程!

 

PS,邀请新人进入店铺,还可免费增加一天会员时长噢!时长上不封顶!赶快行动起来吧!





速看!10分钟,破译大厂同款海报设计技法!【杰视帮】的评论 (共 条)

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