今天為大家分享Photoshop繪制漂亮高格調(diào)的立體擬物風(fēng)扇圖標(biāo)方法，教程很不錯，光影非常漂亮，喜歡的朋友可以參考本文。

效果圖：

練習(xí)重點：

這次練習(xí)主要練習(xí)光影、顏色對形體、空間的塑造，對這塊運用不熟練的小伙伴，值得動手練習(xí)一下。

整個教程分為【背景】【機身】【扇葉】【扇框內(nèi)投影】【光-顏色】五個部分，每個部分在完成以后都進行了編組，所以你們要注意圖層分組。

我們首先從背景層開始。

步驟一：

打開你的Adobe Photoshop，創(chuàng)建一個新文檔。

寬度：400 px

高度：300 px

分辨率：72 px

制作擬物圖標(biāo)背景：

溫馨提示：這主要是用漸變工具(G)，整體扯出差不多的效果過就可以啦。

底層漸變：徑向 – #ededed~#b1adaa

近景亮色：線性 – #e1e0df~#b1adaa

步驟二：

制作【風(fēng)扇機身】：

溫馨提示：用圓角矩形工具(U)，該圖層命名為【風(fēng)扇機身】，顏色填充#e2e1e0。

寬度：180 px

高度：180 px

半徑：8 px

賦予【風(fēng)扇機身】光感，制造體積感：

溫馨提示：用圖層樣式時，盡量都【不要使用全局光】，因為使用后，在添加相同樣式，制作不同角度的效果時，會有影響。

圖層樣式：內(nèi)陰影 模式：濾色 顏色：#b4785a 不透明度：75% 角度：90° 距離：5px 大小：5px

圖層樣式：內(nèi)陰影 模式：正片疊底 顏色：#8f8696 不透明度：76% 角度：-52° 距離：4px 大?。?px

圖層樣式：漸變疊加 模式：正常 樣式：線性 顏色：#b4b6bb ~ #f2eee9 角度：103°

圖層樣式：投影 模式：正片疊底 顏色：#22272a 不透明度：20% 角度：90° 距離：2px 大小：2px

步驟三：

制作電扇【圓形扇框】：

溫馨提示：用 橢圓工具 (U)，該圖層命名為【圓形扇框】，顏色填充#e2e1e0。

寬度：138 px

高度：138 px

賦予【圓形扇框】光感，制造體積感：

溫馨提示：用圖層樣式時，盡量都【不要使用全局光】，因為使用后，在添加相同樣式，制作不同角度的效果時，會有影響。

圖層樣式：描邊 大?。?px 位置：外部 填充類型：漸變 顏色：#757e8a ~ #ccd4dc 角度：-68°

圖層樣式：內(nèi)陰影 模式：正片疊底 顏色：#5e6f84 不透明度：75% 角度：90° 距離：1px 大小：12px

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

步驟四：

制作電扇【 圓形扇框2 】：

溫馨提示：用 橢圓工具 (U)，該圖層命名為【圓形扇框2】，顏色填充#e2e1e0，注意對齊中心。

寬度：112 px

高度：112 px

賦予【圓形扇框2】光感，制造體積感：

溫馨提示：用圖層樣式時，盡量都【不要使用全局光】，

圖層樣式：描邊 大?。?px 位置：外部 不透明度：30% 填充類型：漸變 顏色：#535050 ~ #826969 角度：-59°

圖層樣式：漸變疊加 模式：正常 樣式：徑向 顏色：#f2eee9 ~ #b4b6bb 角度：103° 縮放：150%

圖層樣式：投影 模式：濾色 顏色：#ffffff 不透明度：36% 角度：114° 距離：4px

步驟五：

制作電扇【扇格部分】：

溫馨提示：用橢圓工具(U)的描邊來做，粗細(xì)自己定。該圖層命名為【扇格部分】，顏色填充#ffffff

賦予【扇格部分】光感，制造體積感：

圖層樣式：漸變疊加 模式：正常 樣式：線性 顏色：#323b49 ~ #b9c0c7 角度：-61°

圖層樣式：投影 模式：正常 顏色：#f6f0e8 不透明度：45% 角度：90° 距離：1px

步驟六：

整理圖層面板：

溫馨提示：做到這里，【機身組】的內(nèi)容已經(jīng)完成了。你們可以通過上圖的圖層面板，命名、 整理、 分類你的圖層，這是一個很重要的好習(xí)慣，它能讓你更有效率的進行工作。

步驟七：

制作電扇【扇頁】：

溫馨提示：用圓角矩形工具 (U)來做，大小比例自己定。該圖層命名為【扇頁】，顏色填充#ffffff

最新評論