Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形八卦圖標(biāo)

優(yōu)設(shè) 發(fā)布時(shí)間：2014-06-04 16:54:29 作者：akanelee

本教程主要使用Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形圖標(biāo)，經(jīng)?？吹接腥藛?wèn)這種圓型icon要怎么做，覺(jué)得很有趣稍微思考一下原理

本教程主要使用Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形圖標(biāo)，經(jīng)常看到有人問(wèn)這種圓型icon要怎么做，覺(jué)得很有趣稍微思考一下原理，做了個(gè)簡(jiǎn)易快速版本。

中間的漸層色
畫(huà)一個(gè)圓，設(shè)圖層樣式，角度。
Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形八卦圖標(biāo)

凹進(jìn)去的部份
其實(shí)是用迭的，再畫(huà)一個(gè)半圓，設(shè)內(nèi)陰影。
Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形八卦圖標(biāo)

中心
畫(huà)一個(gè)圓，用圖層樣式設(shè)定，一層就能解決厚度和高光問(wèn)題。
Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形八卦圖標(biāo)

外框
用形狀工具、重迭兩個(gè)圓畫(huà)出圓環(huán)。同樣用圖層樣式設(shè)定，一層就解決厚度和高光。
Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形八卦圖標(biāo)

陰影
復(fù)制需要陰影的那個(gè)圖層、高斯模糊，復(fù)制一層略縮小85%，調(diào)整透明度和重迭部份，陰影會(huì)比較立體。共有外框、中心、整體這 3 個(gè)部份要處理。
Photoshop設(shè)計(jì)藍(lán)色立體效果的圓形八卦圖標(biāo)

如果這顆ICON小于300x300px 、又不是主力ICON只是個(gè)配角、且走扁平化風(fēng)格的話，用圖層樣式一層解決高光和厚度是很方便快速的作法。但如果是擬物風(fēng)就得把這幾層拆開(kāi)獨(dú)立制作。比較有趣的部份是「角度漸層」，平時(shí)很少使用這種漸層方式、明明是凹陷的部份卻以迭加一個(gè)圓的方式制造假陰影也扭轉(zhuǎn)平時(shí)的作圖想法。果然多臨摹大師作品可以學(xué)到很多不同的思維方式。