ai怎么設(shè)計(jì)可愛(ài)的夏日海灘小插畫圖標(biāo)?

發(fā)布時(shí)間：2017-06-04 09:22:34 作者：Andrei Stefan

ai怎么設(shè)計(jì)可愛(ài)的夏日海灘小插畫圖標(biāo)？ai中想要設(shè)計(jì)一組海灘小圖標(biāo)，該怎么設(shè)計(jì)呢？下面，下面我們就來(lái)看看詳細(xì)的設(shè)計(jì)教程，很簡(jiǎn)單，需要的朋友可以參考下

本教程主要使用Illustrator繪制可愛(ài)的夏日海灘插畫效果，這種風(fēng)格很可愛(ài)卡通，感興趣的朋友讓我們一起來(lái)學(xué)習(xí)吧。先看看效果圖

Adobe Illustrator CS6 (AI cs6) 精簡(jiǎn)綠色中文版(32位+64位)

類型：圖像處理
大小：200.38MB
語(yǔ)言：簡(jiǎn)體中文
時(shí)間：2014-05-11

查看詳情

1、四個(gè)圖都有一樣的背景

2、大大的描邊

3、都打破了背景的邊界

4、都是日常生活中常見(jiàn)的，都和夏日海灘這個(gè)主題想關(guān)，很真實(shí)

首先新建一個(gè)圖層800*600px大小，顏色模式為RGB,分辨率為72ppi，將新對(duì)象對(duì)齊到網(wǎng)格。

STP1：背景的制作

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

然后繪制一個(gè)116*116px，顏色為#F2F2F2的矩形，使之與上圖對(duì)齊

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

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

大的背景我們做出來(lái)了，然后我們來(lái)做些里面的東東。選中我們的藍(lán)色圓框，ctrl+c，ctrl+f原位復(fù)制一個(gè)。然后對(duì)象--路徑--便宜路徑，偏移-4px

然后我們選中復(fù)制的副本和副本的偏移量，減去頂層形狀得到一個(gè)圓環(huán)，我們給新得到的圓環(huán)改變顏色為白色，混合模式設(shè)置為柔光，不透明度改為80%

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

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

我們給黃色的沙灘上面加些沙子大小2*2px，顏色為#D19A20，多復(fù)制幾個(gè)，編個(gè)組。得到下圖效果

我們最終效果圖背景就是一個(gè)圓，所以我們要把沙灘多出來(lái)的給剪掉，復(fù)制一層(ctrl+c，ctrl+f)那個(gè)最開(kāi)始的藍(lán)色圓(88*88的)，然后選中它和黃色沙灘，右鍵--建立截切蒙版

然后我們來(lái)制作海灘上的高光，復(fù)制海面的那個(gè)高光(減去頂層出來(lái)的圓環(huán))，然后復(fù)制一下鋼筆工具勾出來(lái)的黃色海灘，黃色海灘在上，圓環(huán)在下，同時(shí)選中，右鍵--建立剪切蒙版，得到下圖

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