详情页里的这些特效原来是这样做的!【杰视帮】
在这设计成为“刚需”的时代,为了不被迫躺平,设计师仍需提升自己的设计水平。

所以今天话不多说,直接给大家上干货教程。

5分钟搞定风扇特效
像电脑、散热器、风扇这类产品,用视觉的方式展现风扇的强劲与清凉是许多甲方共同的需求。
夏天虽然过去了,但实用的干货小技巧不会过时。
那么,像这样的风扇特效如何制作?

来,5分钟搞定它!

首先,我们先给背景做一个纯色背景,为了体现出画面的清凉感,颜色选择上可以选择一个明度偏暗的冷色调。

以产品为中心,运用曲线配合蒙版工具,将产品周边的光源发散效果做一个初步处理。

然而,由于背景的冷色调让风扇本身显得有些暗沉,因此,我们借助曲线工具先将产品整体提亮:

再用色彩平衡工具迎合背景色给产品着色:

如果饱和度不够,再新建一个色相/饱和度工具增加色彩的饱和度:


前期准备工作完毕,我们开始做特效。
首先,选中所有的产品图层,Ctrl+Shift+Alt+E盖印一层:

框选产品区域,点击滤镜-扭曲-旋转扭曲:

将数值调大,增加扭曲度,点击确定。

得到扭曲图像后,将图层模式调整为滤色,就可以得到一个初步的旋转特效,并复制两层备用:

我们用高斯模糊进一步增加它的动态效果:

我们将之前复制好的备用旋转效果移动到产品下方,用高斯模糊进一步增加动态模糊效果,增加它旋转的层次感:

之后,我们新建滤色图层,在产品中心处追加一些亮色,让中心更加明显:

如果核心部件有些发雾,我们可以用蒙版将它的局部色彩做一个还原:

如果希望将风扇效果展现强力一些,我们可以继续复制一层,将范围扩大,同时记得增加高斯模糊的数值,和背景形成均匀过渡:

整体处理好后,我们再来做一点风扇边缘的高光效果:


像这种锋利的特效光如何制作呢?给大家分享一个快捷的方式。
我们新建一个空白图层,用画笔或渐变工具做一个正圆:

Ctrl+T整体压扁,再拉长:

右键选择【变形】:

左上角的模式选择扇形,再根据产品弧度进行调节即可:

处理完成后,根据扇叶调整大小,摆放至扇叶边缘,最后将图层模式改为滤色:

如果觉得光效不够,很简单,复制一层叠上去即可~

一部分做好了,其他部分就不用挨个制作了,整体复制通过旋转放至合适的位置即可~

效果是不是已经出来了?
我们继续,点选产品图层,获取轮廓边缘,新建图层,描2像素亮色边:

将描边适当高斯模糊,配合蒙版进保留棱角转折处:

最后,我们复制产品图层,依次旋转错位,再降低错位后的产品不透明度,做出旋转产生的残影效果:

老规矩,做完以后盖印,在Camera Raw中做一个整体调整:

加上文案,搞定收工,简单吧~

怎么样?够干货吧?是不是一学就会?

像这种3c类的数码产品,除了表现散热的优秀,甲方还会要求我们在视觉上展现芯片的科技与强劲。
那么如何制作科技感满满的特效芯片呢?

咱们下次再上干货教程~
大家今天就先消化消化这个风扇特效的制作吧~

好了,今天的干货教程就分享到此。
喜欢的话,请关注我们,及时获取最新干货教程~
同时,欢迎随时私信我们哟~
