詳情頁里的這些特效原來是這樣做的!【杰視幫】
在這設(shè)計(jì)成為“剛需”的時代,為了不被迫躺平,設(shè)計(jì)師仍需提升自己的設(shè)計(jì)水平。

所以今天話不多說,直接給大家上干貨教程。

5分鐘搞定風(fēng)扇特效
像電腦、散熱器、風(fēng)扇這類產(chǎn)品,用視覺的方式展現(xiàn)風(fēng)扇的強(qiáng)勁與清涼是許多甲方共同的需求。
夏天雖然過去了,但實(shí)用的干貨小技巧不會過時。
那么,像這樣的風(fēng)扇特效如何制作?

來,5分鐘搞定它!

首先,我們先給背景做一個純色背景,為了體現(xiàn)出畫面的清涼感,顏色選擇上可以選擇一個明度偏暗的冷色調(diào)。

以產(chǎn)品為中心,運(yùn)用曲線配合蒙版工具,將產(chǎn)品周邊的光源發(fā)散效果做一個初步處理。

然而,由于背景的冷色調(diào)讓風(fēng)扇本身顯得有些暗沉,因此,我們借助曲線工具先將產(chǎn)品整體提亮:

再用色彩平衡工具迎合背景色給產(chǎn)品著色:

如果飽和度不夠,再新建一個色相/飽和度工具增加色彩的飽和度:


前期準(zhǔn)備工作完畢,我們開始做特效。
首先,選中所有的產(chǎn)品圖層,Ctrl+Shift+Alt+E蓋印一層:

框選產(chǎn)品區(qū)域,點(diǎn)擊濾鏡-扭曲-旋轉(zhuǎn)扭曲:

將數(shù)值調(diào)大,增加扭曲度,點(diǎn)擊確定。

得到扭曲圖像后,將圖層模式調(diào)整為濾色,就可以得到一個初步的旋轉(zhuǎn)特效,并復(fù)制兩層備用:

我們用高斯模糊進(jìn)一步增加它的動態(tài)效果:

我們將之前復(fù)制好的備用旋轉(zhuǎn)效果移動到產(chǎn)品下方,用高斯模糊進(jìn)一步增加動態(tài)模糊效果,增加它旋轉(zhuǎn)的層次感:

之后,我們新建濾色圖層,在產(chǎn)品中心處追加一些亮色,讓中心更加明顯:

如果核心部件有些發(fā)霧,我們可以用蒙版將它的局部色彩做一個還原:

如果希望將風(fēng)扇效果展現(xiàn)強(qiáng)力一些,我們可以繼續(xù)復(fù)制一層,將范圍擴(kuò)大,同時記得增加高斯模糊的數(shù)值,和背景形成均勻過渡:

整體處理好后,我們再來做一點(diǎn)風(fēng)扇邊緣的高光效果:


像這種鋒利的特效光如何制作呢?給大家分享一個快捷的方式。
我們新建一個空白圖層,用畫筆或漸變工具做一個正圓:

Ctrl+T整體壓扁,再拉長:

右鍵選擇【變形】:

左上角的模式選擇扇形,再根據(jù)產(chǎn)品弧度進(jìn)行調(diào)節(jié)即可:

處理完成后,根據(jù)扇葉調(diào)整大小,擺放至扇葉邊緣,最后將圖層模式改為濾色:

如果覺得光效不夠,很簡單,復(fù)制一層疊上去即可~

一部分做好了,其他部分就不用挨個制作了,整體復(fù)制通過旋轉(zhuǎn)放至合適的位置即可~

效果是不是已經(jīng)出來了?
我們繼續(xù),點(diǎn)選產(chǎn)品圖層,獲取輪廓邊緣,新建圖層,描2像素亮色邊:

將描邊適當(dāng)高斯模糊,配合蒙版進(jìn)保留棱角轉(zhuǎn)折處:

最后,我們復(fù)制產(chǎn)品圖層,依次旋轉(zhuǎn)錯位,再降低錯位后的產(chǎn)品不透明度,做出旋轉(zhuǎn)產(chǎn)生的殘影效果:

老規(guī)矩,做完以后蓋印,在Camera Raw中做一個整體調(diào)整:

加上文案,搞定收工,簡單吧~

怎么樣?夠干貨吧?是不是一學(xué)就會?

像這種3c類的數(shù)碼產(chǎn)品,除了表現(xiàn)散熱的優(yōu)秀,甲方還會要求我們在視覺上展現(xiàn)芯片的科技與強(qiáng)勁。
那么如何制作科技感滿滿的特效芯片呢?

咱們下次再上干貨教程~
大家今天就先消化消化這個風(fēng)扇特效的制作吧~

好了,今天的干貨教程就分享到此。
喜歡的話,請關(guān)注我們,及時獲取最新干貨教程~
同時,歡迎隨時私信我們喲~
