腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

AI制作卡通風(fēng)格的八大行星小插畫教程

發(fā)布時(shí)間：2017-05-15 14:54:14 作者：小呆志

我要評論

本教程教腳本之家的各位Illustrator學(xué)習(xí)者使用AI制作卡通風(fēng)格的八大行星小插畫的方法，每個(gè)行星的背景形狀其實(shí)都是一樣的，只是有的翻了個(gè)面，教程難度不大，感興趣的朋友一起試試吧

版權(quán)申明：本文原創(chuàng)作者“小呆志”，感謝“小呆志”的原創(chuàng)經(jīng)驗(yàn)分享！

自己剛剛開始使用AI ,然后就去找了個(gè)教程試了下手，做完之后為保證自己不看教程也能做，就寫了個(gè)教程（有些圖片還是原教程里的。。）

使用AI制作卡通風(fēng)格的行星小插畫

初次使用AI的小志（渣渣）寫了這個(gè)教程，一方面為了熟練一下剛臨摹會的小插畫，達(dá)到以后類似插圖都能做，一方面為了賺點(diǎn)小人氣。。（原諒我這么上進(jìn)（虛榮））

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

最終效果：

設(shè)計(jì)流程：

好，分析一下。嗯，得到了如下結(jié)論（設(shè)計(jì)流程）：

1.每個(gè)行星都是由煙狀物（背景）+行星（就是一個(gè)圓+各個(gè)行星的特點(diǎn)）+左邊和右邊的兩個(gè)小圓（這兩個(gè)小圓是本行星前一個(gè)和后一個(gè)行星的縮影）

2.每個(gè)行星的背景形狀其實(shí)都是一樣的，只不過有的翻了個(gè)面，所以我們只用做一個(gè)背景，然后復(fù)制7個(gè)就可以了。（行星也是一樣的，高光，陰影都是可以復(fù)制用的，需要做的只是在每個(gè)圓上畫出不一樣的特點(diǎn)。）

3.背景的漸變，可以發(fā)現(xiàn)它是8個(gè)背景復(fù)合路徑一起漸變的,也就是說我們可以最后才一起弄他們的漸變。

OK，我們開始第一步：

建立一個(gè)800*600px，RGB，72分辨率的圖層（為啥是800*600，因?yàn)閐ribbble上都是這個(gè)格式?。ü?，可以裝裝*））。

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

外框#f97373，128*128，內(nèi)框#f2f2f2，116*116

然后，我們就得到了八個(gè)框框（好厲害。。）

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

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

然后往右隔4px，畫一個(gè)68*14，#656370，圓角為7px的矩形。

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

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

ok，我們就得到了

然后畫一個(gè)110*14，#656370，圓角為7px的矩形，與左邊框?qū)R。

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

然后重復(fù)上面的操作，得到我們所需要的背景。

ok，我們在來畫煙霧兩邊的小球（額，前一個(gè)和后一個(gè)行星）

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

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

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

然后我們復(fù)制一個(gè)與他們相交的小矩形，把三個(gè)圓和小矩形同時(shí)選中，右鍵--建立剪切蒙版。

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

好了，我們來第四步，畫球（咳咳，行星。。）

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

然后老方法復(fù)制原味粘貼制作行星光暈，每次偏移路徑4px，更改顏色為#000000，不透明度改為10%。

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

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

這樣，我們的背景就做出來了。

然后內(nèi)，就開始描繪行星的細(xì)節(jié)了。拿個(gè)簡單的土星舉例。。（因?yàn)楹唵危?/p>

我們在中間主體上加一些小點(diǎn)點(diǎn)（因?yàn)橥列巧峡隙ê枚嗤谅铮涌油萃莸模?/p>

這個(gè)位置光暈感覺有點(diǎn)不自然哈，我們加個(gè)小光暈來調(diào)節(jié)一下，直接復(fù)制原位粘貼中間的那個(gè)圖，然后偏移路徑 -2px，把復(fù)制的圖和偏移路徑的圖同時(shí)選中，減去頂層，得到一個(gè)圓環(huán)，填充#ffffff，混合模式為柔光，不透明度調(diào)為68%（也可根據(jù)自己喜好調(diào)節(jié)）。得到下圖效果。