重點：

這次練習主要是對光影、顏色對形體、空間的塑造，對這塊運用不熟練的小伙伴，可以參考一下。

整個教程分為【背景】【機身】【扇葉】【扇框內(nèi)投影】【光-顏色】五個部分；我們首先從背景層開始。

第一步：

打開ps，新建一個寬度：400 px；高度：300 px；分辨率：72 px的文檔，命名為“風扇”

制作背景圖，使用漸變工具（G）整體扯出差不多的效果就可以了（顏色僅供參考）

背景漸變：徑向   #ededed~#b1adaa  

近景漸變：線性   #e1e0df~#b1adaa

將兩個圖層進行疊加，得到一張背景圖

第二步：

繼續(xù)新建圖層，制作“風扇底座”：

使用矩形工具（U）：長180px；寬180px；半徑8px（顏色不限，后期會通過漸變蓋?。? , 得到一個圓角矩形；同時，通過調(diào)整圖層樣式添加效果，賦予圖層立體感（所有效果關(guān)閉全局光，以免影響后面光線）（所有數(shù)值僅供參考）

l 內(nèi)陰影（上方高光）：混合模式選擇：“濾色” 顏色  #b4785a 不透明度：75% 角度：90° 距離：5px 大?。?px

l 內(nèi)陰影（下面暗部）：混合模式選擇：“正片疊底”  顏色#  8f8696 不透明度：76% 角度：-52° 距離：4px 大小：5px

l 漸變疊加（整體顏色修改）：混合模式選擇：“正?！睒邮剑壕€性  顏色：#b4b6bb ~ #f2eee9  角度：103°

l 投影：混合模式選擇：“正片疊底” 顏色：#22272a  不透明度：31%   角度：90° 距離：2px 大?。?px

第三步：

新建圖層，制作“風扇扇框部分”：

長摁矩形工具選擇橢圓工具（Shift+U）：寬：138px；高：138px（顏色不限，后期會通過漸變蓋?。┑玫揭粋€圓形；同時，通過調(diào)整圖層樣式添加效果，賦予圖層立體感（所有效果關(guān)閉全局光，以免影響后面光線）（所有數(shù)值僅供參考）

l 描邊（營造弧度）：大?。?px 位置：外部 填充類型：漸變 顏色：#757e8a ~ #ccd4dc 角度：-68°

l 內(nèi)陰影（增加深度）：正片疊底 顏色：#5e6f84 不透明度：75% 角度：90° 距離：1px 大?。?2px

l 漸變疊加（光影）：正常 樣式：徑向 顏色：#636363 ~ #bdccdb 角度：90° 縮放：127%

第四步：

新建圖層，制作“風扇外部扇框部分”：

長摁矩形工具選擇橢圓工具（Shift+U）：寬：112px；高：112px（顏色不限，后期會通過漸變蓋住）得到一個圓形，注意與上面的圓形對齊（如果手動對齊太麻煩，可以在制作的時候先拉好大圓的中心點輔助線，小圓制作時直接將鼠標放在中心點，左鍵點擊輸入數(shù)值，勾選“從中心”即可）；同時，通過調(diào)整圖層樣式添加效果，賦予圖層立體感（所有效果關(guān)閉全局光，以免影響后面光線）（所有數(shù)值僅供參考）

l 描邊（增加體積）大?。?px 位置：外部 不透明度：30% 填充類型：漸變 顏色：#535050 ~ #826969 角度：-59°

l 漸變疊加（顏色）：混合模式：正常 樣式：徑向 顏色：#f2eee9 ~ #b4b6bb 角度：103° 縮放：150%

l 投影（增加深度）混合模式：濾色 顏色：#ffffff 不透明度：36% 角度：114° 距離：4px

第五步：

新建圖層，制作“風扇扇格部分”：

使用橢圓工具—描邊制作，粗細情況個人選擇；通過調(diào)整圖層樣式添加效果，賦予圖層立體感（所有效果關(guān)閉全局光，以免影響后面光線）（所有數(shù)值僅供參考）

l 漸變疊加（顏色） 混合模式：正常 樣式：線性 顏色：#323b49 ~ #b9c0c7 角度：-52°

l 投影（影子） 混合模式：正常 顏色：#f6f0e8 不透明度：58% 角度：90° 距離：1px

第六步：

新建圖層，制作“風扇扇葉部分”：

我們可以使用矩形工具 (U)來做，大小比例自己來決定。顏色：#FFFFFF

扇葉分解圖：

賦予【風扇扇葉部分】光感，通過調(diào)整圖層樣式添加效果，賦予圖層立體感（所有效果關(guān)閉全局光，以免影響后面光線）（所有數(shù)值僅供參考）

l 內(nèi)陰影 模式：正片疊底 顏色：#ede2d9 不透明度：75% 角度：90° 距離：1px

l 圖層樣式：漸變疊加 模式：正常 樣式：徑向 顏色：#cfd1d5 ~ #e6e2de 角度：90° 縮放：127%

l 圖層樣式：投影 模式：正常 顏色：#814f23 不透明度：25% 角度：105° 距離：9px

扇葉做好了，但是感覺還是不夠豐富，怎么辦呢？這時候就需要我們自己手動用鋼筆工具（P）畫一下扇葉的暗部了，效果如下：

第七步：

新建圖層，加深風扇扇框部分；

我們可以直接把機身部分的那個大的【圓形扇框】復(fù)制兩層，圖層填充改為0%，放到最頂層， 用來給扇框的內(nèi)部加兩層投影，豐富投影變化，增加空間感

l 圖層樣式：內(nèi)陰影 模式：正片疊底 顏色：#5e6f84 不透明度：77% 角度：90° 距離：9px 大?。?9

l 圖層樣式：內(nèi)陰影 模式：正片疊底 顏色：#3d588a 不透明度：30% 角度：90° 距離：4px 大?。?0

最后，我們再加上點裝飾（電線和投影）就完成啦！