优秀设计资源 » 大牌同款海报的设计技法!

大牌同款海报的设计技法!

发表于: 优秀设计资源. 评论 (1)
Sponsor

最近,22届的毕业生算是正式踏入职场了,我们的社群总能看到一些小朋友在求助:“想进大厂,但是自己作品质量一般,真的感觉作品集拿不出手……” 相信这个问题,很多小伙伴在刚入行的时候,都遇到过。

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

你将收获:

  • 仰视视角下,产品的透视、光影该如何处理?
  • 如何巧用素材,给页面增加质感?

大牌同款海报的设计技法!

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

下面就进入今天的教程。

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

大牌美妆海报的设计技法!

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

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

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

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

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

大牌美妆海报的设计技法!

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

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

大牌美妆海报的设计技法!

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

大牌美妆海报的设计技法!

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

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

大牌同款海报的设计技法!

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

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

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

大牌同款海报的设计技法!

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

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

大牌同款海报的设计技法!

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

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

大牌同款海报的设计技法!

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

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

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

大牌同款海报的设计技法!

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

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

大牌同款海报的设计技法!

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

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

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

那么焦散到底要怎么做?

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

大牌同款海报的设计技法!

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

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

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

大牌同款海报的设计技法!

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

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

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

大牌同款海报的设计技法!

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

大牌同款海报的设计技法!

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

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

来源:杰视帮 ID:jacksean003

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论One Response to “大牌同款海报的设计技法!”

  1. 1 - 回复

    牛啊


Leave a Reply to 1