編者按：來繪制一個(gè)超炫酷的圓環(huán)疊加圖標(biāo)！今天@網(wǎng)秦UEC 同學(xué)分享的教程，效果非常漂亮，通過不同的切割，最后完成一個(gè)弧度分明的立體圓環(huán)，特別考驗(yàn)選區(qū)的使用以及對幾何的理解，為了保證消化，先奉上第一篇，來學(xué)習(xí)咯。 @網(wǎng)秦UEC ：有同學(xué)表示之前教的東西弱爆了，點(diǎn)名要做一個(gè)多彩，圖形疊加效果的，你們饒了我好嗎？寫教程很慢的我還要上班好吧！ 好吧，那咱今天做這個(gè)，考慮到步驟比較復(fù)雜我們先講圖形下節(jié)課再上色。 首先建立600×400的畫布，背景色設(shè)為黑色。然后使用橢圓工具（快捷鍵u） 在畫布中央畫一個(gè)直徑256的白色圓a。為了方便后面的操作，我們把矢量圓形的不透明度設(shè)為10％ 接下來我們繪制一系列不透明度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ù)制出來的大圓g （一定要選中哦），點(diǎn)擊圖層面板最下面的圖標(biāo) 創(chuàng)建圖層蒙板。 你的圖層g是不是變成這樣了？（關(guān)掉另外幾個(gè)圖層方便查看，Ctrl＋shift＋h可以隱藏矢量圖形邊緣輔助線，不過看完了記得再按一次恢復(fù)回來）
接下來再扣掉中圓e的部分。用上面同樣的辦法選中e，按住alt用選區(qū)工具剪掉第三象限（左下），如圖
取保選中g(shù)的遮罩 給遮罩的這個(gè)區(qū)域填充黑色（確保前景色是黑色，快捷鍵alt＋delet），得到下面的圖形：
最后一步，選中小圓b，得到b的選區(qū)，回到g的遮罩，為遮罩的這個(gè)區(qū)域填充黑色，這樣我們就得到了圓環(huán)第一條圓弧g：
套用上面一樣的方法操作三次就得到最終的圓環(huán)圖形了！這里簡單說一下： 復(fù)制a得到h，選中e以及畫布第二象限（左上），對h做遮罩。然后選中d，并減去畫布第四象限（右下），對遮罩填色，最后選中b對遮罩填色，得到第二個(gè)圓?。? 復(fù)制a得到i，選中d以及畫布第三象限（左下），對i做遮罩。然后選中f，并減去畫布第一象限（右上），對遮罩填色，最后選中b對遮罩填色，得到第三個(gè)圓?。?br /> 復(fù)制a得到j(luò)，選中f以及畫布第四象限（右下），對j做遮罩。然后選中c，并減去畫布第二象限（左上），對遮罩填色，最后選中b對遮罩填色，得到第三個(gè)圓弧：
這次很圓了，分別填色：g綠色＃88bc18，h藍(lán)色＃0d91bf，i紅色＃e34021，j黃色＃fdb837，并把透明度調(diào)回100%去看看：

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