PS教程！手把手教你繪制炫彩立體圓環(huán)圖標(biāo)（一）

編者按：來(lái)繪制一個(gè)超炫酷的圓環(huán)疊加圖標(biāo)！今天@網(wǎng)秦UEC?同學(xué)分享的教程，效果非常漂亮，通過(guò)不同的切割，最后完成一個(gè)弧度分明的立體圓環(huán)，特別考驗(yàn)選區(qū)的使用以及對(duì)幾何的理解，為了保證消化，先奉上第一篇，來(lái)學(xué)習(xí)咯。

@網(wǎng)秦UEC ：有同學(xué)表示之前教的東西弱爆了，點(diǎn)名要做一個(gè)多彩，圖形疊加效果的，你們饒了我好嗎？寫教程很慢的我還要上班好吧！

好吧，那咱今天做這個(gè)，考慮到步驟比較復(fù)雜我們先講圖形下節(jié)課再上色。

首先建立600x400的畫布，背景色設(shè)為黑色。然后使用橢圓工具（快捷鍵u）

在畫布中央畫一個(gè)直徑256的白色圓a。為了方便后面的操作，我們把矢量圓形的不透明度設(shè)為10％

接下來(lái)我們繪制一系列不透明度10%輔助圖形，以便于我們繪制出這個(gè)復(fù)雜的幾何圖案。首先繪制一個(gè)直徑128的同心圓b，在分別在上下左右繪制直徑192的四個(gè)切圓c，d，e，f。

首先我們畫第一個(gè)圓弧g（下圖紅色部分），圖中可以看出，g是大圓a和中圓c，e還有小圓b互相切割的產(chǎn)物

（編者按：下面是畫出圓弧g的具體操作。）

首先我們復(fù)制大圓a，得到一個(gè)新大圓圖層，取名為g。

按住Ctrl點(diǎn)擊圖層c縮略圖 得到c的選區(qū)，如圖：

使用選區(qū)工具 （快捷鍵M）按住shift（這里要增加選區(qū)）把畫布一象限（左上區(qū)域）納入選區(qū)，如圖：

保持選區(qū)不變的狀態(tài)下（別亂點(diǎn)畫布）圖層選中剛才你復(fù)制出來(lái)的大圓g （一定要選中哦），點(diǎn)擊圖層面板最下面的圖標(biāo) 創(chuàng)建圖層蒙板。

你的圖層g是不是變成這樣了？（關(guān)掉另外幾個(gè)圖層方便查看，Ctrl＋shift＋h可以隱藏矢量圖形邊緣輔助線，不過(guò)看完了記得再按一次恢復(fù)回來(lái)）

接下來(lái)再扣掉中圓e的部分。用上面同樣的辦法選中e，按住alt用選區(qū)工具剪掉第三象限（左下），如圖

取保選中g(shù)的遮罩 給遮罩的這個(gè)區(qū)域填充黑色（確保前景色是黑色，快捷鍵alt＋delet），得到下面的圖形：

最后一步，選中小圓b，得到b的選區(qū)，回到g的遮罩，為遮罩的這個(gè)區(qū)域填充黑色，這樣我們就得到了圓環(huán)第一條圓弧g：

套用上面一樣的方法操作三次就得到最終的圓環(huán)圖形了！這里簡(jiǎn)單說(shuō)一下：

復(fù)制a得到h，選中e以及畫布第二象限（左上），對(duì)h做遮罩。然后選中d，并減去畫布第四象限（右下），對(duì)遮罩填色，最后選中b對(duì)遮罩填色，得到第二個(gè)圓弧：

復(fù)制a得到i，選中d以及畫布第三象限（左下），對(duì)i做遮罩。然后選中f，并減去畫布第一象限（右上），對(duì)遮罩填色，最后選中b對(duì)遮罩填色，得到第三個(gè)圓弧：

復(fù)制a得到j(luò)，選中f以及畫布第四象限（右下），對(duì)j做遮罩。然后選中c，并減去畫布第二象限（左上），對(duì)遮罩填色，最后選中b對(duì)遮罩填色，得到第三個(gè)圓弧：

這次很圓了，分別填色：g綠色＃88bc18，h藍(lán)色＃0d91bf，i紅色＃e34021，j黃色＃fdb837，并把透明度調(diào)回100%去看看：

好了我們先到這，休息一下，下節(jié)課我們來(lái)研究怎么給這個(gè)色環(huán)上質(zhì)感。

手把手教你繪制炫酷圖標(biāo)教程合集！

超擬物化的毛線風(fēng)格圖標(biāo)教程！
《PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)》

教你繪制螺旋圓點(diǎn)花紋的小技巧！
《PS教程：教你創(chuàng)建精美的螺旋圓點(diǎn)花紋ICON》

干凈漂亮的圓形漸變圖標(biāo)教程！
《PS新手教程：中國(guó)臺(tái)灣設(shè)計(jì)師教你快速制作圓形漸變圖標(biāo)》

原文地址：uec.nq
投稿者：@網(wǎng)秦UEC

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量85萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：