這篇教程是向腳本之家介紹利用Photoshop繪制漂亮炫彩的立體3D圓環(huán)logo方法，效果非常地漂亮，難度也不是很大，推薦到腳本之家，一起來學(xué)習(xí)吧！

3D圓環(huán)logo主要是通過不同的切割，最后完成一個(gè)弧度分明的立體圓環(huán)，特別考驗(yàn)選區(qū)的使用以及對(duì)幾何的理解，為了保證消化，先奉上第一篇，來學(xué)習(xí)咯。有同學(xué)表示之前教的東西弱爆了，點(diǎn)名要做一個(gè)多彩，圖形疊加效果的，好吧那咱今天做這個(gè)，考慮到步驟比較復(fù)雜我們先講圖形下節(jié)課再上色。

先看看效果圖

首先建立600×400的畫布，背景色設(shè)為黑色。然后使用橢圓工具，在畫布中央畫一個(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)物。

首先我們復(fù)制大圓a，得到一個(gè)新大圓圖層，取名為g，按住Ctrl點(diǎn)擊圖層c縮略圖 得到c的選區(qū)，如圖：

使用選區(qū)工具按住shift把畫布一象限納入選區(qū)，如圖：

保持選區(qū)不變的狀態(tài)下，圖層選中剛才你復(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)圖形了!這里簡(jiǎn)單說一下：

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

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

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

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

簡(jiǎn)單起見我們使用圖層樣式完成這部分工作，首先是綠色圖層g的樣式：

得到這樣的效果：

再接再厲，為剩下三個(gè)圓套用下面的樣式：

藍(lán)色

紅色

黃色

樣式加好后得到這樣的效果：

之后我們?yōu)閳A環(huán)添加一個(gè)頂部高光。在圓環(huán)圖層之上新建一個(gè)空白圖層(快捷鍵ctrl+alt+shift+N)。

之后選中漸變工具，首先調(diào)整為模式。選擇頂部菜單欄下方工具欄中的漸變模式，點(diǎn)擊進(jìn)入到編輯模式，選擇預(yù)設(shè)中第二個(gè)前景色到透明漸變模式這樣以來我們便可以制作由前景色到透明的漸變圖形了。

接下來選擇頂部菜單工具欄中的徑向漸變，在剛才新建的空白圖層，拽一個(gè)尺寸合適的高光出來，通過變形工具(菜單-自由變換，快捷鍵Ctrl+T)稍微調(diào)整一下，并把不透明度設(shè)為70%，效果下圖：

同樣的方法在底部拽一個(gè)漸變，模式改為柔光不透明度70%

這樣一來，圓環(huán)的基本色，漸變，高光底光都有了。我們需要把他們視作一個(gè)整體，繼續(xù)強(qiáng)化質(zhì)感。選中所有圓弧以及高光，底光在內(nèi)的六個(gè)圖層，把它們放到同一個(gè)分組里(快捷鍵Ctrl+G)。

用遮罩把多余的底光和頂光遮擋起來，點(diǎn)擊大圓a得到大圓的選區(qū)，選中文件夾“環(huán)”，點(diǎn)擊底部遮罩圖標(biāo)，建立遮罩，如下

接下來給文件夾“環(huán)”添加樣式，和給圖層添加樣式一樣的，雙擊文件夾層，添加樣式

得到如下效果：

最后一步了，添加背景。首先把剛才創(chuàng)建的這個(gè)文件夾整個(gè)復(fù)制一個(gè)(快捷鍵Ctrl+J)，把得到的這個(gè)新文件夾命名為“背景”。在文件夾圖層上點(diǎn)右鍵，選擇轉(zhuǎn)換為智能對(duì)象

接下來把它變成一個(gè)模糊的背景，保持背景智能對(duì)象選中的狀態(tài)下，選擇頂部菜單中的濾鏡-模糊-高斯模糊，半徑設(shè)為80.

圖層不透明度改為80%，就大功告成了：

以上就是Photoshop繪制漂亮炫彩的立體3D圓環(huán)logo教程，希望大家喜歡！

最新評(píng)論