Illustrator製作可愛的夏日海灘小插畫

學習PS

微信號：XXPS1979

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

GIF/61K

帶我去海邊

帶我去海邊

微胖女神

00:00/03:25

本教程主要使用Illustrator繪製可愛的夏日海灘插畫效果，這種風格很可愛卡通，感興趣的朋友讓我們一起來學習吧。

先看看效果圖

1、四個圖都有一樣的背景

2、大大的描邊

3、都打破了背景的邊界

4、都是日常生活中常見的，都和夏日海灘這個主題想關，很真實

首先新建一個圖層800*600px大小，顏色模式為RGB,解析度為72ppi，將新對象對齊到網格。

STP1：背景的製作

1、繪製安全框，雖然設計不應該有啥限制，但為保證一致，還是給個套比較好，新建一個矩形，大小128*128px，顏色為#FF6B57

然後繪製一個116*116px，顏色為#F2F2F2的矩形，使之與上圖對齊

2、繪製背景海邊沙灘，一個圓分兩半，一半是海一半是沙，使用橢圓工具繪製一個88*88px，顏色為#34D5EA的圓，使之與安全框垂直居中對齊，距安全框下邊框4px，如圖

然後我們選中圓框，對象--路徑--偏移路徑，給他4px的偏移值，顏色為#493E3E

大的背景我們做出來了，然後我們來做些裡面的東東。選中我們的藍色圓框，ctrl+c，ctrl+f原位複製一個。然後對象--路徑--便宜路徑，偏移-4px

然後我們選中複製的副本和副本的偏移量，減去頂層形狀得到一個圓環，我們給新得到的圓環改變顏色為白色，混合模式設置為柔光，不透明度改為80%

接下來我們畫海灘的沙子的那一部分，使用鋼筆工具勾出一個如下圖的形狀，顏色為#EDBC32

同樣的方法，給他一個4px的偏移描邊，顏色為#493E3E(對象--路徑--偏移路徑)

我們給黃色的沙灘上面加些沙子大小2*2px，顏色為#D19A20，多複製幾個，編個組。得到下圖效果

我們最終效果圖背景就是一個圓，所以我們要把沙灘多出來的給剪掉，複製一層(ctrl+c，ctrl+f)那個最開始的藍色圓(88*88的)，然後選中它和黃色沙灘，右鍵--建立截切蒙版

然後我們來製作海灘上的高光，複製海面的那個高光(減去頂層出來的圓環)，然後複製一下鋼筆工具勾出來的黃色海灘，黃色海灘在上，圓環在下，同時選中，右鍵--建立剪切蒙版，得到下圖

接著製作中間的那個分割帶的高光部分，複製一個黃色沙灘，偏移路徑-4px，然後同時事選中這兩個圖層，減去頂層形狀，得到一個環，將顏色改為白色，混合模式調為柔光，不透明度調為80%。接著，複製一個藍色的圓(88*88的那個)，選中藍色的圓和我們減去頂層得到的環，右鍵--建立剪切蒙版，得到如圖高光。

3、繪製海面上的雲朵

使用圓角矩形工具繪製一個16*8px，圓角為4px，顏色為白色的矩形，然後繪製一個6*2px的長方形，使用2*2px的圓去剪掉長方形的兩端，然後在繪製一個12*4px，圓角為2px的圓角矩形，將他們組合起來。

將得到的雲編組，並改變不透明度為50%，將其定位到圖示位置。

利用同樣的方法，我們就可以得到我們的背景圖了。

STP2：繪製主體物

1、使用矩形工具繪製一個48*92px，顏色為#E25439，上圓角為24px，下圓角為6px，外描邊為4px，顏色為#493E3E的矩形。

2、繪製高光，這個不多說了啊，跟背景里的高光繪製方法一樣

3、製作棍子。12*12px，顏色為#D3B276，外描邊為4px，顏色為#493E3E的矩形，讓它與冰棍對齊。

然後繪製棍子上的高光，紋理和陰影。如圖

然後將冰棍的所有圖層編組，同樣的方法，複製最開始的88*88px的藍色圓，在圓的上方建一個矩形，然後與圓聯集(合并)

然後同時選中這個新的圖形和我們的冰棍組，右鍵--建立剪切蒙版。

這樣我們就做出了一個冰棍的小插畫了。

STP3：繪製其他的幾個，接下來就是見證奇蹟的時刻了，我們直接複製背景，然後繪製其他的主體就可以了。

duang

duang

感謝成龍大哥給我們帶來的表演，這樣我們的幾個小插畫就都完成了。

STP4：檢查細節

這一步很重要的，個人深有感受。。曾今畫完就發出去了，點開一看，什麼對齊啊，差一兩個像素啥的，好多小問題。所以，小志建議大家不管做啥，做完之後都檢查一下，免得掉底子。

友情平台

平台自營微店

點擊展開全文

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