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

2018-01-24 1710 0
編者按:來繪制一個(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% image007 接下來我們繪制一系列不透明度10%輔助圖形,以便于我們繪制出這個(gè)復(fù)雜的幾何圖案。首先繪制一個(gè)直徑128的同心圓b,在分別在上下左右繪制直徑192的四個(gè)切圓c,d,e,f。 image009 首先我們畫第一個(gè)圓弧g(下圖紅色部分),圖中可以看出,g是大圓a和中圓c,e還有小圓b互相切割的產(chǎn)物 (編者按:下面是畫出圓弧g的具體操作。) image011
首先我們復(fù)制大圓a,得到一個(gè)新大圓圖層,取名為g。 按住Ctrl點(diǎn)擊圖層c縮略圖 得到c的選區(qū),如圖:
image017 使用選區(qū)工具 (快捷鍵M)按住shift(這里要增加選區(qū))把畫布一象限(左上區(qū)域)納入選區(qū),如圖: image021 保持選區(qū)不變的狀態(tài)下(別亂點(diǎn)畫布)圖層選中剛才你復(fù)制出來的大圓g (一定要選中哦),點(diǎn)擊圖層面板最下面的圖標(biāo) 創(chuàng)建圖層蒙板。 你的圖層g是不是變成這樣了?(關(guān)掉另外幾個(gè)圖層方便查看,Ctrl+shift+h可以隱藏矢量圖形邊緣輔助線,不過看完了記得再按一次恢復(fù)回來)
image027 接下來再扣掉中圓e的部分。用上面同樣的辦法選中e,按住alt用選區(qū)工具剪掉第三象限(左下),如圖
image029 取保選中g(shù)的遮罩 給遮罩的這個(gè)區(qū)域填充黑色(確保前景色是黑色,快捷鍵alt+delet),得到下面的圖形:
image033 最后一步,選中小圓b,得到b的選區(qū),回到g的遮罩,為遮罩的這個(gè)區(qū)域填充黑色,這樣我們就得到了圓環(huán)第一條圓弧g:
image036 套用上面一樣的方法操作三次就得到最終的圓環(huán)圖形了!這里簡單說一下: 復(fù)制a得到h,選中e以及畫布第二象限(左上),對h做遮罩。然后選中d,并減去畫布第四象限(右下),對遮罩填色,最后選中b對遮罩填色,得到第二個(gè)圓?。?image037 復(fù)制a得到i,選中d以及畫布第三象限(左下),對i做遮罩。然后選中f,并減去畫布第一象限(右上),對遮罩填色,最后選中b對遮罩填色,得到第三個(gè)圓?。?br /> image039 復(fù)制a得到j(luò),選中f以及畫布第四象限(右下),對j做遮罩。然后選中c,并減去畫布第二象限(左上),對遮罩填色,最后選中b對遮罩填色,得到第三個(gè)圓?。?br /> image041 這次很圓了,分別填色:g綠色#88bc18,h藍(lán)色#0d91bf,i紅色#e34021,j黃色#fdb837,并把透明度調(diào)回100%去看看:
image043
好了我們先到這,休息一下,下節(jié)課我們來研究怎么給這個(gè)色環(huán)上質(zhì)感。 
10
評論區(qū)(0)
正在加載評論...