設(shè)計(jì)臨摹臺(tái)式風(fēng)扇圖片的PS實(shí)例教程

2019-11-08 15:47:20 來(lái)源/作者: PS網(wǎng) / 浩軒 己有:729人學(xué)習(xí)過(guò)

去年做的擬物圖標(biāo)臨摹練習(xí)。做總結(jié)的時(shí)候看到這個(gè)作品,感覺(jué)光影依然非常漂亮。索性就把教程重新規(guī)范化寫(xiě)一遍,拿來(lái)跟大家分享。

效果圖:

設(shè)計(jì)臨摹臺(tái)式風(fēng)扇圖片的PS實(shí)例教程

 

練習(xí)重點(diǎn):

這次練習(xí)主要練習(xí)光影、顏色對(duì)形體、空間的塑造,對(duì)這塊運(yùn)用不熟練的小伙伴,值得動(dòng)手練習(xí)一下。

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

我們首先從背景層開(kāi)始。

步驟一:

打開(kāi)你的Adobe Photoshop,創(chuàng)建一個(gè)新文檔。

寬度:400 px

高度:300 px

分辨率:72 px

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

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

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

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

設(shè)計(jì)臨摹臺(tái)式風(fēng)扇圖片的PS實(shí)例教程

 

步驟二:

制作【風(fēng)扇機(jī)身】:

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

寬度:180 px

高度:180 px

半徑:8 px

賦予【風(fēng)扇機(jī)身】光感,制造體積感:

設(shè)計(jì)臨摹臺(tái)式風(fēng)扇圖片的PS實(shí)例教程

 

溫馨提示:用圖層樣式時(shí),盡量都【不要使用全局光】,因?yàn)槭褂煤?,在添加相同樣式,制作不同角度的效果時(shí),會(huì)有影響。

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

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

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

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

設(shè)計(jì)臨摹臺(tái)式風(fēng)扇圖片的PS實(shí)例教程

 

步驟三:

制作電扇【圓形扇框】:

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

寬度:138 px

高度:138 px

賦予【圓形扇框】光感,制造體積感:

設(shè)計(jì)臨摹臺(tái)式風(fēng)扇圖片的PS實(shí)例教程

 

 

溫馨提示:用圖層樣式時(shí),盡量都【不要使用全局光】,因?yàn)槭褂煤螅谔砑酉嗤瑯邮?,制作不同角度的效果時(shí),會(huì)有影響。

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

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

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