不知昨天的風(fēng)扇特效教程，大家消化的怎么樣了？

昨天提到說(shuō)像電腦手機(jī)等3C類數(shù)碼產(chǎn)品，除了表現(xiàn)散熱的優(yōu)秀，甲方還會(huì)要求我們?cè)谝曈X(jué)上展現(xiàn)芯片的科技與強(qiáng)勁。

那么，像這種充滿科技感的特效芯片如何制作呢？

話不多說(shuō)，咱們直接上硬貨！

10分鐘，教你搞定科幻芯片的繪制

拿到背景圖，我們先用鋼筆工具將中間的矩形勾出來(lái)：

老規(guī)矩，先復(fù)制一層備用。

我們將矩形向上移動(dòng)幾個(gè)像素，作為玻璃的頂面：

再用鋼筆工具把側(cè)面畫(huà)出來(lái)，為了方便觀察，我們可以用不同顏色填充：

填充好后，我們可以粗暴地直接將側(cè)面和頂面的不透明度降低，表現(xiàn)出玻璃的半透明質(zhì)感：

打上我們的文案LOGO，放在玻璃頂層，整個(gè)玻璃體塊的立體感就初步完成了：

我們將字體改為白色，雙擊圖層打開(kāi)圖層樣式界面，勾選外發(fā)光和內(nèi)發(fā)光選項(xiàng)。

注意，光的色彩飽和度要盡量低一點(diǎn)，同時(shí)降低一些不透明度，迎合玻璃的通透感：

接下來(lái)，我們開(kāi)始處理玻璃的質(zhì)感。

首先，勾選頂面輪廓，新建圖層，描一個(gè)亮色邊：

對(duì)底部也進(jìn)行同樣的描邊操作，不過(guò)色彩的亮度調(diào)暗一些：

將底面描邊縮小，適當(dāng)調(diào)整，匹配畫(huà)面的透視：

框的處理完成后，我們開(kāi)始添加玻璃細(xì)節(jié)。

在頂面邊框圖層新建蒙版，適當(dāng)做一點(diǎn)明暗的過(guò)渡：

接下來(lái)，新建圖層，點(diǎn)選頂層矩形區(qū)域，在矩形區(qū)域內(nèi)追加一些藍(lán)色的透射光感：

頂面的處理告一段落，我們開(kāi)始做厚度打磨。

用選區(qū)工具得到玻璃的左側(cè)面選區(qū)，用處理頂部一樣的手法，給側(cè)面的玻璃增加反光：

同樣的操作把右側(cè)面的反光也處理好：

但這時(shí)候會(huì)發(fā)現(xiàn)，兩個(gè)側(cè)面直接的界面模糊掉了，因此，我們?cè)诶饨翘幵黾右坏懒辽叄瑢⒉ＡУ睦饨歉袕?qiáng)化一下：

別忘了，還有背面的厚度也要做同樣的處理~

處理完成后，我們像做字體發(fā)光一樣，雙擊打開(kāi)圖層樣式，做一些外發(fā)光處理：

如果覺(jué)得效果不夠呢，我們可以新建圖層，圖層模式選擇濾色，用畫(huà)筆在玻璃周圍畫(huà)一些光效上去：

如果想對(duì)色彩進(jìn)行整體調(diào)整，我們可以直接蓋印，用萬(wàn)能的Camera Raw進(jìn)行調(diào)整：

最后，新建圖層，在頂面整體加一層反射光，強(qiáng)化它的受光感：

加上文案，大功告成，不難吧？

像這樣經(jīng)常用在詳情頁(yè)和首頁(yè)中的特定效果，我們未來(lái)會(huì)不定期更新，以案例的形式免費(fèi)分享給大家制作訣竅。

但是，想設(shè)計(jì)出讓甲方?jīng)]有拒絕理由的詳情頁(yè)，光是會(huì)這些小技巧可不夠。

電商設(shè)計(jì)師除了技法，還得培養(yǎng)商業(yè)思維。

而商業(yè)思維不能靠一兩個(gè)案例就能輕松培養(yǎng)，這是一個(gè)充滿長(zhǎng)期主義浪漫色彩的學(xué)習(xí)過(guò)程。

所以大家對(duì)我們的分享感興趣的話，

關(guān)注我們，

第一時(shí)間獲得最新訊息吧~