教你一个暖风机详情页加热特效技巧,设计大佬都在用!

2年前
转载原作者:电商美工设计师·亿洋设计经验文章 文章版权归原作者本人所有
3289 0 0

周一好呀~这次给大家展示特效的是暖风机的一个加热效果,我们先来看下完整的效果展示:

首先这个特效主要运用光的一层层叠加,通过不同的图层样式来达到多层次光特效效果。

整体的场景在这里我就不做过多的讲解和说明了,大家可以根据自己想要的场景去搭建一个即可,我这里直接用一个做好的背景,然后对产品进行最基本的光影绘制。

对于光影的三大面和五大调还不清楚的同学可以去看下之前的电商系统课程,里面都做了详细的讲解。注意绘制光影关系的时候要先确定光源再去绘制,因为光源的方向和强弱都会影响产品的光影。

简单绘制一下产品的光影,受光面+背光面+测光面+投影。

摆放好产品之后我们开始对暖风扇出风口区域加入光效,第一层是风扇外圈上面的发光特效。

紧接着我们开始重点去画暖风的效果,这里我分了3层,从内到位,进行颜色的变化,让光更加的有层次,这里大家也可以去参考一下光效的图,看看他里面是光是如何变化的,主要去参考这类型的光颜色变化,在这个基础上根据自己的产品和场景进行适当的调整。

参考光:

这里光的层次从最外层的橘红色-橘黄色-黄色,这样的一个顺序变化即可,让光加的厚重有层次,这样看上去视觉效果更好更加的真实。

这里做的时候要注意光的透视效果,最右边可以进行变形调整到合适的效果即可。

接着我们画里面的线条,这个线条制作很简单方法也很多我就不过多介绍了,不懂的可以看下课程视频里面的操作步骤。然后沿着这个暖光效果去做变形处理,贴合即可。然后用蒙版擦除过渡一下两端。

继续绘制两个光圈,用之前的备份好的产品头部圆形调整即可,选择描边效果,给一个橘红色到黄色的渐变,具体可以根据自己要的效果调没有固定的颜色参数,这里也要考虑透视的变化,这样加热特效的效果就完成了。最后我们进行一个简单的文字排版,把文案加上就搞定了。

最后我们再来看一下,整体的效果不是很复杂,主要是光的叠加和图形绘制。我们既不能做的过于浮夸还要保证产品的卖点清晰展现,需要注意到的细节方面还是比较多的,大家可以尝试着进行一下练习,把控一下光的变化和层次感。


来源 | 电商美工设计师(ID:gh_d2a89c66d497)

文章 | 亿洋设计

编辑 | 亿洋设计

尾部.png


分享到:
0/500
需要 登录 才可以提问哦 ...
全部评论 0

成为第一个评论的人

巧匠课堂(2qj.com) 高端电商设计师培训品牌 © 2015-2022 备案号: 粤ICP备19041343号-4
广播电视节目制作经营许可证 (粤)字第05206号
增值电信业务经营许可证: 粤B2-20200431