教你使用Illustrator給你的iPhoneX繪制一個(gè)叮當(dāng)貓手機(jī)殼，希望大家通過此教程掌握矩形工具組中圓角矩形、橢圓工具的使用和線條工具組中直線工具和弧線工具的使用，掌握?qǐng)D形顏色填充、描邊，好了，話不多說，下面讓我們開始學(xué)習(xí)吧！

效果圖：

學(xué)習(xí)目標(biāo)：

1、掌握矩形工具組中圓角矩形、橢圓工具的使用和線條工具組中直線工具和弧線工具的使用

2、掌握?qǐng)D形顏色填充、描邊

那么，現(xiàn)在就開始我們首次使用AI繪制圖形之旅吧!

繪制方法：

在文件中選擇新建畫板，常用到的幾個(gè)選項(xiàng)設(shè)置已經(jīng)給大家標(biāo)注出來了。

1、在畫板上繪制一個(gè)藍(lán)色圓角矩形用黑色描邊。拖動(dòng)鼠標(biāo)不放，按鍵盤上的上下方向鍵可以調(diào)整圓角的弧度。

在上方屬性欄中修改高和寬的數(shù)值，高為143.6mm，寬為70.9mm。iPhoneX的手機(jī)殼雛形就繪制出來了。(這里的尺寸是手機(jī)本身的尺寸，后期可以選中全部等比縮放)

修改填充色 修改描邊顏色 修改寬的數(shù)值

2、用橢圓工具畫出叮當(dāng)貓的頭部

選擇橢圓工具，顏色改為藍(lán)色(顏色為#2F71D1)，用鼠標(biāo)拖出一個(gè)稍微圓一點(diǎn)的橢圓。畫好以后按Ctrl+C復(fù)制， Ctrl+F粘貼，用直接選擇工具(因?yàn)槭前咨�的，所以又叫它小�?選中圖形，按shift鍵拖動(dòng)鼠標(biāo)，將橢圓等比縮小，再將填充色改為白色。位置不合適的地方用小黑工具選中調(diào)整一下。

問：快捷鍵會(huì)不會(huì)太多了?

答：這還叫多?還有更多的!快捷鍵是高效率人士必備，所以請(qǐng)大家記一下。好的習(xí)慣要從一開始養(yǎng)成!

用橢圓工具繪制眼睛，如圖畫三個(gè)橢圓，疊加在一起一個(gè)眼睛就繪制好了。原圖上干擾太多，可以在旁邊做好后再放到圖形中去

選中眼睛，按Ctrl+C復(fù)制，Ctrl+F鍵粘貼。移動(dòng)位置，適當(dāng)調(diào)整圓形的位置，一對(duì)眼睛就做好了。

繪制鼻子

使用橢圓工具，按shift鍵，用鼠標(biāo)拖出一個(gè)紅色圓形。在工具箱中雙擊漸變工具 ，在打開的對(duì)話框中調(diào)整漸變的類型、顏色、角度

繪制嘴巴

繪制一個(gè)黑色的橢圓和一個(gè)紅色的正圓，把它們疊放到一起。

最后把眼睛、鼻子、嘴巴放到臉上。想要對(duì)稱效果的話用鼠標(biāo)從標(biāo)尺中拖一根參考線。沒有標(biāo)尺的朋友可以在視圖中打開標(biāo)尺或者在沒選中任何圖形的情況下按Ctrl+R直接打開標(biāo)尺

一張光禿禿的大餅?zāi)樉统鰜砹?

畫一些臉部裝飾

用直線工具在臉上畫幾根胡須，按Ctrl+F10打開描邊對(duì)話框，選擇圓頭端點(diǎn)

使用弧線工具把鼻子和嘴巴連上，拖動(dòng)鼠標(biāo)不放按鍵盤上的上下方向鍵可以修改線條的弧度。

叮當(dāng)貓的臉部繪制完成。

3、繪制叮當(dāng)貓的項(xiàng)圈

使用橢圓工具畫一個(gè)橢圓，按Ctrl+C復(fù)制，Ctrl+V粘貼。把復(fù)制的橢圓往上移動(dòng)一點(diǎn)，然后按shift+Ctrl+F9，打開路徑查找器，選擇減去頂層。得到一個(gè)弧形。

把做好的項(xiàng)圈放到叮當(dāng)貓臉合適的位置，適當(dāng)進(jìn)行調(diào)整。

4、繪制鈴鐺

用橢圓工具按shift鍵繪制一個(gè)正圓、用矩形工具繪制一個(gè)長方形、再用橢圓工具繪制一個(gè)小圓點(diǎn)、用線段工具繪制一條粗線。把它們組合在一起就是一個(gè)鈴鐺了。放到項(xiàng)圈上就可以了

5、繪制攝像頭

繪制鏡頭比較簡單，大家看圖吧

6、然后用一些素材文件豐富一下背景吧。

身體部分依然是用橢圓工具和直線工具繪制的。用文字工具輸入Doraemon，用小黑選中旋轉(zhuǎn)一下，復(fù)制幾份隨機(jī)放置。再選中叮當(dāng)貓的頭部，復(fù)制后等比縮放，隨機(jī)放置。

做好后的感覺顏色不好看，可以選中圖形修改顏色。

背景的細(xì)節(jié)，小白沒有一一跟大家圖解出來，要是都寫出來，估計(jì)今天都出不了公司門了，那我掙來的錢還要不要花掉啦?!?!當(dāng)然初學(xué)的時(shí)候會(huì)有各種各樣的問題，不會(huì)的朋友們可以悄悄來問我。

教程結(jié)束，以上就是關(guān)于Illustrator繪制一個(gè)漂亮的iPhone x叮當(dāng)貓手機(jī)殼教程的全部內(nèi)容，喜歡的朋友趕快給自己的手機(jī)繪制一個(gè)吧！

相關(guān)推薦：

iphone8/X漸變壁紙?jiān)趺粗谱鳎緼I迷彩漸變效果教程

AI漸變+旋轉(zhuǎn)扭曲工具快速制作IphoneX壁紙教程

ps怎樣制作iphone蘋果手機(jī)app store應(yīng)用商店圖標(biāo)?