重點(diǎn):
這次練習(xí)主要是對(duì)光影、顏色對(duì)形體、空間的塑造,對(duì)這塊運(yùn)用不熟練的小伙伴,可以參考一下。
整個(gè)教程分為【背景】【機(jī)身】【扇葉】【扇框內(nèi)投影】【光-顏色】五個(gè)部分;我們首先從背景層開(kāi)始。
第一步:
打開(kāi)ps,新建一個(gè)寬度:400 px;高度:300 px;分辨率:72 px的文檔,命名為“風(fēng)扇”
制作背景圖,使用漸變工具(G)整體扯出差不多的效果就可以了(顏色僅供參考)
背景漸變:徑向 #ededed~#b1adaa
近景漸變:線性 #e1e0df~#b1adaa
將兩個(gè)圖層進(jìn)行疊加,得到一張背景圖
第二步:
繼續(xù)新建圖層,制作“風(fēng)扇底座”:
使用矩形工具(U):長(zhǎng)180px;寬180px;半徑8px(顏色不限,后期會(huì)通過(guò)漸變蓋?。? , 得到一個(gè)圓角矩形;同時(shí),通過(guò)調(diào)整圖層樣式添加效果,賦予圖層立體感(所有效果關(guān)閉全局光,以免影響后面光線)(所有數(shù)值僅供參考)
l 內(nèi)陰影(上方高光):混合模式選擇:“濾色” 顏色 #b4785a 不透明度:75% 角度:90° 距離:5px 大小:5px
l 內(nèi)陰影(下面暗部):混合模式選擇:“正片疊底” 顏色# 8f8696 不透明度:76% 角度:-52° 距離:4px 大?。?px
l 漸變疊加(整體顏色修改):混合模式選擇:“正常”樣式:線性 顏色:#b4b6bb ~ #f2eee9 角度:103°
l 投影:混合模式選擇:“正片疊底” 顏色:#22272a 不透明度:31% 角度:90° 距離:2px 大?。?px
第三步:
新建圖層,制作“風(fēng)扇扇框部分”:
長(zhǎng)摁矩形工具選擇橢圓工具(Shift+U):寬:138px;高:138px(顏色不限,后期會(huì)通過(guò)漸變蓋?。┑玫揭粋€(gè)圓形;同時(shí),通過(guò)調(diào)整圖層樣式添加效果,賦予圖層立體感(所有效果關(guān)閉全局光,以免影響后面光線)(所有數(shù)值僅供參考)
l 描邊(營(yíng)造弧度):大小:2px 位置:外部 填充類型:漸變 顏色:#757e8a ~ #ccd4dc 角度:-68°
l 內(nèi)陰影(增加深度):正片疊底 顏色:#5e6f84 不透明度:75% 角度:90° 距離:1px 大?。?2px
l 漸變疊加(光影):正常 樣式:徑向 顏色:#636363 ~ #bdccdb 角度:90° 縮放:127%
第四步:
新建圖層,制作“風(fēng)扇外部扇框部分”:
長(zhǎng)摁矩形工具選擇橢圓工具(Shift+U):寬:112px;高:112px(顏色不限,后期會(huì)通過(guò)漸變蓋?。┑玫揭粋€(gè)圓形,注意與上面的圓形對(duì)齊(如果手動(dòng)對(duì)齊太麻煩,可以在制作的時(shí)候先拉好大圓的中心點(diǎn)輔助線,小圓制作時(shí)直接將鼠標(biāo)放在中心點(diǎn),左鍵點(diǎn)擊輸入數(shù)值,勾選“從中心”即可);同時(shí),通過(guò)調(diào)整圖層樣式添加效果,賦予圖層立體感(所有效果關(guān)閉全局光,以免影響后面光線)(所有數(shù)值僅供參考)
l 描邊(增加體積)大小:2px 位置:外部 不透明度:30% 填充類型:漸變 顏色:#535050 ~ #826969 角度:-59°
l 漸變疊加(顏色):混合模式:正常 樣式:徑向 顏色:#f2eee9 ~ #b4b6bb 角度:103° 縮放:150%
l 投影(增加深度)混合模式:濾色 顏色:#ffffff 不透明度:36% 角度:114° 距離:4px
第五步:
新建圖層,制作“風(fēng)扇扇格部分”:
使用橢圓工具—描邊制作,粗細(xì)情況個(gè)人選擇;通過(guò)調(diào)整圖層樣式添加效果,賦予圖層立體感(所有效果關(guān)閉全局光,以免影響后面光線)(所有數(shù)值僅供參考)
l 漸變疊加(顏色) 混合模式:正常 樣式:線性 顏色:#323b49 ~ #b9c0c7 角度:-52°
l 投影(影子) 混合模式:正常 顏色:#f6f0e8 不透明度:58% 角度:90° 距離:1px
第六步:
新建圖層,制作“風(fēng)扇扇葉部分”:
我們可以使用矩形工具 (U)來(lái)做,大小比例自己來(lái)決定。顏色:#FFFFFF
扇葉分解圖:
賦予【風(fēng)扇扇葉部分】光感,通過(guò)調(diào)整圖層樣式添加效果,賦予圖層立體感(所有效果關(guān)閉全局光,以免影響后面光線)(所有數(shù)值僅供參考)
l 內(nèi)陰影 模式:正片疊底 顏色:#ede2d9 不透明度:75% 角度:90° 距離:1px
l 圖層樣式:漸變疊加 模式:正常 樣式:徑向 顏色:#cfd1d5 ~ #e6e2de 角度:90° 縮放:127%
l 圖層樣式:投影 模式:正常 顏色:#814f23 不透明度:25% 角度:105° 距離:9px
扇葉做好了,但是感覺(jué)還是不夠豐富,怎么辦呢?這時(shí)候就需要我們自己手動(dòng)用鋼筆工具(P)畫(huà)一下扇葉的暗部了,效果如下:
第七步:
新建圖層,加深風(fēng)扇扇框部分;
我們可以直接把機(jī)身部分的那個(gè)大的【圓形扇框】復(fù)制兩層,圖層填充改為0%,放到最頂層, 用來(lái)給扇框的內(nèi)部加兩層投影,豐富投影變化,增加空間感
l 圖層樣式:內(nèi)陰影 模式:正片疊底 顏色:#5e6f84 不透明度:77% 角度:90° 距離:9px 大小:29
l 圖層樣式:內(nèi)陰影 模式:正片疊底 顏色:#3d588a 不透明度:30% 角度:90° 距離:4px 大?。?0
最后,我們?cè)偌由宵c(diǎn)裝飾(電線和投影)就完成啦!