一、5分钟搞定风扇特效
夏天到了,很多产品的详情页需求都增加了一项:清凉感。
尤其是像电脑、散热器、风扇这类产品,用视觉的方式展现风扇的强劲与清凉是许多甲方共同的需求。
那么,像这样的风扇特效如何制作?
来,5分钟搞定它!
首先,我们先给背景做一个纯色背景,为了体现出画面的清凉感,颜色选择上可以选择一个明度偏暗的冷色调。
以产品为中心,运用曲线配合蒙版工具,将产品周边的光源发散效果做一个初步处理。
然而,由于背景的冷色调让风扇本身显得有些暗沉,因此,我们借助曲线工具先将产品整体提亮:
再用色彩平衡工具迎合背景色给产品着色:
如果饱和度不够,再新建一个色相/饱和度工具增加色彩的饱和度:
前期准备工作完毕,我们开始做特效。
首先,选中所有的产品图层,Ctrl+Shift+Alt+E盖印一层:
框选产品区域,点击滤镜-扭曲-旋转扭曲:
将数值调大,增加扭曲度,点击确定。
得到扭曲图像后,将图层模式调整为滤色,就可以得到一个初步的旋转特效,并复制两层备用:
我们用高斯模糊进一步增加它的动态效果:
我们将之前复制好的备用旋转效果移动到产品下方,用高斯模糊进一步增加动态模糊效果,增加它旋转的层次感:
之后,我们新建滤色图层,在产品中心处追加一些亮色,让中心更加明显:
如果核心部件有些发雾,我们可以用蒙版将它的局部色彩做一个还原:
如果希望将风扇效果展现强力一些,我们可以继续复制一层,将范围扩大,同时记得增加高斯模糊的数值,和背景形成均匀过渡:
整体处理好后,我们再来做一点风扇边缘的高光效果:
像这种锋利的特效光如何制作呢?给大家分享一个快捷的方式。
我们新建一个空白图层,用画笔或渐变工具做一个正圆:
Ctrl+T整体压扁,再拉长:
右键选择【变形】:
左上角的模式选择扇形,再根据产品弧度进行调节即可:
处理完成后,根据扇叶调整大小,摆放至扇叶边缘,最后将图层模式改为滤色:
如果觉得光效不够,很简单,复制一层叠上去即可~
一部分做好了,其他部分就不用挨个制作了,整体复制通过旋转放至合适的位置即可~
效果是不是已经出来了?
我们继续,点选产品图层,获取轮廓边缘,新建图层,描2像素亮色边:
将描边适当高斯模糊,配合蒙版进保留棱角转折处:
最后,我们复制产品图层,依次旋转错位,再降低错位后的产品不透明度,做出旋转产生的残影效果:
老规矩,做完以后盖印,在Camera Raw中做一个整体调整:
加上文案,搞定收工,简单吧~
没学够?那我们再来一个。
二、10分钟搞定芯片特效
上一个教程说到的电脑手机类3C数码产品,除了表现散热的优秀,甲方还会要求我们在视觉上展现芯片的科技与强劲。
像这种充满科技感的特效芯片如何制作?
如果你消化完了第一个教程,那你继续往下看。
10分钟,教你搞定科幻芯片的绘制:
拿到背景图,我们先用钢笔工具将中间的矩形勾出来:
老规矩,先复制一层备用。
我们将矩形向上移动几个像素,作为玻璃的顶面:
再用钢笔工具把侧面画出来,为了方便观察,我们可以用不同颜色填充:
填充好后,我们可以粗暴地直接将侧面和顶面的不透明度降低,表现出玻璃的半透明质感:
打上我们的文案LOGO,放在玻璃顶层,整个玻璃体块的立体感就初步完成了:
我们将字体改为白色,双击图层打开图层样式界面,勾选外发光和内发光选项。
注意,光的色彩饱和度要尽量低一点,同时降低一些不透明度,迎合玻璃的通透感:
接下来,我们开始处理玻璃的质感。
首先,勾选顶面轮廓,新建图层,描一个亮色边:
对底部也进行同样的描边操作,不过色彩的亮度调暗一些:
将底面描边缩小,适当调整,匹配画面的透视:
框的处理完成后,我们开始添加玻璃细节。
在顶面边框图层新建蒙版,适当做一点明暗的过渡:
接下来,新建图层,点选顶层矩形区域,在矩形区域内追加一些蓝色的透射光感:
顶面的处理告一段落,我们开始做厚度打磨。
用选区工具得到玻璃的左侧面选区,用处理顶部一样的手法,给侧面的玻璃增加反光:
同样的操作把右侧面的反光也处理好:
但这时候会发现,两个侧面直接的界面模糊掉了,因此,我们在棱角处增加一道亮色边,将玻璃的棱角感强化一下:
别忘了,还有背面的厚度也要做同样的处理~
处理完成后,我们像做字体发光一样,双击打开图层样式,做一些外发光处理:
如果觉得效果不够呢,我们可以新建图层,图层模式选择滤色,用画笔在玻璃周围画一些光效上去:
如果想对色彩进行整体调整,我们可以直接盖印,用万能的Camera Raw进行调整:
最后,新建图层,在顶面整体加一层反射光,强化它的受光感:
加上文案,大功告成,不难吧
记得收藏起来慢慢学习!