ai怎么繪制游戲中常見(jiàn)的運(yùn)氣藥水瓶子?

發(fā)布時(shí)間：2017-10-30 15:22:22 作者：Alex Kunchevsky

ai怎么繪制游戲中常見(jiàn)的運(yùn)氣藥水瓶子？玩游戲的時(shí)候經(jīng)常能見(jiàn)到各種效力的藥水瓶，該怎么制作一個(gè)冒著氣泡的藥水瓶呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下

今天我們就來(lái)看看使用ai設(shè)計(jì)一款藥水瓶的教程，卡通效果的，冒著起泡泡，下面我們就來(lái)看看詳細(xì)的教程。

Adobe Illustrator CS6 (AI cs6) 精簡(jiǎn)綠色中文版(32位+64位)

類型：圖像處理
大?。?/span>200.38MB
語(yǔ)言：簡(jiǎn)體中文
時(shí)間：2014-05-11

查看詳情

一、先看看最終效果圖，如下圖所示。

二、在開(kāi)始教程前先把AI設(shè)置一下

步驟一：編輯-首選項(xiàng)-常規(guī)(快捷鍵Ctrl+k)。注：使用版本為cc2017。

步驟2：這次的教程會(huì)經(jīng)常用到輪廓化描邊，所以我給它設(shè)置快捷鍵為ctrl+w，使得效率提高一倍，根據(jù)自己的習(xí)慣進(jìn)行設(shè)置。編輯-鍵盤(pán)快捷鍵。

三、繪制背景部分-四葉草

步驟1：新建一個(gè)800*600px的畫(huà)布。

步驟2：用直線工具，按住shift，畫(huà)出幾條直線，設(shè)置描邊8px，描邊色值為#495385，把它們選中，右鍵-編組，如下圖。

步驟3：接下來(lái)繪制四葉草的葉子，繪制32*32px的圓，填充顏色#cff9b7，描邊6px，色值#495385，如下列操作。

a：利用小白(即直接選擇工具)，單擊最底端錨點(diǎn)，按Del鍵刪除，描邊設(shè)置圓角。

b：再利用鋼筆工具，繪制如下，(注：視圖-智能參考線勾選上)，然后右鍵-變換-對(duì)稱，復(fù)制一層，如下操作。

c：選中兩個(gè)圖層進(jìn)行聯(lián)集，再輪廓化描邊ctrl+w，然后右鍵取消編組，將發(fā)現(xiàn)描邊和填充圖層分離開(kāi)了。

d：畫(huà)兩個(gè)圓制作高光部分，填充顏色#f3ffee，再把上一步葉子填充圖層復(fù)制ctrl+c，原地粘貼ctrl+f，把復(fù)制的這一層置為最頂層(快捷鍵：shift+ctr+】)。選中兩個(gè)圓和復(fù)制層，右鍵-建立剪貼蒙版，(注：ai的剪貼蒙版圖層順序是跟ps相反的)，如下操作。

e：最后添加細(xì)節(jié)，利用鋼筆工具繪制陰影部分，陰影色值#addb97，第一片葉子就完成，再用小黑(選擇工具)選擇所有圖層，右鍵-編組。

步驟4：同理，多復(fù)制三片葉片，再進(jìn)行細(xì)節(jié)修改，旋轉(zhuǎn)縮放得出以下結(jié)果。并用鋼筆工具繪制根莖。

步驟5：繪制小葉片，畫(huà)出兩個(gè)94*94px的圓，填充顏色#d4f4b3，進(jìn)行聯(lián)集，然后設(shè)置描邊6px，描邊色值和前面一樣，(ai里的吸筆工具小技巧：按住shift可以單獨(dú)吸取需要的顏色，并不會(huì)吸取所有的樣式)，如下所示：

步驟6：這一步我們可以不采用輪廓化描邊，試試別的方法，多復(fù)制一層小葉片，一個(gè)把描邊關(guān)了，一個(gè)把填充關(guān)了，為什么這么做，咋們往后看。

a：多復(fù)制兩層填充圖層，把一層適當(dāng)?shù)馗淖兇笮?，然后兩層進(jìn)行交集，填充顏色#ebffd4，如下圖。

b：復(fù)制多個(gè)小葉片，進(jìn)行變換。在制作四葉草葉片的時(shí)候，我們利用輪廓化描邊，在后來(lái)進(jìn)行放大或縮小，描邊的大小也相應(yīng)地發(fā)生變化，不信?可以量量看。那么接下來(lái)看看怎么處理這樣的情況。

c：描邊是不是一樣粗細(xì)了?接著重復(fù)上一步操作，繪制其它葉片，配合鋼筆工具進(jìn)行銜接，并編組，如下圖。

d：因?yàn)槭桥浣牵o整體編個(gè)組，降低不透明度為30%，對(duì)啊!我們才做了一部分啊TT，主角還沒(méi)登場(chǎng)啊，堅(jiān)持下去，收獲頗豐哦!

四、繪制背景部分-書(shū)本、眼鏡和蝴蝶

步驟1：先繪制書(shū)本，畫(huà)一個(gè)310*100px的矩形，再繪制一個(gè)285*50的矩形，填充顏色#b0c4d6，然后再減去底層，如下圖。

a：利用小白工具拉圓角，再設(shè)置內(nèi)描邊為6px，并且輪廓化描邊，留著有用，如下圖。

b：再畫(huà)一個(gè)270*50px的矩形，設(shè)置外描邊6px，對(duì)齊的方法已經(jīng)告訴你們，對(duì)齊如下位置。

c：畫(huà)一個(gè)260*14px的矩形，填充顏色#deefff，如下操作。

d：畫(huà)出一個(gè)260*10ox的矩形，填充顏色#ddddce，對(duì)齊到書(shū)頁(yè)右上角。再添加幾條直線，如下圖。

e：接下來(lái)繪制書(shū)簽，畫(huà)一個(gè)44*38的矩形，填充顏色#ffe9e9，描邊為6px，在下方中間添加錨點(diǎn)，用小白單選往上移動(dòng)。再輪廓化描邊，多復(fù)制兩層進(jìn)行交集，填充顏色#f48282，重復(fù)操作，再填充顏色#bc4444，最后編組，到這里書(shū)本就完工了，如圖。

步驟2：繪制眼鏡部分，畫(huà)一個(gè)96*96px的圓，填充顏色#f9bf80，再畫(huà)一個(gè)64*64px的圓，進(jìn)行減去頂層，描邊大小為6px，然后輪廓化描邊。再繪制64*64px的圓，填充顏色#bde3ff，并降低不透明度為50%，調(diào)整圖層順序，如圖。

a：繪制鏡片的高光，畫(huà)出兩個(gè)矩形，填充純白色并旋轉(zhuǎn)一定的角度，再?gòu)?fù)制一層藍(lán)色圖層并置為頂層，最后選中-右鍵-剪貼蒙版，調(diào)整圖層順序，如下圖。

b：繪制鏡框的高光，復(fù)制一層橙色圖層并置為頂層，再畫(huà)一層80*80px的圓，進(jìn)行減去頂層，填充顏色#ffedd7。再畫(huà)一個(gè)足夠大的矩形，旋轉(zhuǎn)一定角度，再進(jìn)行減去頂層，調(diào)節(jié)圓角，調(diào)整圖層順序，最后編組，如下圖。

c：復(fù)制多一層做好的眼鏡，讓他們彼此相距26px，如圖。

d：接著繪制支架的部分，復(fù)制一層鏡框，右鍵-變換-縮放到80%，再畫(huà)一個(gè)足夠大的矩形，在對(duì)象-路徑里找到分割下方對(duì)象，取消編組，刪掉不需要的部分，放置以下位置。

e：繪制眼鏡架，畫(huà)一個(gè)110*66px和一個(gè)88*44px的矩形，對(duì)齊到右下角，進(jìn)行減去頂層，調(diào)節(jié)圓角，吸取顏色，高光部分就不演示了，試著繪制出來(lái)，如圖。

f：因?yàn)橥敢曣P(guān)系，繪制另一個(gè)支架顯得短一截，如圖分布。

g：給眼鏡編組，再和書(shū)本一起編個(gè)組，降低不透明度為30%，放置如下位置。

步驟3：繪制蝴蝶，畫(huà)一個(gè)18*48的圓角矩形，填充顏色#495385，再畫(huà)一個(gè)橢圓，填充顏色#c5e9ff，描邊為6px，具體變換如下圖。然后畫(huà)幾個(gè)圓作為斑點(diǎn)，填充顏色#f8fdff，剪貼進(jìn)翅膀圖層，再用鋼筆工具繪制觸角。

步驟4：多復(fù)制一只蝴蝶，編組、降低不透明度為30%，這樣我們漂亮的背景做好了，終于剩下主角運(yùn)氣藥水啦~

五、繪制運(yùn)氣藥水

步驟1：利用鋼筆工具繪制瓶子的一半，再變換-對(duì)稱復(fù)制出另一半，進(jìn)行聯(lián)集，填充顏色#d9d9dd，描邊為8px，填充顏色#495385，然后輪廓化描邊，取消編組，選中填充圖層設(shè)置不透明度為50%，(鋼筆繪制時(shí)，如果感覺(jué)銜接地不是那么平滑，那么就用到平滑工具了，按住鼠標(biāo)左鍵在錨點(diǎn)周圍滑動(dòng)，這樣勾畫(huà)的圖形就會(huì)很平滑了)。

a：繪制瓶口，畫(huà)一個(gè)164*56px的矩形，圓角18px，描邊8px，填充顏色同上一步，投影輪廓化描邊，取消編組，降低填充圖層的不透明度為50%，與瓶子居中對(duì)齊，如圖。

b：接下來(lái)繪制瓶中的液體，復(fù)制一層瓶子的填充圖層改為描邊，當(dāng)然把不透明度值改回來(lái)，然后添加錨點(diǎn)，刪掉多余部分，用鋼筆工具連接繪制波浪線段，再給它添加漸變，色值為#fee557~#f16b44，接著輪廓化描邊，留著有用，如圖。

c：同理，再用鋼筆工具勾畫(huà)一個(gè)圖形，漸變數(shù)值同上，設(shè)置漸變角度為135度，如圖。

步驟2：繪制高光部分，復(fù)制一層瓶子的填充圖層，在對(duì)象-路徑里找到偏移路徑，如圖。

a：調(diào)節(jié)錨點(diǎn)，只要能弄出需要的圖形，怎么弄都行，然后進(jìn)行減去頂層，填充顏色#ccccce，降低不透明度為30%，如圖。

b：復(fù)制多一層高光，右鍵-變換-對(duì)稱，用剪刀工具(用法類似鋼筆工具添加錨點(diǎn))剪斷線段，刪掉不需要的部分，填充顏色為純白色，降低不透明度為30%，調(diào)整圖層順序，放置描邊圖層的下層，如圖。

c：繼續(xù)增加高光層次，利用鋼筆工具勾畫(huà)如下圖形狀，添加漸變，色值為#fee557~#d35444，設(shè)置左邊色值不透明度為0%，如下圖。

d：繼續(xù)用鋼筆工具勾畫(huà)，添加漸變，色值為#ffffff~#fee557，同樣，把右邊色值的不透明度改為0%，如下圖。

e：畫(huà)兩個(gè)橢圓，添加漸變，色值都為純白色，設(shè)置一邊不透明度為0%，然后降低不透明度為50%。再用鋼筆工具勾畫(huà)一個(gè)形狀，漸變同樣，降低不透明度為30%，如圖。

f：直接看圖，注意圖層順序，填充顏色都是純白色。

g：繪制瓶口高光，利用到剪貼蒙版和偏移路徑，方法已經(jīng)告訴你們了，那么直接看圖，填充顏色也是純白色。

步驟3：為瓶身添加一些小元素，描邊大小為6px，注意圖層的順序，如圖分布。

步驟4：繪制瓶蓋，畫(huà)一個(gè)96*128px的矩形和一個(gè)96*34px的橢圓，進(jìn)行聯(lián)集，左下角錨點(diǎn)向右移動(dòng)14px，右下角錨點(diǎn)向左移動(dòng)14px，選中兩個(gè)錨點(diǎn)拉成圓角，填充顏色#f5c290，描邊為8px。然后輪廓化描邊，利用剪貼蒙版繪制下列圖形，依次用到的填充色值為#f0a860、#d89756，最后居中于瓶子，如圖。