久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

31
2024/05

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

發(fā)布時(shí)間:2024-05-31 22:37:59
發(fā)布者:guokai
瀏覽量:
0

重點(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

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

將兩個(gè)圖層進(jìn)行疊加,得到一張背景圖

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

第二步:

繼續(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

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

第三步:

新建圖層,制作“風(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%

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

第四步:

新建圖層,制作“風(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

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

第五步:

新建圖層,制作“風(fēng)扇扇格部分”:

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

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

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

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

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

第六步:

新建圖層,制作“風(fēng)扇扇葉部分”:

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

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

扇葉分解圖:

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

賦予【風(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

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

扇葉做好了,但是感覺(jué)還是不夠豐富,怎么辦呢?這時(shí)候就需要我們自己手動(dòng)用鋼筆工具(P)畫(huà)一下扇葉的暗部了,效果如下:

PS教程,教你打造擬物風(fēng)扇圖標(biāo) 

第七步:

新建圖層,加深風(fēng)扇扇框部分;

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

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

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

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

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

最后,我們?cè)偌由宵c(diǎn)裝飾(電線和投影)就完成啦!

PS教程,教你打造擬物風(fēng)扇圖標(biāo)

關(guān)鍵詞:
返回列表