Illustrator繪製卡通風格的八大行星小插畫

學習PS

微信號：XXPS1979

【學習PS】PS、AI教程學習公益分享公眾平台

點擊播放 GIF/61K

本教程教腳本之家的各位Illustrator學習者使用AI製作卡通風格的八大行星小插畫的方法，每個行星的背景形狀其實都是一樣的，只是有的翻了個面，教程難度不大，感興趣的朋友一起試試吧。

初次使用AI的小志寫了這個教程，一方面為了熟練一下剛臨摹會的小插畫，達到以後類似插圖都能做，一方面為了賺點小人氣。

首先我們看下最終的效果圖。

設計流程：

好，分析一下。嗯，得到了如下結論(設計流程)：

1.每個行星都是由煙狀物(背景)+行星(就是一個圓+各個行星的特點)+左邊和右邊的兩個小圓(這兩個小圓是本行星前一個和後一個行星的縮影)

2.每個行星的背景形狀其實都是一樣的，只不過有的翻了個面，所以我們只用做一個背景，然後複製7個就可以了。(行星也是一樣的，高光，陰影都是可以複製用的，需要做的只是在每個圓上畫出不一樣的特點。)

3.背景的漸變，可以發現它是8個背景複合路徑一起漸變的,也就是說我們可以最後才一起弄他們的漸變。

OK，我們開始第一步：

建立一個800*600px，RGB，72解析度的圖層(為啥是800*600，因為dribbble上都是這個格式啊(哈哈哈，可以裝裝*))。

然後，第二步：我們來做個安全框(是框哦。)(顏色大小都可以按自己喜好來哦，不過最好先自己計算下)，做這個框框的原因就像我們平時做icon一樣，保證每一個在視覺效果上一致。

外框#f97373，128*128，內框#f2f2f2，116*116

然後，我們就得到了八個框框(好厲害。。)

第三步：做背景，就是那個煙狀的東西。。

小矩形22*14，#656370，圓角7px

然後往右隔4px，畫一個68*14，#656370，圓角為7px的矩形。

這個就沒距離了，但大家知道是4px就好了

接下來，畫一個58*6，#656370，圓角為3px的矩形，再畫兩個6*6，#656370的圓，按圖示進行減去頂層操作

ok，我們就得到了

然後畫一個110*14，#656370，圓角為7px的矩形，與左邊框對齊。

這樣我們就得到了一部分煙的效果了。

然後重複上面的操作，得到我們所需要的背景。

ok，我們在來畫煙霧兩邊的小球(額，前一個和後一個行星)

如下圖，我們畫一個16*16，#e2d388的圓，與上邊框隔5px，與左邊框相切。

然後ctrl+c，ctrl+f原位複製粘貼一個，對象--路徑--偏移路徑，選擇-2px，得到一個小點的圓。然後u我們改變之前圓(16*16)的顏色為#ffffff，混合模式為柔光，不透明度為80%。

同樣的方法得到一個大一點的圓。偏移路徑為4px，更改顏色為#000000，不透明度為10%.

然後我們複製一個與他們相交的小矩形，把三個圓和小矩形同時選中，右鍵--建立剪切蒙版。

同樣的方法，得到右下角的小行星。

好了，我們來第四步，畫球(咳咳，行星。。)

首先，畫個68*68，#d0d0d8的圓，作為行星的主體。

然後老方法複製原味粘貼製作行星光暈，每次偏移路徑4px，更改顏色為#000000，不透明度改為10%。

我們可以看到光暈覆蓋在了在煙狀背景上，這樣不怎麼好看，我想達到下圖效果。

怎麼辦呢，我們把幾個光暈的圖層ctrl+g編組在一起。然後把煙狀背景全部選中，ctrl+8建立複合路徑，把光暈組和複合路徑選中，右鍵剪切蒙版，就可以了。

這樣，我們的背景就做出來了。然後內就開始描繪行星的細節了。拿個簡單的土星舉例，我們在中間主體上加一些小點點。

這個位置光暈感覺有點不自然哈，我們加個小光暈來調節一下，直接複製原位粘貼中間的那個圖，然後偏移路徑 -2px，把複製的圖和偏移路徑的圖同時選中，減去頂層，得到一個圓環，填充#ffffff，混合模式為柔光，不透明度調為68%(也可根據自己喜好調節)。得到下圖效果。

好了，這樣我們的土星就完成了。(嗯，感覺自己胖胖噠)

其他幾個行星只需要改一下行星主體和左右兩邊的小行星就可以了。一段時間後，我們得到了。

然後，我們把所有的煙狀背景選中，建立複合路徑，然後給這個複合路徑加一個漸變，如圖;

最後，我們就集齊了8個龍珠，哦，不對，8個行星，行星之力(額。。突然扯到變形金剛了。。。)

友情平台

平台自營微店

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！