由于电商设计的特殊性,有时候我们不得不面临超短的项目周期,如何在这样倒计时的情况下快速完成一张有质感有格调的详情页主图?
接下来的舞台交给王子老师,由他来给大家展示如何用40分钟的时间搞定一张详情页主图。
在开始之前,需要说明的是,像这类加急型的项目,我们肯定是没有时间根据产品的卖点、受众以及市场情况去做完整的主图创意策划。
因此,如果要在极短的项目周期里,快速完成一张“不掉价”、“高级感”的主图海报,我们最需要拿捏的关键词是:
质感。我们用最简单的空间搭建,借助光影的表现让整张海报更加高级。
首先,我们先进行空间布局。
用草图的形式将画面分割,拟定好地面的区域。用30秒划分好区域,拟定好草图,我们用选区工具进行空间搭建。
为了区分地面与墙面的结构,可以借助曲线工具将地面的色彩亮度适当提亮。
将图层模式改为正片叠底,适当调节不透明度,地面的简单处理就完成了。
对墙面的纹理添加也是同样的逻辑,像地面墙面这种大面积的底层材质,不宜纹理过于强烈,要做到一种,有纹理,但仿佛又没有的质感就好。
既然是快速出图,能用素材的就绝不手绘,打开花瓣,搜索【窗帘】。
我们选择纹理合适的窗帘,注意,只需要观察纹理,不用在意颜色。
首先,我们在顶部新建黑白观察层,帮助我们排除色彩的干扰。
在黑白模式下,我们可以很明显地发现,窗帘的亮度高于周围环境了。
新建曲线,将窗帘整体亮度适当压暗,同时加强一下对比。
黑白统一了,关闭黑白调整层,接下来我们对窗帘的颜色进行追加。
新建色相饱和度调整层,先将窗帘本身的色彩饱和度降到最低。
背景元素处理好了,我们回到地面区域,为了增加地面的呼吸感,我们可以在产品下方做一个简单的舞台。
由于产品的结构都是做了圆角处理,整体的视觉也是较为平滑,因此,我们对舞台的设计也可以以圆为基准。为了匹配最后画面左上角的文案,我们将台子适当向右侧移动,权衡画面重心。
复制一层,适当抬高,再借助钢笔工具,将两个圆之间的区域连接起来,形成圆柱体的舞台。
同样的套路,既然是快速出图,能贴材质绝不手绘,找一个大理石纹理,匹配透视,通过剪贴蒙版叠上去。
将图层模式改为正片叠底,借助曲线适当调节黑白。
不过,主舞台的制作需要更加精致一些,这种时候,一层纹理往往不能满足需求了,我们可以再叠入一些颗粒感比较强的纹理,增加舞台的层次感。
最后,就是添加我们的一像素灵魂:
棱角打磨。Ctrl+鼠标左键选中台面轮廓,新建图层,选择编辑-描边,描边1像素亮色边。
如何快速解决这个情况?
我们可以在侧面的中间部位添加一圈金属质感的包边。利用选区或钢笔工具,我们将包边大致的形态确定好。填充好底色,新建一个图层,将图层模式改为正片叠底,根据台面的受光,用画笔把金属包边的背光处绘制好。
再新建一个图层,图层模式改为滤色,用画笔强化金属边的受光区。
接下来,我们通过描边,将金属包边的厚度适当表现出来,在配合蒙版删除不需要的部分即可。
最后,将圆台和地面接触的闭塞阴影绘制出来。
地面处理告一段落,我们再回到墙面的细节添加上。
我们可以借助光影的表现快速达到这一目的。
诸如杰克这类手绘大神可以通过手绘的方式在墙面绘制自己理想的影子形态。而对于我们这种普通设计师,还是临近交稿的时间点,还是老老实实去花瓣搜索【影子】寻找素材吧。
打开色阶调整层,加强纹理的黑白对比。
再新建一根曲线,将高光部分适当提亮。
聚焦感不够的话,我们可以用画笔再额外追加一些基础的阴影。
场景的光影处理好了,我们对产品也要做一个光影呼应。
通过曲线和蒙版,我们强化受光区的亮度,同时增强背光区的暗部,这一步和处理圆台光影的方法是一样的,就不重复赘述了。
最后,如果要增加场景的戏剧化,我们可以在产品周边设计一个金属圆环。
先用形状工具绘制好形态。设置好后,我们可以再用曲线对它整体提亮。
另外,金属环在产品上形成的影子可别忘了。
从主图的设计思路,到快速强化质感的各种小技巧,大家学会了吗?
希望大家能多多转发给身边那个凌晨一两点还在苦命加班的电商设计师们。
- END -
你错过的文章
如果你喜欢这篇文章
麻烦给升哥点个 点赞 在看 鼓励一下吧