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

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


5分鐘搞定風扇特效
像電腦、散熱器、風扇這類產品,用視覺的方式展現(xiàn)風扇的強勁與清涼是許多甲方共同的需求。
?
夏天雖然還沒來,但實用的干貨小技巧可以先奉上。
?
那么,像這樣的風扇特效如何制作?

來,5分鐘搞定它!

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

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

然而,由于背景的冷色調讓風扇本身顯得有些暗沉,因此,我們借助曲線工具先將產品整體提亮:

再用色彩平衡工具迎合背景色給產品著色:

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


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

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

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

得到扭曲圖像后,將圖層模式調整為濾色,就可以得到一個初步的旋轉特效,并復制兩層備用:

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

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

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

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

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

整體處理好后,我們再來做一點風扇邊緣的高光效果:


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

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

右鍵選擇【變形】:

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

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

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

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

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

將描邊適當高斯模糊,配合蒙版進保留棱角轉折處:

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

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

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

怎么樣?夠干貨吧?是不是一學就會?
?
像這種3c類的數(shù)碼產品,除了表現(xiàn)散熱的優(yōu)秀,甲方還會要求我們在視覺上展現(xiàn)芯片的科技與強勁。
那么如何制作科技感滿滿的特效芯片呢?

欲知詳情,請聽下回分享~
?