新年萬事如意！在這個(gè)教程中，大家將會(huì)學(xué)習(xí)怎樣用矢量繪圖軟件Adobe Illustrator CC 2014從基礎(chǔ)開始繪制卡通動(dòng)物，勾畫輪廓，?cè)缓鬂櫳S富ai路徑描邊。除此之外，大家還要準(zhǔn)備將這些動(dòng)物打印出來。所以我們要確保在每個(gè)圖標(biāo)設(shè)計(jì)中只有兩個(gè)動(dòng)物，這樣才能用Grace Fussell把它們匯集在一起，做成十二生肖日歷。

　　1.創(chuàng)建一個(gè)文件

　　第一步：打開Adobe Illustrator CC 2014，?cè)缓髣?chuàng)建一個(gè)新文件ai路徑描邊。我設(shè)定的尺寸是寬800px*高600px，色彩模式設(shè)定為RGB。在使用矢量繪圖軟件進(jìn)行創(chuàng)作時(shí)，你可以隨時(shí)改變這兩個(gè)設(shè)定。

　　第二步：從工具欄里選擇矩形網(wǎng)格工具ai路徑描邊，鼠標(biāo)左鍵單擊畫圖板打開工具選項(xiàng)，鍵入以下屬性：

　　寬：800px

　　高：600px

　　水平分隔欄：2

　　垂直分隔欄：3

　　設(shè)定完成，點(diǎn)擊確定ai路徑描邊。將新做的網(wǎng)格對齊到畫圖板。現(xiàn)在，你有12個(gè)小格子，每一個(gè)格子用來繪制一個(gè)動(dòng)物圖案。把矩形網(wǎng)格鎖定在圖層。

　　2.勾畫動(dòng)物：老鼠、牛和老虎

　　第一步：讓我們開始勾畫出動(dòng)物的輪廓！你可以在Adobe Illustrator、Adobe Photoshop以及其他的繪圖軟件畫出來，或者畫在紙上，?cè)缓髮?dǎo)入軟件ai路徑描邊。

　　如果你用矢量繪圖軟件來勾畫，你會(huì)發(fā)現(xiàn)用融合筆工具（按Shift-B）最簡單，讓精度保持在圓刷狀的滑動(dòng)器中間位置ai路徑描邊。并且讓尺寸和壓力變化設(shè)定在6pt。

　　在每一個(gè)矩形網(wǎng)格里面各畫一個(gè)圖案，為了保持你的圖層的條理性，在開始下一個(gè)步驟之前，用control-G將這些元素組合起來ai路徑描邊。

　　第二步：讓我們從老鼠開始ai路徑描邊！

　　1. 老鼠的頭是不規(guī)則的圓形或者蘋果般的形狀ai路徑描邊。試著把較低的兩邊看成老鼠胖胖的臉頰。

　　2. 我畫了兩個(gè)橢圓作為老鼠的耳朵，把最右邊的耳朵畫小一點(diǎn)，因?yàn)檫@是被頭擋住一部分ai路徑描邊。

　　3. 身體也畫成橢圓形ai路徑描邊。注意這些形狀都不完美。當(dāng)然如果需要的話，你可以使用形狀工具或者樣板。

　　4. 順著身體的線條和輪廓畫弧線，?cè)缓螽嬕粋€(gè)結(jié)合點(diǎn)，注意畫的時(shí)候順著身體的幅度ai路徑描邊。這會(huì)幫助你繪制出老鼠的尾巴、腿以及軀干。

　　第三步：現(xiàn)在我們來畫老鼠的腿、尾巴和剩下部分ai路徑描邊。

　　1.順著剛才身體的外部輪廓畫出尾巴ai路徑描邊。尾巴要畫得細(xì)細(xì)的，最好像一條鞭子，而且要彎曲成字母C的形狀。

　　2.把腿畫成彎曲的三角形ai路徑描邊。靠外的腿看上去是個(gè)半圓。

　　3.兩條前腿要彎曲成三角形，另一邊隱掉ai路徑描邊。（見下圖）

　　4.臉很簡單：畫兩個(gè)U形代表眼睛，畫一個(gè)X代表嘴巴，臉頰兩邊各畫三根胡須ai路徑描邊。在描繪整套生肖組合時(shí)，我會(huì)保持一樣的（或相似的）形狀用作眼睛。

　　第四步：接下來畫牛ai路徑描邊。

　　1.首先畫一個(gè)三角形，最左角畫成圓形ai路徑描邊。

　　2.從左邊剪出一個(gè)小三角，這就成了牛嘴ai路徑描邊。如果在Adobe Illustrator 進(jìn)行操作，可以利用橡皮擦工具（按Shift-E）或者就在那邊畫一個(gè)小三角。畫身體時(shí)，先在右邊，挨著臉的地方畫一個(gè)圓圈。

　　3.在頂部用一條曲線連接這個(gè)圓和三角形，在身體底部，用一條大曲線連接ai路徑描邊。畫兩個(gè)細(xì)長的U代表牛的耳朵。

　　4.用簡單的線條開始畫腿：三條直線和一直曲線ai路徑描邊。

　　5.腿看起來有點(diǎn)像細(xì)長的字母Wai路徑描邊。在牛的身體右邊畫一條短短的線作為牛的尾巴。

　　6.最后，畫兩個(gè)角、一張臉，考慮把扇形圖案靈活運(yùn)用于最終的設(shè)計(jì)ai路徑描邊。

　　第五步：我們要畫的下一個(gè)生肖圖案是老虎ai路徑描邊。

　　1.把腦袋的底部畫成一個(gè)寬寬的V形ai路徑描邊。

　　2.用一條曲線將腦袋頂部兩端連接起來ai路徑描邊。

　　3.畫身體時(shí)，先畫兩條前腿，即在腦袋的兩邊各畫一條微微彎曲的線條ai路徑描邊。

　　4.腳的底部分別聚攏在兩個(gè)點(diǎn)上，中間畫一條曲線作為胸底部ai路徑描邊。

　　5.再畫其他的身體部位，朝右邊畫一條延伸的曲線ai路徑描邊。

　　6.腿和腳的畫法與之前我們畫的老鼠相似ai路徑描邊。

　　第六步：讓我們繼續(xù)畫老虎ai路徑描邊。

　　1.在頭的兩側(cè)，各畫一個(gè)圓圓的三角形作為耳朵ai路徑描邊。

　　2.畫尾巴時(shí)，考慮畫一個(gè)隨意的S形圖案，尾部又圓又粗，向下逐漸變細(xì)ai路徑描邊。

　　3.我沿著設(shè)計(jì)圖案的邊緣畫上了分散的小三角形作為老虎的花紋，角尖指向中間ai路徑描邊。

　　4.最后，在臉上畫上U形的眼睛和三角形代表鼻子和嘴巴ai路徑描邊。

　　3.勾畫動(dòng)物：兔子、龍和蛇

　　第一步：家兔或者野兔是我們生肖組合里的下一個(gè)生肖ai路徑描邊。

　　1.兔子的臉與老鼠相似：是平底的圓形（近似扁平）ai路徑描邊。

　　2.兔子的耳朵非常像一個(gè)Mai路徑描邊。注意它們的耳朵如何向右上方彎曲。

　　3.因?yàn)橥米涌偸亲模偊偖嬌眢w時(shí)，在右邊畫一個(gè)反向的Cai路徑描邊。

　　4.在底部畫一條向左彎的直線，并且畫兩條短短的曲線標(biāo)記為（看得見的）前肢ai路徑描邊。

　　第二步：給兔子的腳添加直線和曲線，給兔子的尾巴加上一些扇形圖案ai路徑描邊。兔子的臉和老鼠的臉類似，所以可按照之前的教程畫出來。

　　第三步：讓我們接下來畫龍ai路徑描邊。

　　1.畫頭時(shí)，先畫個(gè)三角形ai路徑描邊。

　　2.在三角形的右邊加一個(gè)正方形ai路徑描邊。

　　3.從右邊開始，畫一條長長的、起伏的曲線，構(gòu)成龍的身體ai路徑描邊。

　　4.在之前的曲線左邊畫一條更短的線，用來顯示龍的身體粗細(xì)ai路徑描邊。

　　5.在龍的全身，畫三角形給龍加上凸起的龍鱗ai路徑描邊。

　　6.在身體的右側(cè)加一個(gè)蝙蝠一樣的翅膀ai路徑描邊。

　　7.最后，畫上其他一些細(xì)節(jié)，比如前肢、一只眼睛和鼻孔ai路徑描邊。

　　第四步：畫蛇時(shí)就像畫龍一樣：從三角和彎曲的S形開始ai路徑描邊。

　　1.畫一個(gè)底部是平邊的三角形ai路徑描邊。

　　2.從最左邊的角開始，畫一個(gè)S形彎曲到右邊，這樣構(gòu)成了蛇的身體ai路徑描邊。

　　3.在蛇的尾部加上一個(gè)顫動(dòng)的響尾設(shè)計(jì)ai路徑描邊。

　　4.畫一個(gè)分叉的舌頭，讓蛇更有靈性ai路徑描邊。在我最后的一張圖片里，我決定把舌頭放在左邊，這樣更容易看見。當(dāng)然，你的設(shè)計(jì)完全由你自己做主。

　　5.最后，加粗蛇的身體，畫一張小臉ai路徑描邊。記得當(dāng)你完成每個(gè)設(shè)計(jì)時(shí)，要把每個(gè)圖案的部件組合在一起。

　　4.勾畫動(dòng)物：馬、羊和猴

　　第一步：馬的設(shè)計(jì)和牛相似

　　1.先畫一個(gè)三角形，它的最左邊是平的ai路徑描邊。

　　2.繼續(xù)畫馬的頭，畫兩條成角的直線，自右開始彎曲向下去（注意不是要形成一個(gè)完美的直角）ai路徑描邊。

　　3.馬的身體像一顆豆粒糖或者腎臟的形狀ai路徑描邊。

　　4.就像牛一樣，馬的左前肢向內(nèi)彎曲，并且是抬起來的ai路徑描邊。

　　5.其他的腿是長方形ai路徑描邊。

　　6.畫兩個(gè)三角形構(gòu)成馬的耳朵ai路徑描邊。

　　7.最后，加上一些細(xì)節(jié)，比如臉，鬃毛、尾巴和馬鞍ai路徑描邊。

　　第二步：我們接著畫羊，另一個(gè)類似馬和牛的設(shè)計(jì)，不同的是我們已經(jīng)熟悉它們的構(gòu)造ai路徑描邊。

　　1.先畫一個(gè)頭，比小于符號“<”小一點(diǎn)ai路徑描邊。

　　2.在頭部畫兩只三角形作為耳朵，并用一條直線連接起來ai路徑描邊。

　　3.眼睛畫成V或U形ai路徑描邊。

　　4.畫兩個(gè)彎曲的、尖尖的形狀構(gòu)成羊角ai路徑描邊。

　　第三步：

　　1.羊的身體頂部是一個(gè)U形，尾巴像羽毛一樣，畫在右邊ai路徑描邊。

　　2.從頭的中間畫一條長長的、彎曲的線條作為最左邊的腿ai路徑描邊。用兩條曲線表示羊的胸部和肚子。

　　3.像牛一樣，羊有四個(gè)蹄子ai路徑描邊。

　　4.最后，沿著羊的身體加一些細(xì)節(jié)比如線狀的羊毛或扇形的羊毛團(tuán)ai路徑描邊。

　　第四步：讓我們接著畫十二生肖組合里的第九個(gè)設(shè)計(jì)圖案：猴子

　　1.先畫一個(gè)心形的臉（類似于一只金絲猴或者雪猴）ai路徑描邊。

　　2.畫兩個(gè)C形圖案各代表一只耳朵，在心形臉的上方畫一段弧線，代表頭頂ai路徑描邊。

　　3.畫身體時(shí)，從背部到尾巴ai路徑描邊。從臉的中間開始向下畫一條弧線。你也要注意畫腿也是先從弧線開始，類似于畫老鼠和兔子的腿。

　　4.腳是楔形的，畫手臂時(shí)，先畫兩條90度的線條ai路徑描邊。

　　5.繼續(xù)畫一些羽毛似的符號作為猴子的爪子和腳掌ai路徑描邊。

　　6.最后，加上一些細(xì)節(jié)比如心形的臉和S形的尾巴ai路徑描邊。

　　5. 勾畫動(dòng)物：公雞、狗和豬

　　第一步：緊接著，我們開始畫中國十二生肖的最后一組動(dòng)物，從公雞開始ai路徑描邊。

　　1.就像之前的許多設(shè)計(jì)一樣，畫公雞時(shí)，先畫一個(gè)三角形，代表雞嘴ai路徑描邊。

　　2.身體的底部是是一個(gè)寬寬的U形，尾巴和山羊的尾巴相似ai路徑描邊。

　　3.圍繞著剛才的設(shè)計(jì)頂部ai路徑描邊，畫幾個(gè)不一樣的尖角，作為雞冠

　　4.再畫一個(gè)寬寬的U形，構(gòu)成公雞的翅膀ai路徑描邊。

　　5.一個(gè)小小的、彎彎的W形成公雞的垂肉，再加上兩條直線和兩個(gè)V形，作為公雞的兩條小腿ai路徑描邊。

　　6.最后，加一個(gè)U形和一條直線，分別構(gòu)成公雞的眼睛和嘴ai路徑描邊。

　　第二步：接下來畫狗ai路徑描邊。

　　1.先畫一個(gè)U形作為耳朵ai路徑描邊。

　　2.畫兩條弧線，中間相交，構(gòu)成頭頂和臉ai路徑描邊。

　　3.狗的鼻子是一個(gè)翹起的V形ai路徑描邊。

　　4.它的身體和公雞相似，由寬寬的U組成或者由靠近頭部的弧線組成ai路徑描邊。要注意，與公雞相比，狗的身體看起來要長一些。

　　5.在圖案右邊加一條小尾巴，近似于狗鼻子的形狀ai路徑描邊。

　　6.我快速地畫了一個(gè)小領(lǐng)子，這樣整個(gè)設(shè)計(jì)看起來更像狗，而不是鴨子ai路徑描邊。

　　第三步：最后，增添細(xì)節(jié)，比如尖尖的小V作為腿，以及一張小臉，這樣就完美地完成這個(gè)設(shè)計(jì)了ai路徑描邊。

　　第四步：我們最后的圖案設(shè)計(jì)是豬ai路徑描邊。我畫的豬更像一個(gè)可愛的小豬，這是為了和其他的設(shè)計(jì)風(fēng)格保持一致。

　　1.豬的耳朵是葉子形狀的或心形的ai路徑描邊。

　　2.從左至右，畫一條微微彎曲的頭頂線條ai路徑描邊。

　　3.再畫一條小弧線，構(gòu)成豬鼻的上面一部分ai路徑描邊。

　　4.從豬鼻的下面開始，向下畫一條大大的弧線，這就畫好了豬頭ai路徑描邊。

　　第五步：

　　1.豬的身體是一個(gè)大大的卵形或者橢圓形，從頭的末尾開始畫一條弧線，彎曲至耳朵中間ai路徑描邊。

　　2.畫一條噴泉一樣的小尾巴ai路徑描邊。

　　3.它的四肢是細(xì)長的Wai路徑描邊。

　　4.最后，畫臉ai路徑描邊。畫法和之前所畫圖案的臉一樣：畫一個(gè)U形作為眼睛，一條弧線作為嘴巴。給豬身體加一些小小的扇形線條或者花朵，這樣就完成了你的設(shè)計(jì)。

　　第六步：這是一張我的全套的生肖草圖ai路徑描邊。我整理了一下它們，讓這些草圖看起來更加自然，并且把每個(gè)動(dòng)物的設(shè)計(jì)元素整合在一起，這樣在我的圖層中就有12獨(dú)立的組合。給每個(gè)圖標(biāo)單獨(dú)做一個(gè)新圖層，?cè)缓蟀严鄳?yīng)的草圖組合放進(jìn)去。

　　6. 描出每個(gè)圖案的輪廓

　　第一步：我要展示一下如何分解各個(gè)生肖的草圖，來制作出一個(gè)簡單的紅色剪影ai路徑描邊。下面我用老虎圖案做示范。

　　1.用鋼筆工具（P），從頭開始，描繪它的輪廓ai路徑描邊。這次我們要確保

　　2.每條邊如設(shè)想中一樣對稱ai路徑描邊。我的下一步是把每只耳朵當(dāng)作單獨(dú)的形狀來處理。我先描左耳，復(fù)制（Control-C）、粘貼（Control-V）然后在縱軸上對稱投影出另一只耳朵。

　　3.繼續(xù)描動(dòng)物的其他每個(gè)部分ai路徑描邊。接下來是胸和腿。

　　4.然后，你要描身體和尾巴ai路徑描邊。

　　按照組成部分依次分解設(shè)計(jì)可以讓你更好地控制這個(gè)剪影，尤其是如果你的草圖和我一樣松散ai路徑描邊。如果你的草圖比較精細(xì)，或許你可以也許一下子就描好輪廓。在接下來的12個(gè)圖案設(shè)計(jì)就重復(fù)這樣的步驟。

　　第二步：使用其他工具會(huì)有利于完成一些動(dòng)物設(shè)計(jì)ai路徑描邊。

　　1.當(dāng)你畫好了蛇頭，從刷子板面選擇畫筆刷工具（B）和設(shè)定值是5pt的毛筆刷來描繪蛇的身體輪廓ai路徑描邊。

　　2.你也可以用鋼筆工具來畫蛇余下的身體，或者用筆刷迅速的畫出身體的路徑，?cè)缓蟀崖窂皆谀┪策B接起來ai路徑描邊。

　　3.當(dāng)你完成了身體的曲線，把你的畫筆顏色設(shè)定為無效，并且對你接下來的設(shè)計(jì)進(jìn)行顏色填充ai路徑描邊。

　　第三步：另一個(gè)快捷的技巧是復(fù)制和粘貼可見的下肢，?cè)缓笱刂v軸投影它們，就像之前我描述制作老虎耳朵的方式一樣ai路徑描邊。這樣做不僅能夠加速你的完成時(shí)間，還能夠讓你在每個(gè)圖案中延續(xù)相同的風(fēng)格。

　　第四步：當(dāng)你滿意每個(gè)設(shè)計(jì)后，選擇單個(gè)的紅色的部分，?cè)缓笤诼窂讲檎移鼽c(diǎn)擊結(jié)合，讓它們?nèi)诤铣梢粋€(gè)單個(gè)的復(fù)合形狀ai路徑描邊。在12個(gè)設(shè)計(jì)中，重復(fù)這些步驟。

　　第五步：下面是我的十二生肖剪影ai路徑描邊。盡管一些細(xì)節(jié)變了，?cè)缟叩纳囝^、狗的脖子和龍腳的形狀，但注意這些剪影的輪廓邊緣是多么地完整。

　　7.畫出表面細(xì)節(jié)

　　第一步：開始時(shí)，將融合筆工具的精度設(shè)置為靠近光滑，而不是之前的設(shè)定值ai路徑描邊。將融合筆的尺寸和壓力變化調(diào)整為4pt。如果你不用壓敏寫字板，這個(gè)步驟對你沒多大用處，但如果你想用鉛筆工具（N）或者鋼筆工具（P），這很有所幫助。

　　第二步：在圖層上從合成剪影圖移動(dòng)到草圖組合，?cè)缓箧i定他們ai路徑描邊。使用融合筆工具或者你所選擇的繪圖工具來描臉部細(xì)節(jié)，就像我們之前為每個(gè)圖標(biāo)設(shè)計(jì)做的那樣。大家注意，這里我開始增加額外的細(xì)節(jié)，像老鼠頭上的耳朵。

　　第三步：為了顯示前肢和身體是分開的，放大（Z）圖標(biāo)，并且小心地用曲線畫出銀色區(qū)域來顯示手臂與腳之間的空間和動(dòng)物的身體ai路徑描邊。要確保每個(gè)白色的形狀的尾端與紅色剪影的邊緣保持一致。你的草圖會(huì)提示你哪些形狀需要這樣做。

　　第四步：作為一個(gè)統(tǒng)一設(shè)計(jì)風(fēng)格的做法，我習(xí)慣在每只動(dòng)物上畫小圓點(diǎn)代表眉毛和睫毛，再畫上一些花點(diǎn)綴ai路徑描邊。除此之外，許多動(dòng)物的背上也會(huì)有扇形的設(shè)計(jì)。當(dāng)然為了統(tǒng)一設(shè)計(jì)風(fēng)格，在每只動(dòng)物上加什么樣的設(shè)計(jì)取決于你自己。花朵、三角或小衣服，無論你用什么，確保每個(gè)生肖符號以某種特征聯(lián)系起來。

　　第五步：舉個(gè)例子ai路徑描邊，看看下圖的三個(gè)設(shè)計(jì)，簡單地解釋一下它們的明確的特點(diǎn)：

　　1.牛有一個(gè)尖尖的、扇形的頸背ai路徑描邊。這顯示了它的頭在哪里結(jié)束以及身體的從哪里開始。這個(gè)有點(diǎn)像衣領(lǐng)的作用。

　　2.龍有明顯的鼻孔和一些鱗片ai路徑描邊。然后，身上也會(huì)畫一些花朵。

　　3.猴子頭上畫了花環(huán)ai路徑描邊。它的臉是白的，但其他面部特征是紅色的。為了從白色的臉上祛除這些特征，你可以結(jié)合這些紅色的特征，點(diǎn)擊路徑查找器選擇按前置對象剪裁。

　　8.準(zhǔn)備打印你的設(shè)計(jì)

　　第一步：此刻，你可以將你的設(shè)計(jì)稱作完整ai路徑描邊。注意每個(gè)設(shè)計(jì)都有相似的風(fēng)格，你能夠判斷出它們是一個(gè)緊密相關(guān)的組合。不然，為了簡化你的設(shè)計(jì)、路徑和點(diǎn)的數(shù)量，你可以接下來的幾個(gè)步驟，這樣讓它們成為一體。

　　第二步：你要在十二生肖設(shè)計(jì)中對每個(gè)動(dòng)物重復(fù)以下四個(gè)步驟ai路徑描邊。

　　1.在路徑查找器選擇并結(jié)合白色細(xì)節(jié)ai路徑描邊。在做這個(gè)之前，確保這些描繪路徑延伸到物體。

　　2.粘貼并且復(fù)制紅色剪影，將顏色變?yōu)榘咨?，并將它放在一邊ai路徑描邊。為了從紅色設(shè)計(jì)中減去白色部分，選擇白色細(xì)節(jié)組和紅色剪影。然后點(diǎn)擊按照前置對象剪裁。

　　3.在圖層中，把你之前放在一邊的白色剪影放在紅色鏤空圖案后面ai路徑描邊。

　　4.在對齊板面，把白色的剪影對齊到鏤空圖案的中心ai路徑描邊。

　　做得好ai路徑描邊，到此我們就完成了！

　　最后，為每個(gè)圖案白的剪影加上白邊，設(shè)定值為6pt（粗細(xì)由你定），使他們真正適合于任何你選擇用作圖標(biāo)組合的背景顏色ai路徑描邊。既然你已經(jīng)完成了你的中國十二生肖圖案組合，繼續(xù)在排版軟件Adobe InDesign中用Grace Fussell來完成這個(gè)項(xiàng)目“設(shè)計(jì)一個(gè)恭賀新年的十二生肖日歷”。在這些相關(guān)教程的評論區(qū)下和大家分享你的設(shè)計(jì)成果吧！

　　我們的創(chuàng)造力去了哪里ai路徑描邊，它什么時(shí)候才會(huì)回來？

　　對于UI設(shè)計(jì)初學(xué)者的我們來說，最重要的是要保證自身的創(chuàng)造力的同時(shí)不斷地提升自身的設(shè)計(jì)水平ai路徑描邊。如今企業(yè)對其對外開放平臺的界面設(shè)計(jì)質(zhì)量要求越來越高，為保證自己可以有足夠的設(shè)計(jì)水平，最好的方法還是接受專業(yè)的培訓(xùn)，?cè)缃駠鴥?nèi)眾多的CG培訓(xùn)學(xué)校中，CGWANG的UI設(shè)計(jì)培訓(xùn)課程，擁有業(yè)內(nèi)一流的專業(yè)老師，其教學(xué)質(zhì)量與效果在業(yè)內(nèi)都有著很高的好評度。