Illustrator 制作好看的藍(lán)色矢量風(fēng)格氣泡
最終效果:

最終效果
1.新建文件,用矩形工具(M)畫個(gè)矩形,填個(gè)較深顏色,讓氣泡顯示的明顯些。如圖1。

圖1
2.用橢圓工具(L)畫一個(gè)圓圈。如圖2。

圖2
3.用鋼筆工具(p)畫出如圖所示的形狀,并原位復(fù)制那個(gè)黑圓圈(ctrl+c--ctrl+f),選擇黑圈與新畫的形狀,用路徑查找器里的“與形狀區(qū)域相交”,取其交集,然后點(diǎn)擊擴(kuò)展。如圖3。 
圖3
4.繼續(xù)用鋼筆工具畫出你認(rèn)為應(yīng)該有高光的區(qū)域。如圖4。

圖4
5.用3.4中的方法作出其它的高光或反光區(qū)域。如圖5、6、7。

圖5

圖6

圖7
6.逐漸完善氣泡上的各個(gè)高光及反光區(qū)域,不用在意他們的疊加次序,后期可以調(diào)整(ctrl+[ctrl+])。在畫的過程中,以盡量少的節(jié)點(diǎn)來畫出想要的形狀,以此來保持線條的光滑。如圖8、9、10。 
圖8

圖9

圖10
用橢圓工具(L)畫一個(gè)圓。用美工刀工具(C)將圓切成兩半,大體效果如圖。刪掉上半部分的圓,用添加錨點(diǎn)工具(+)添加幾個(gè)錨點(diǎn),用直接選擇工具(A)選中相應(yīng)節(jié)點(diǎn),調(diào)整位置大體如圖。通過調(diào)整錨點(diǎn)的控制柄,讓圖形圓滑些。(當(dāng)然,這一步你也可以直接畫三個(gè)小圓去剪切大圓的下部分?;蛘咧苯佑娩摴P工具畫最下面的那個(gè)形狀),如圖11、12、13。 
圖11

圖12

圖13
7.現(xiàn)在,氣泡上的反光及高光范圍已經(jīng)基本畫好,僅保留描邊色看一下(位置不一定非得這樣,按照個(gè)人對(duì)氣泡的理解,覺得哪里該反光就畫哪里)。如圖14。 
圖14
8.給各部分填充顏色,首先隱藏剛開始畫的那個(gè)黑色的圓,選中一塊形狀,用黑到白的漸變填充,適當(dāng)降低透明度,并更改混合模式為“濾色”。如圖15。 
圖15
用同樣的方法給其它部分上色(數(shù)值不一定完全按照這個(gè)來,隨個(gè)人喜歡)。如圖16、17、18。

圖16

圖17

圖18
9.因?yàn)閷?duì)象較多,在上色的時(shí)候不可避免的會(huì)有誤選的時(shí)候,可以通過鎖定(ctrl+2)或者隱藏(ctrl+3)相關(guān)對(duì)象的方法盡量避免誤選擇。也可以通過圖層管理器來方便的選擇你想要的目標(biāo)。如圖19。 
圖19
填充顏色不要僅局限于漸變,用網(wǎng)格填充會(huì)產(chǎn)生過度更加柔和的過度。如圖20、21、22。

圖20

圖21

圖22
10.深化一下細(xì)節(jié),方法和上面的一樣。沒有固定的數(shù)值和位置,完全根據(jù)自己的想法來就行,在適當(dāng)?shù)牡胤教砑痈嗟募?xì)節(jié),讓氣泡看起來更精彩。如圖23。 
圖23
11.到現(xiàn)在,氣泡已經(jīng)大體完成了。顯示剛才隱藏的那個(gè)黑色圓圈(ctrl+alt+3),將其刪掉,我們已經(jīng)不需要他了,卸磨殺驢:)。把氣泡的其它部分群組(ctrl+g)。如圖24。 
圖24
12.多復(fù)制幾個(gè),調(diào)整透明度和大小,擺放的自然些。如圖25。

圖25
13.氣泡完成了,現(xiàn)在做幾個(gè)小星星給氣泡提提神。同樣用鋼筆(p)畫一個(gè)三角形,填充黑-白的漸變,混合模式“濾色”,如圖26。 
圖26
14.保持三角形的選中狀態(tài),用 效果--扭曲和變換--變換 來作出下面的樣子,參數(shù)如圖27。

圖27
15.把小星星成組(ctrl+g)旋轉(zhuǎn)45°,復(fù)制一個(gè),適當(dāng)?shù)恼{(diào)整大小,一個(gè)小星星就完成了。如圖28。

圖28
16.把星星成組。如圖29。

圖29
17.多復(fù)制幾個(gè)星星,放在氣泡上。下面用網(wǎng)格工具(u)把背景色調(diào)整的更豐富一些。在背景上隨意添加幾個(gè)點(diǎn),調(diào)整顏色,讓背景看起來不那么單調(diào)。如圖30。 
圖30
18.給氣泡上點(diǎn)色:大體的畫如圖31的形狀,添加漸變色,可參考圖中顏色,也可隨意。

圖31
19.給剛才的圖形用個(gè)模糊效果(效果--模糊--景象模糊),參數(shù)大體如圖32。

圖32
20.保持這個(gè)圖形的選中狀態(tài),更改它的混合模式為顏色減淡(大概吧,我也不認(rèn)識(shí)英文)和透明度,讓顏色看起來自然些。如圖33。 
圖33
21.同樣的辦法,添加點(diǎn)別的顏色。如圖34。

圖34
最終的樣子就是下面這樣了,圖35:

圖35
相關(guān)文章
本教程主要使用Illustrator制作夢(mèng)幻朦朧氣泡教程,下面讓我們一起來學(xué)習(xí)吧。2013-02-06- 這篇教程教AI學(xué)習(xí)者們使用AI制做透明氣泡,教程制作出來的氣泡還算不錯(cuò)吧2013-01-22
- 本例中我們用Illustrator來做一種活潑的字體,水汪汪、胖乎乎的,而且還冒著氣泡。2013-01-07
- 本例介紹運(yùn)用AI簡(jiǎn)單四步做一個(gè)漂亮的透明氣泡,在本AI實(shí)例教程中我們將學(xué)習(xí)通過繪制一個(gè)圓形,然后再運(yùn)用內(nèi)發(fā)光、羽化、外發(fā)光等方法簡(jiǎn)單制作出漂亮的透明泡泡效果,希望能2010-02-16
- 本例介紹運(yùn)用AI簡(jiǎn)單四步做一個(gè)漂亮的透明氣泡,在本AI實(shí)例教程中我們將學(xué)習(xí)如何運(yùn)用內(nèi)發(fā)光、蒙板、羽化、漸變填充等方法簡(jiǎn)單制作出漂亮的透明泡泡效果,希望能給朋友們帶來2010-02-16
- 本例中我們用Illustrator來做一種活潑的字體,水汪汪、胖乎乎的,而且還冒著氣泡。 效果如下。 首先我們用Illustrator文字工具輸入自己想要設(shè)計(jì)的文字,我2008-09-29
llustrator(AI)模仿繪制具有Vista系統(tǒng)風(fēng)格的屏保氣泡實(shí)例教程
使用Illustrator中的基本繪圖工具,結(jié)合漸變色、投影效果,也能制作出來極為類似的彩色氣泡2013-07-30


