AI鼠繪教程，鼠繪一個(gè)簡(jiǎn)潔的卡通手機(jī)

主要利用AI的基本形狀工具結(jié)合混合模式來繪制出來的，這么簡(jiǎn)潔易學(xué)的一個(gè)圖標(biāo)，你們還不來學(xué)學(xué)，這還有王法嗎？

讓我們開始吧！

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

如往常一樣，每個(gè)項(xiàng)目的第一件事就是新建文件。 點(diǎn)擊 文件>新建 或者使用快捷鍵 Ctrl+N 來創(chuàng)建一個(gè)800*600像素的文件，設(shè)置如下：

畫板數(shù)量：1單位：像素

高級(jí)設(shè)置模塊：

顏色模式：RGB柵格效果：屏幕（72 ppi）使新建對(duì)象與像素網(wǎng)格對(duì)齊：選中

給文件取一個(gè)你喜歡的名字，然后開始下一步。

2. 項(xiàng)目的圖層

無論哪個(gè)項(xiàng)目，你都應(yīng)該盡量使用圖層，因?yàn)閳D層可以幫助你劃分你的設(shè)計(jì)結(jié)構(gòu)，讓你一次專注一個(gè)部分，而不必害怕自己不小心移動(dòng)了或者放錯(cuò)了另一個(gè)形狀。

那么，假設(shè)你已經(jīng)知道如何使用圖層面板了，創(chuàng)建3個(gè)圖層并給它們?nèi)缦旅�名�?/p> 圖層1：手機(jī)形象圖層2：四周點(diǎn)綴圖層3：漸變覆蓋

3. 開始制作可愛的形象

我們先制作可愛的小手機(jī)形象，看完后面的步驟，你就會(huì)知道這個(gè)過程真的很簡(jiǎn)單。

步驟 1

定位在第一個(gè)圖層，然后使用圓角矩形工具創(chuàng)建一個(gè)168*314像素的圓角矩形，其中圓角大小為20像素，顏色為#64c4f1,然后把形狀與畫板對(duì)齊居中。

步驟2

選中該圓角矩形，點(diǎn)擊 對(duì)象>路徑>偏移路徑 然后輸入6px的偏移值，這樣給該形狀一個(gè)邊框。 其他的設(shè)置保持默認(rèn)值，然后點(diǎn)擊確定。

步驟3

把邊框的顏色設(shè)為較深顏色#1b456b來區(qū)分邊框和主體。

步驟4

使用矩形工具（M）創(chuàng)建一個(gè)230*140像素的矩形（顏色#659def），作為顯示屏，然后給它一個(gè)6像素的粗邊框（顏色#1b456b） 選中以上兩個(gè)形狀，把它們與手機(jī)機(jī)身左右居中對(duì)齊，屏幕邊框與機(jī)身邊框的上間距為38像素。

步驟5

開始添加一些細(xì)節(jié)：創(chuàng)建手機(jī)頂部的傳感器（顏色：#1b456b），旁邊的按鈕（顏色：#1b456b）和底部的圓形按鈕（邊框顏色：#1b456b；填充顏色：#519fc4）。

步驟6

使用橢圓工具（L）制作兩個(gè)18*18像素的圓（#1b456b）作為眼睛，它們的間距為60像素。

再制作另一個(gè)28*28像素的圓作為嘴巴，把填色切換為描邊（選中形狀>Shift+X），然后把它切半，描邊粗細(xì)設(shè)置為6像素。

把嘴巴放在眼睛正下方，然后組合（Ctrl+G）眼睛和嘴巴，再把它們與屏幕居中對(duì)齊。

步驟7

添加臉頰，制作兩個(gè)20*20像素的圓（#4f8bd3），它們放置在眼睛下方，然后往外移幾個(gè)像素。

步驟8

手機(jī)主體已經(jīng)完成的差不多了，我們接下來為手機(jī)添加一些高光和陰影的細(xì)節(jié)。

選中手機(jī)的最大的淺藍(lán)色的圓角矩形，復(fù)制（Ctrl+C > Ctrl+F）,然后點(diǎn)擊 對(duì)象> 路徑> 偏移路徑 并輸入-4px的偏移量來創(chuàng)建內(nèi)部的偏移量。

然后選中之前復(fù)制的圓角的矩形和偏移的圓角矩形，在路徑查找器面板選擇減去頂層形狀，從而制作一個(gè)環(huán)形的高光，把它的顏色設(shè)為白色（#ffffff），并把混合模式調(diào)為柔光，不透明度調(diào)為80%。

步驟9

與之前步驟的數(shù)值一樣，在手機(jī)的右上方添加兩條豎高光和在屏幕外邊框下添加一條4像素粗的橫高光。

步驟10

在屏幕和Home鍵內(nèi)部添加一些陰影，顏色是黑色（#000000），不透明度為14%。

步驟11

最后添加屏幕的對(duì)角線高光（顏色：白色#ffffff；混合模式：柔光；不透明度：30%），再在手機(jī)左上角添加兩個(gè)星星形狀的光（顏色：白色#ffffff；混合模式：柔光；不透明度：80%）

選中所有的形狀，然后點(diǎn)擊Ctrl+G把它們合并成組。

步驟12

在手機(jī)下面添加一個(gè)144*10像素的橢圓，把它的顏色設(shè)為黑色（#000000），把不透明度降低為20%。

我們已經(jīng)很好地完成了我們插畫的主體，接下來在第二個(gè)圖層上制作一些小小的圖案，讓整個(gè)畫面顯得更好更平衡。

4. 制作四周的圖案

這一部分很簡(jiǎn)單也很有趣，因?yàn)槟愕弥谱骱芏嘈螤�，比如方形、圓形、十字、三角形、菱形等，然后你把它們點(diǎn)綴在手機(jī)兩側(cè)來得到一個(gè)好看的圖案。

把這些形狀的描邊粗細(xì)設(shè)置為4像素，顏色為#1b456b，然后好好地?cái)[放它們，使它們不僅看上去好玩，而且看上去統(tǒng)一一致。

5. 添加漸變覆蓋層

我們添加完手機(jī)四周的圖案后，就可以開始最后一部分了，最后一部分是要制作并覆蓋一個(gè)漸變層，這樣我們插畫的顏色可以更突出。

步驟1

復(fù)制手機(jī)主要的形狀（包括最外邊框和旁邊的按鈕）和手機(jī)周圍的圖案（你需要點(diǎn)擊 對(duì)象>擴(kuò)展>填充和描邊 來擴(kuò)展這些圖案），然后把它們粘貼到第三個(gè)圖層。

然后選中所有的形狀，點(diǎn)擊 對(duì)象>復(fù)合路徑，再點(diǎn)擊建立。 這樣可以使你所有的形狀作為一整塊，這正是我們想要的，因?yàn)槲覀兘酉聛砭鸵�把漸變覆蓋在它們上面。

步驟2

選中我們剛剛制作的復(fù)合路徑，然后創(chuàng)建一個(gè)線性漸變，從#0000ff到#00ffff，保證角度設(shè)為了90°。

步驟3

最后，調(diào)整漸變，把混合模式調(diào)為強(qiáng)光，不透明度降低為28%。

我們完成啦！

你已經(jīng)掌握了如何使用一些基本形狀和小技巧（漸變和混合模式）就制作一個(gè)可愛的形象啦。

我希望你們一直在不斷地學(xué)習(xí)新技巧，還有，和往常一樣，我期待看見你們制作出來的作品。

 

 

全教程完,學(xué)完記得交作業(yè)。如果本教程對(duì)您有所幫助，請(qǐng)推薦給你的朋友。