ai怎么設(shè)計一組扁平化風(fēng)格的城堡圖標(biāo)?

本教程主要使用Illustrator繪制簡約風(fēng)格的城堡小圖標(biāo)教程,都說書中自有黃金屋,那么今天給大家?guī)硪粋€書中有小城堡的插畫繪制教程。喜歡的朋友讓我們一起來學(xué)習(xí)吧。先看看效果。
嗯,不難,我們抓緊時間開始吧。
一、新建一個文檔。
建3個圖層,一個參考網(wǎng)格,一個漸變,一個城堡的(先畫一個)
二、繪制安全框。(參考網(wǎng)格)
1)新建一個128*128px,顏色#FF6B57的矩形。
2)再建一個120*120px,顏色白色的矩形放在上面,編組。
三、繪制書。
1)新建一個112*4px,顏色#93665F的矩形,然后偏移路徑4px,改變顏色為#604946。
2)新建一個16*8px,顏色#93665F,圓角為2px的矩形。然后給它加一個4px的外描邊(也可以用偏移路徑的方法做),放在下面。
3)添加一些高光。(112*2px,白色,不透明度改為30%,混合模式改為疊加;)
4)接著新建一個8*8px,#604946,2px圓角的矩形。
5)添加書頁。(50*6px,#F2D2CE,右上圓角為6px,4px顏色為#604946的外描邊)
6)給書頁添加高光和陰影,然后編組,復(fù)制一個。(50*2px,黑色,改變不透明度為20%作為陰影;高光顏色白色,不透明度60%)
7)添加一個104*1px,顏色為#604946的矩形。
四、繪制小小城堡。
1)新建一個44*62px,#D1736B的矩形,放在書的下面;添加顏色一個4px,顏色為#604946的外描邊(或者偏移路徑)。
2)添加陰影。(44*6px,黑色,不透明度改為20%;44*2px,黑色,不透明度改為20%)
3)添加一些紋理,顏色為#AF5652。
4)添加高光。(白色,不透明度改為20%,混合模式為疊加)
5)畫一個門。(16*30px,顏色為#93665F,8px圓角,4px顏色為#604946的外描邊)
6)給門添加一些細節(jié)。
7)建一個窗臺。(16*2px,顏色為#C4BDBC,給它一個4px,顏色為#604946的外描邊)
8)給窗臺添加一些小細節(jié)。(白色,疊加,60%;4*6px,顏色為#604946)
9)畫一個窗戶。(8*8px,顏色為#93B5D1的圓,4px(#604946)的外描邊)
10)添加一些小細節(jié)。
11)繪制屋頂。(使用鋼筆工具畫一個20px高的圖形,確保下面有2px的基地(后面做描邊))
12)給屋頂一個描邊。(4px,顏色為#604946的外描邊)
13)畫3個橫條在屋頂上面,高2px,顏色為#604946;然后加些白色的條,看著有層次感些。(1px,不透明度改為60%,疊加)
14)繪制屋檐。(52*2px,顏色為#C4BDBC,1px的圓角,4px(#604946)的外描邊)
15)添加一些細節(jié);加個煙囪。
五、繪制背景。
1)繪制兩個草叢。
2)背景藍天;加幾片白云。
step6:制作漸變層。
1)復(fù)制主要的輪廓,合并形狀。
2)加一個漸變。
3)調(diào)節(jié)混合模式為變亮,不透明度改為40%
然后,我們的小城堡就畫好了。
好了,講到這里大家應(yīng)該都知道該怎么做了,那么有興趣的同學(xué)可以試著改一下顏色哦。
相關(guān)推薦:
ai怎么設(shè)計可愛的夏日海灘小插畫圖標(biāo)?
相關(guān)文章
- AI怎么設(shè)計一套愛護牙齒的圖標(biāo)?我們知道牙齒對于我們來說很重要,想要設(shè)計一組保護牙齒的圖標(biāo),比如牙刷牙膏,漱口水等等與牙相關(guān)的圖標(biāo),該怎么設(shè)計呢?下面我們就來看看2017-06-19
- 這篇教程教腳本之家的各位Illustrator教程學(xué)習(xí)者使用AI制作一枚嘀嘀嘀的心率檢測儀圖標(biāo)的方法,教程比較簡單,適合新手練習(xí),通過本練習(xí),可以熟悉AI軟件的基礎(chǔ)功能和基本2017-06-16
- AI怎么繪制一款漂亮的相機?ai中想要繪制一款漂亮的相機圖標(biāo),該怎么設(shè)計呢?下面我們就來看看詳細的繪制方法,很簡單,需要的朋友可以參考下2017-06-08
AI怎么設(shè)計MBE風(fēng)格鯨魚插畫圖標(biāo)?
AI怎么設(shè)計MBE風(fēng)格鯨魚插畫圖標(biāo)?ai想要設(shè)計一個MBE風(fēng)格鯨魚插畫,該怎么繪制成一個漂亮的表面效果呢?下面我們就來啊看看你詳細的教程,需要的朋友可以參考下2017-06-05ai怎么設(shè)計可愛的夏日海灘小插畫圖標(biāo)?
ai怎么設(shè)計可愛的夏日海灘小插畫圖標(biāo)?ai中想要設(shè)計一組海灘小圖標(biāo),該怎么設(shè)計呢?下面,下面我們就來看看詳細的設(shè)計教程,很簡單,需要的朋友可以參考下2017-06-04- 本教程教腳本之家的Illustrator教程學(xué)習(xí)者們使用AI繪制立體感十足的計算器APP圖標(biāo)的方法,教程有點長,感興趣的朋友一起去試試吧2017-06-03
- Ai怎么繪制一個優(yōu)酷圖標(biāo)?ai中想要設(shè)計一個優(yōu)酷視頻的圖標(biāo),該怎么設(shè)計呢?下面我們就來看看使用ai設(shè)計的教程,很簡單,需要的朋友可以參考下2017-05-31
AI基礎(chǔ)教程:教你制作炫酷的畢業(yè)主題徽章、書本、學(xué)士帽和電腦圖標(biāo)
今天腳本之家小編給大家分享的是AI基礎(chǔ)教程:教你制作炫酷的畢業(yè)主題徽章、書本、學(xué)士帽和電腦圖標(biāo),教程非常詳細,感興趣的朋友可以一起動手試試2017-05-19AI基礎(chǔ)教程:教你繪制四個清新風(fēng)格的夏日主題圖標(biāo)
本教程教你使用AI繪制四個清新風(fēng)格的夏日主題圖標(biāo),教程非常的詳細,打造的效果也非??蓯矍逍?,想要學(xué)習(xí)更多AI基礎(chǔ)教程的朋友,可以進來看看2017-05-18- 本教程腳本之家的AI學(xué)習(xí)者們使用AI如何繪制絢麗夜景圖標(biāo)的方法,教程雖然簡單,繪制出來的圖標(biāo)還挺漂亮,推薦到腳本之家一起分享學(xué)習(xí)2017-05-18