ai怎么設(shè)計(jì)一組扁平化風(fēng)格的城堡圖標(biāo)?
本教程主要使用Illustrator繪制簡(jiǎn)約風(fēng)格的城堡小圖標(biāo)教程,都說(shuō)書中自有黃金屋,那么今天給大家?guī)?lái)一個(gè)書中有小城堡的插畫繪制教程。喜歡的朋友讓我們一起來(lái)學(xué)習(xí)吧。先看看效果。

Adobe Illustrator CS6 (AI cs6) 精簡(jiǎn)綠色中文版(32位+64位)
- 類型:圖像處理
- 大小:200.38MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2014-05-11

嗯,不難,我們抓緊時(shí)間開始吧。
一、新建一個(gè)文檔。
建3個(gè)圖層,一個(gè)參考網(wǎng)格,一個(gè)漸變,一個(gè)城堡的(先畫一個(gè))


二、繪制安全框。(參考網(wǎng)格)
1)新建一個(gè)128*128px,顏色#FF6B57的矩形。

2)再建一個(gè)120*120px,顏色白色的矩形放在上面,編組。

三、繪制書。
1)新建一個(gè)112*4px,顏色#93665F的矩形,然后偏移路徑4px,改變顏色為#604946。

2)新建一個(gè)16*8px,顏色#93665F,圓角為2px的矩形。然后給它加一個(gè)4px的外描邊(也可以用偏移路徑的方法做),放在下面。


3)添加一些高光。(112*2px,白色,不透明度改為30%,混合模式改為疊加;)


4)接著新建一個(gè)8*8px,#604946,2px圓角的矩形。

5)添加書頁(yè)。(50*6px,#F2D2CE,右上圓角為6px,4px顏色為#604946的外描邊)

6)給書頁(yè)添加高光和陰影,然后編組,復(fù)制一個(gè)。(50*2px,黑色,改變不透明度為20%作為陰影;高光顏色白色,不透明度60%)


7)添加一個(gè)104*1px,顏色為#604946的矩形。

四、繪制小小城堡。
1)新建一個(gè)44*62px,#D1736B的矩形,放在書的下面;添加顏色一個(gè)4px,顏色為#604946的外描邊(或者偏移路徑)。


2)添加陰影。(44*6px,黑色,不透明度改為20%;44*2px,黑色,不透明度改為20%)


3)添加一些紋理,顏色為#AF5652。

4)添加高光。(白色,不透明度改為20%,混合模式為疊加)

5)畫一個(gè)門。(16*30px,顏色為#93665F,8px圓角,4px顏色為#604946的外描邊)

6)給門添加一些細(xì)節(jié)。

7)建一個(gè)窗臺(tái)。(16*2px,顏色為#C4BDBC,給它一個(gè)4px,顏色為#604946的外描邊)

8)給窗臺(tái)添加一些小細(xì)節(jié)。(白色,疊加,60%;4*6px,顏色為#604946)

9)畫一個(gè)窗戶。(8*8px,顏色為#93B5D1的圓,4px(#604946)的外描邊)

10)添加一些小細(xì)節(jié)。

11)繪制屋頂。(使用鋼筆工具畫一個(gè)20px高的圖形,確保下面有2px的基地(后面做描邊))

12)給屋頂一個(gè)描邊。(4px,顏色為#604946的外描邊)

13)畫3個(gè)橫條在屋頂上面,高2px,顏色為#604946;然后加些白色的條,看著有層次感些。(1px,不透明度改為60%,疊加)


14)繪制屋檐。(52*2px,顏色為#C4BDBC,1px的圓角,4px(#604946)的外描邊)

15)添加一些細(xì)節(jié);加個(gè)煙囪。


五、繪制背景。
1)繪制兩個(gè)草叢。

2)背景藍(lán)天;加幾片白云。


step6:制作漸變層。
1)復(fù)制主要的輪廓,合并形狀。


2)加一個(gè)漸變。

3)調(diào)節(jié)混合模式為變亮,不透明度改為40%

然后,我們的小城堡就畫好了。

好了,講到這里大家應(yīng)該都知道該怎么做了,那么有興趣的同學(xué)可以試著改一下顏色哦。

相關(guān)推薦:
AI怎么制作一個(gè)簡(jiǎn)單的店鋪圖標(biāo)?
ai怎么設(shè)計(jì)可愛(ài)的夏日海灘小插畫圖標(biāo)?
相關(guān)文章

AI怎么設(shè)計(jì)一套愛(ài)護(hù)牙齒的圖標(biāo)?
AI怎么設(shè)計(jì)一套愛(ài)護(hù)牙齒的圖標(biāo)?我們知道牙齒對(duì)于我們來(lái)說(shuō)很重要,想要設(shè)計(jì)一組保護(hù)牙齒的圖標(biāo),比如牙刷牙膏,漱口水等等與牙相關(guān)的圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看2017-06-19
這篇教程教腳本之家的各位Illustrator教程學(xué)習(xí)者使用AI制作一枚嘀嘀嘀的心率檢測(cè)儀圖標(biāo)的方法,教程比較簡(jiǎn)單,適合新手練習(xí),通過(guò)本練習(xí),可以熟悉AI軟件的基礎(chǔ)功能和基本2017-06-16
AI怎么繪制一款漂亮的相機(jī)?ai中想要繪制一款漂亮的相機(jī)圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看詳細(xì)的繪制方法,很簡(jiǎn)單,需要的朋友可以參考下2017-06-08
AI怎么設(shè)計(jì)MBE風(fēng)格鯨魚插畫圖標(biāo)?
AI怎么設(shè)計(jì)MBE風(fēng)格鯨魚插畫圖標(biāo)?ai想要設(shè)計(jì)一個(gè)MBE風(fēng)格鯨魚插畫,該怎么繪制成一個(gè)漂亮的表面效果呢?下面我們就來(lái)啊看看你詳細(xì)的教程,需要的朋友可以參考下2017-06-05
ai怎么設(shè)計(jì)可愛(ài)的夏日海灘小插畫圖標(biāo)?
ai怎么設(shè)計(jì)可愛(ài)的夏日海灘小插畫圖標(biāo)?ai中想要設(shè)計(jì)一組海灘小圖標(biāo),該怎么設(shè)計(jì)呢?下面,下面我們就來(lái)看看詳細(xì)的設(shè)計(jì)教程,很簡(jiǎn)單,需要的朋友可以參考下2017-06-04
AI繪制立體感十足的計(jì)算器APP圖標(biāo)教程
本教程教腳本之家的Illustrator教程學(xué)習(xí)者們使用AI繪制立體感十足的計(jì)算器APP圖標(biāo)的方法,教程有點(diǎn)長(zhǎng),感興趣的朋友一起去試試吧2017-06-03
Ai怎么繪制一個(gè)優(yōu)酷圖標(biāo)?ai中想要設(shè)計(jì)一個(gè)優(yōu)酷視頻的圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看使用ai設(shè)計(jì)的教程,很簡(jiǎn)單,需要的朋友可以參考下2017-05-31
AI基礎(chǔ)教程:教你制作炫酷的畢業(yè)主題徽章、書本、學(xué)士帽和電腦圖標(biāo)
今天腳本之家小編給大家分享的是AI基礎(chǔ)教程:教你制作炫酷的畢業(yè)主題徽章、書本、學(xué)士帽和電腦圖標(biāo),教程非常詳細(xì),感興趣的朋友可以一起動(dòng)手試試2017-05-19AI基礎(chǔ)教程:教你繪制四個(gè)清新風(fēng)格的夏日主題圖標(biāo)
本教程教你使用AI繪制四個(gè)清新風(fēng)格的夏日主題圖標(biāo),教程非常的詳細(xì),打造的效果也非??蓯?ài)清新,想要學(xué)習(xí)更多AI基礎(chǔ)教程的朋友,可以進(jìn)來(lái)看看2017-05-18
本教程腳本之家的AI學(xué)習(xí)者們使用AI如何繪制絢麗夜景圖標(biāo)的方法,教程雖然簡(jiǎn)單,繪制出來(lái)的圖標(biāo)還挺漂亮,推薦到腳本之家一起分享學(xué)習(xí)2017-05-18










