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

详情页里的这些特效原来是这样做的!【杰视帮】

2021-08-26 15:55 作者:杰视帮设计  | 我要投稿

在这设计成为“刚需”的时代,为了不被迫躺平,设计师仍需提升自己的设计水平。

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

5分钟搞定风扇特效

像电脑、散热器、风扇这类产品,用视觉的方式展现风扇的强劲与清凉是许多甲方共同的需求。

夏天虽然过去了,但实用的干货小技巧不会过时。

那么,像这样的风扇特效如何制作?


来,5分钟搞定它!


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


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


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


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


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

前期准备工作完毕,我们开始做特效。

首先,选中所有的产品图层,Ctrl+Shift+Alt+E盖印一层:


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


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


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


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


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


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


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


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


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

像这种锋利的特效光如何制作呢?给大家分享一个快捷的方式。

我们新建一个空白图层,用画笔或渐变工具做一个正圆:


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


右键选择【变形】:


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


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


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


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


效果是不是已经出来了?

我们继续,点选产品图层,获取轮廓边缘,新建图层,描2像素亮色边:


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


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


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


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


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

像这种3c类的数码产品,除了表现散热的优秀,甲方还会要求我们在视觉上展现芯片的科技与强劲。

那么如何制作科技感满满的特效芯片呢?


咱们下次再上干货教程~

大家今天就先消化消化这个风扇特效的制作吧~

好了,今天的干货教程就分享到此。

喜欢的话,请关注我们,及时获取最新干货教程~

同时,欢迎随时私信我们哟~


详情页里的这些特效原来是这样做的!【杰视帮】的评论 (共 条)

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