Photoshop繪制漂亮炫彩的立體3D圓環(huán)logo教程
這篇教程是向腳本之家介紹利用Photoshop繪制漂亮炫彩的立體3D圓環(huán)logo方法,效果非常地漂亮,難度也不是很大,推薦到腳本之家,一起來學(xué)習(xí)吧!
3D圓環(huán)logo主要是通過不同的切割,最后完成一個弧度分明的立體圓環(huán),特別考驗(yàn)選區(qū)的使用以及對幾何的理解,為了保證消化,先奉上第一篇,來學(xué)習(xí)咯。有同學(xué)表示之前教的東西弱爆了,點(diǎn)名要做一個多彩,圖形疊加效果的,好吧那咱今天做這個,考慮到步驟比較復(fù)雜我們先講圖形下節(jié)課再上色。
先看看效果圖

首先建立600×400的畫布,背景色設(shè)為黑色。然后使用橢圓工具,在畫布中央畫一個直徑256的白色圓a。為了方便后面的操作,我們把矢量圓形的不透明度設(shè)為10%

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

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

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

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

保持選區(qū)不變的狀態(tài)下,圖層選中剛才你復(fù)制出來的大圓g【一定要選中哦】,點(diǎn)擊圖層面板最下面的圖標(biāo) 創(chuàng)建圖層蒙板。你的圖層g是不是變成這樣了,關(guān)掉另外幾個圖層方便查看,Ctrl+shift+h可以隱藏矢量圖形邊緣輔助線,不過看完了記得再按一次恢復(fù)回來。

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

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

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

套用上面一樣的方法操作三次就得到最終的圓環(huán)圖形了!這里簡單說一下:
復(fù)制a得到h,選中e以及畫布第二象限(左上),對h做遮罩。然后選中d,并減去畫布第四象限(右下),對遮罩填色,最后選中b對遮罩填色,得到第二個圓?。?/p>

復(fù)制a得到i,選中d以及畫布第三象限(左下),對i做遮罩。然后選中f,并減去畫布第一象限(右上),對遮罩填色,最后選中b對遮罩填色,得到第三個圓?。?/p>

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

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

簡單起見我們使用圖層樣式完成這部分工作,首先是綠色圖層g的樣式:

得到這樣的效果:

再接再厲,為剩下三個圓套用下面的樣式:
藍(lán)色

紅色

黃色

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

之后我們?yōu)閳A環(huán)添加一個頂部高光。在圓環(huán)圖層之上新建一個空白圖層(快捷鍵ctrl+alt+shift+N)。
之后選中漸變工具,首先調(diào)整為模式。選擇頂部菜單欄下方工具欄中的漸變模式,點(diǎn)擊進(jìn)入到編輯模式,選擇預(yù)設(shè)中第二個前景色到透明漸變模式這樣以來我們便可以制作由前景色到透明的漸變圖形了。
接下來選擇頂部菜單工具欄中的徑向漸變,在剛才新建的空白圖層,拽一個尺寸合適的高光出來,通過變形工具(菜單-自由變換,快捷鍵Ctrl+T)稍微調(diào)整一下,并把不透明度設(shè)為70%,效果下圖:

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

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


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

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

得到如下效果:

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

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

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

以上就是Photoshop繪制漂亮炫彩的立體3D圓環(huán)logo教程,希望大家喜歡!
相關(guān)文章

PS怎畫倉庫標(biāo)志圖? ps倉庫圖標(biāo)設(shè)計(jì)技巧
PS怎畫倉庫標(biāo)志圖?想要設(shè)計(jì)簡單的倉庫標(biāo)志,該怎么操作呢?下面我們就來看看ps倉庫圖標(biāo)設(shè)計(jì)技巧,詳細(xì)請看下文介紹2023-07-28
ps怎么畫簡筆畫的篝火火焰圖標(biāo)? ps火焰logo的繪制技巧
ps怎么畫簡筆畫的篝火火焰圖標(biāo)?ps中想要繪制一個篝火的簡筆畫logo,該怎么繪制呢?下面我們就來看看ps火焰logo的繪制技巧2023-07-21
ps怎么設(shè)計(jì)愛護(hù)牙齒圖標(biāo)? ps畫愛牙標(biāo)志的技巧
ps怎么設(shè)計(jì)愛護(hù)牙齒圖標(biāo)?ps中想要繪制一款愛護(hù)牙齒的矢量圖,該怎么繪制這個標(biāo)志呢?下面我們就來看看ps畫愛牙標(biāo)志的技巧2023-07-21
ps怎么設(shè)計(jì)游戲手柄logo標(biāo)志? Photoshop畫簡筆畫游戲手柄的技巧
ps怎么設(shè)計(jì)游戲手柄logo標(biāo)志?ps中想要繪制一款游戲手柄的簡筆畫圖形作為logo使用,該怎么繪制呢?下面我們就來看看Photoshop畫簡筆畫游戲手柄的技巧2023-07-18
ps怎么畫收納袋logo? ps設(shè)計(jì)收納袋簡筆畫圖形的技巧
ps怎么畫收納袋logo?ps中想要畫一個收納袋,該怎么繪制呢?下面我們就來看看ps設(shè)計(jì)收納袋簡筆畫圖標(biāo)的技巧2023-07-14
ps怎么畫攝影機(jī)logo矢量圖? photoshop手繪簡筆畫攝影機(jī)的技巧
ps怎么畫攝影機(jī)logo矢量圖?想要畫一個攝像機(jī)的logo,該怎么手繪一款簡單易懂的攝像機(jī)圖標(biāo)呢?下面我們就來看看photoshop手繪簡筆畫攝影機(jī)的技巧2023-07-11
ps怎么畫一個圓角骰子?想要繪制一個骰子,但是想要畫成圓角效果的,該怎么操作呢?下面我們就來看看ps畫簡筆畫骰子矢量圖的技巧2023-07-11
PS怎么設(shè)計(jì)漸變色的數(shù)字標(biāo)志牌? PS漸變式圖標(biāo)的做法
PS怎么設(shè)計(jì)漸變色的數(shù)字標(biāo)志牌?ps中想要設(shè)計(jì)一款漸變圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來看看PS漸變式圖標(biāo)的做法,詳細(xì)請看下文介紹2022-11-22
ps怎么繪制眼睛標(biāo)志? ps設(shè)計(jì)眼睛矢量圖標(biāo)的技巧
ps怎么繪制眼睛標(biāo)志?想要設(shè)計(jì)一個圖形代表眼睛,該怎么繪制眼睛這個圖標(biāo)呢?下面我們就來看看ps設(shè)計(jì)眼睛矢量圖標(biāo)的技巧,詳細(xì)請看下文介紹2022-11-22
ps+ai設(shè)計(jì)喜糖鋪?zhàn)铀囆g(shù)字標(biāo)志的logo
想要設(shè)計(jì)一款喜糖鋪?zhàn)拥臉?biāo)志圖標(biāo),該怎么設(shè)計(jì)這款矢量圖標(biāo)呢?下面我們就來看看ps+ai設(shè)計(jì)喜糖鋪?zhàn)訕?biāo)志的技巧,詳細(xì)請看下文介紹2022-08-09







