AI怎么設(shè)計(jì)棒冰圖標(biāo)呢?AI設(shè)計(jì)可愛(ài)風(fēng)格棒冰圖標(biāo)效果圖教程

正值炎炎夏日,我知道大家都很享受手中拿著一個(gè)巨大無(wú)比的冰激凌坐著好好地休息。哈哈誠(chéng)實(shí)的說(shuō)我每天都會(huì)這么做。這也是為什么我覺(jué)得用這個(gè)主題來(lái)編寫(xiě)一個(gè)小教程。

Adobe Illustrator 2019(Ai cc2019) v23.1.0.670 綠色中文版 64位
- 類型:圖像處理
- 大?。?/span>275MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2019-11-04
1.設(shè)置我們的文檔
Control-N創(chuàng)建一個(gè)新文檔并按照以下參數(shù)值調(diào)節(jié)一下
畫(huà)板數(shù)量: 1
寬: 640 px
高: 600 px
單位: 像素
以及高級(jí)設(shè)置里面的:
色彩模式: RGB
柵格效果: 高 (300 ppi)
預(yù)覽模式: 默認(rèn)
使新建對(duì)象與像素網(wǎng)格對(duì)齊
2.設(shè)置圖層
創(chuàng)建好文檔后,我們需要?jiǎng)?chuàng)建多個(gè)圖層,這樣我們就能保障在一個(gè)干凈良好的環(huán)境里創(chuàng)作圖標(biāo)。打開(kāi)圖層按鈕,創(chuàng)建四個(gè)圖層,分別按照下面命名:
1.紫色
2.橘色
3.綠色
4.巧克力色
5.雙的
6.餅干
3.調(diào)整網(wǎng)格
找到首選項(xiàng)-參考線和網(wǎng)格
設(shè)置網(wǎng)格線間隔:1px
次分割線:1px
當(dāng)然,如果你想直接利用鍵盤移動(dòng),你也可以直接將鍵盤增量改為1px。同樣在首選項(xiàng)里面設(shè)置:首選項(xiàng)-常規(guī)-鍵盤增量
如果你版本的單位是pt的話,你只用去單位里面設(shè)置一下將單位調(diào)到px即可。
4.繪制第一個(gè)圖標(biāo)
步驟1
選擇紫色圖層繪制。選擇圓角矩形工具創(chuàng)建一個(gè)28*90圓角為4px的圓角矩形。設(shè)置顏色為#B392AC。點(diǎn)擊變化將圖形移動(dòng)到下面位置:
X: 226 px
Y: 211 px
步驟2
選擇剛剛畫(huà)的圓角矩形,對(duì)象-路徑-偏移路徑
設(shè)置位移4px 斜接 斜接限制4px
步驟3
我們新得到的一層會(huì)在原始圖形的底下,我們將它的顏色改為稍微深一點(diǎn)的顏色#735d78
步驟4
再創(chuàng)建一個(gè)6*22圓角為1的圓角矩形。顏色填充#f7d1cd ,并讓它和剛剛畫(huà)好的冰激凌部分居中對(duì)齊。
步驟5
同步驟2、3,給冰柜加上一個(gè)描邊 顏色也為#735d78
步驟6
我們已經(jīng)完成了基本的塑形,現(xiàn)在來(lái)添加一些細(xì)節(jié)。
創(chuàng)建一個(gè)6*4的矩形 顏色為#0000 混合模式:正片疊底 透明度20%
步驟7
然后繪制兩條斜線 6*2的矩形顏色為#735d38 兩個(gè)間距4px
然后用直接選擇工具(A)選中它們左邊的錨點(diǎn) 向下移動(dòng)2px
步驟8
棍子做好啦,現(xiàn)在讓我們向上繪制冰激凌主體,給它加上高光。首先復(fù)制冰激凌里面的(淺色的)那一層,然后在它上面繪制24*86圓角為2的圓角矩形。
選中復(fù)制的一層和新的圓角矩形,減去頂層形狀,這就是冰激凌的高光。然后我們將它顏色改為#000000 混合模式:柔光 不透明度:40%
步驟9
然后用矩形工具,創(chuàng)建兩個(gè)#FFFFFF的矩形,一個(gè)20*4 一個(gè)20*10。
步驟10
用直接選擇工具(A)選擇兩個(gè)矩形右邊的錨點(diǎn),向上移動(dòng)20px
步驟11
將這兩塊高光顏色模式設(shè)置為:柔光 不透明度:60%
步驟12
然后將上面繪制的兩條高光打一個(gè)組(command+G)再將這個(gè)組的混合模式選為:疊加
這樣效果會(huì)更自然更活潑
步驟13
下面,我們要添加一點(diǎn)冰激凌上五彩的碎粒。
使用矩形工具 分別繪制三種顏色的矩形#735D78 #F7D1CD #F49AA1
并將它們旋轉(zhuǎn)45度角
步驟14
現(xiàn)在讓我們加一些星形的高光:
首先用橢圓工具繪制一個(gè)12*12的圓形 再用直接選擇工具選擇圓形的上錨點(diǎn)和左錨點(diǎn)刪除
復(fù)制(Control-C > Control-F)上面圖形 將它對(duì)稱并是兩個(gè)圖形間距為4px 繪制一個(gè)4*4的圓在它們中間
將上面圖形組合 復(fù)制并對(duì)稱 同樣添加兩個(gè)圓
用直接選擇工具選擇所有錨點(diǎn) 按command+J
步驟15
繪制兩個(gè)比較小的星形高光 選中三個(gè)高光 設(shè)置混合模式為疊加 不透明度為80%
步驟16
下面我們要給圖標(biāo)加上漸變了。將冰激凌輪廓和棍子輪廓合成一個(gè)圖層,并且復(fù)制一次(Control-C > Control-F)。
將上面復(fù)制的一層設(shè)置為漸變
左邊顏色:#00FF00
右邊顏色:#D4145A
角度:-90
步驟17
可見(jiàn)上一步驟繪制出的漸變太過(guò)強(qiáng)烈,我們就把這一層不透明度調(diào)到50%混合模式為變亮。
這樣第一個(gè)冰激凌就畫(huà)出來(lái)啦,別忘了 (Control-G)將它們打一個(gè)組哦~
5.繪制第二個(gè)圖標(biāo)
步驟1
選擇橘色的圖層,用矩形工具繪制一個(gè)52*90的矩形,顏色為#F49AA1。(1)
我們需要讓它的底部是圓潤(rùn)的,所以就要用圓角工具。用直接選擇工具(A),選中底部?jī)蓚€(gè)錨點(diǎn),設(shè)置圓角度數(shù)為6px。(2)
同理,讓上面兩個(gè)錨點(diǎn)的圓角度數(shù)設(shè)置為26.(3)
步驟2
同繪制第一個(gè)冰激凌一樣,我們將這個(gè)冰激凌路徑偏移4px,顏色為#c96975。
步驟3
繪制冰激凌棍子,12*28圓角為6px的圓角矩形,顏色為#F7D1CD。同理偏移路徑。
步驟4
添加陰影12*4顏色為#000000,混合模式為正片疊底,不透明度20%。
然后添加一些紋路,1*4圓角為0.5px的圓角矩形,顏色為#c96975。
tep 5
繪制冰激凌上的高光環(huán),顏色#ffffff,混合模式:柔光,不透明度30%
步驟6
繪制冰激凌上條狀光澤。兩條分別為44*10和44*4,然后用直接選擇工具選擇兩個(gè)矩形右邊的錨點(diǎn)向上移動(dòng)44px。
然后將兩條高光顏色設(shè)置為#ffffff,混合模式:柔光,不透明度:50%。
然后繪制一個(gè)44*82的圓角矩形,選定該圓角矩形和兩條高光,右鍵選擇建立剪切蒙版。
步驟7
我們完成了高光以后,可以集中繪制冰激凌表面了。選擇圓角矩形工具繪制6*62圓角為3顏色為#c96975的圓角矩形。(1)
用直接選擇工具(A)刪去下方的一個(gè)錨點(diǎn),再command+J組成一個(gè)封閉形狀組。(2)
在繪制2*58圓角為1的圓角矩形,然后選擇這兩個(gè)形狀組,減去頂層形狀。(3)(4)
在添加兩個(gè)2*2的圓在底部。(5)
然后再圖形中間繪制一個(gè)2*58與之前的一樣的形狀。(6)
在它底部減去一個(gè)2*2的圓。(7)(8)
最后Control-G將它們打組。
步驟8
如下圖標(biāo)注將上一步驟繪制的元素復(fù)制四個(gè)并擺在冰激凌上。
步驟9
把上一個(gè)已經(jīng)繪制好的冰激凌的星形高光復(fù)制一個(gè)放在這個(gè)冰激凌上。
步驟10
然后復(fù)制冰激凌的輪廓,將它置于頂層,添加以下漸變:
左邊顏色:#00FF00
右邊顏色:#D4145A
角度:-90
混合模式:顏色加深
透明度:20%
相關(guān)文章
教你如何在AI里繪制一個(gè)簡(jiǎn)單可愛(ài)的豬臉圖標(biāo)
你的小豬圖標(biāo)。他有一些決定性的克拉克肯特的發(fā)型。把你的設(shè)計(jì),進(jìn)一步采用梯度網(wǎng)格形狀或創(chuàng)造了一整套動(dòng)物圖標(biāo)呈現(xiàn)更多的細(xì)節(jié),一起來(lái)試試吧2021-04-09用AI繪制真實(shí)折紙風(fēng)格的天鵝圖標(biāo)教程
當(dāng)你了解技術(shù)之后,創(chuàng)建折紙風(fēng)格的設(shè)計(jì)是一件很容易的事。按照下面的快速教程就可以學(xué)到如何創(chuàng)建你的數(shù)字紙藝術(shù)。我們要使用Adobe Illustrator,不過(guò)你也可以把這些技術(shù)應(yīng)2021-04-02AI簡(jiǎn)單繪制立體風(fēng)格的銀行等距圖標(biāo)教程
等距型是描述一個(gè)物體的三維圖像在平面上的三軸相等的大小等距是常用的工程制圖和設(shè)計(jì),好了話不多少,馬上開(kāi)始我們今天的教程吧2021-04-02AI教程 利用AI繪制指紋識(shí)別解鎖按鈕圖標(biāo)
大家可以在做二維碼推廣的時(shí)候用到哦,B格瞬間提升,其實(shí)做法也不難,只不過(guò)要注意一些細(xì)節(jié)方面的問(wèn)題就可以了,現(xiàn)在就來(lái)學(xué)習(xí)一下吧2021-03-31ai怎么設(shè)計(jì)AGRO標(biāo)志? ai畫(huà)AGRO圖標(biāo)logo的技巧
ai怎么設(shè)計(jì)AGRO標(biāo)志?ai中想要設(shè)計(jì)一款A(yù)GRO標(biāo)志,該怎么設(shè)置呢?下面我們就來(lái)看看ai畫(huà)AGRO標(biāo)志的技巧,很簡(jiǎn)單,詳細(xì)請(qǐng)看下文介紹2021-03-21ai怎么設(shè)計(jì)圓形的雪花圖標(biāo)? ai雪花矢量logo的畫(huà)法
ai怎么設(shè)計(jì)圓形的雪花圖標(biāo)?ai中想要設(shè)計(jì)圓形的雪花圖形,該怎么設(shè)計(jì)雪花矢量圖作為logo使用嗯?下面我們就來(lái)看看ai雪花矢量logo的畫(huà)法,,需要的朋友可以參考下2021-01-05AI怎么制作風(fēng)車圖標(biāo)? ai快速畫(huà)風(fēng)車矢量圖的技巧
AI怎么制作風(fēng)車圖標(biāo)?AI中想要設(shè)計(jì)一款類似風(fēng)車圖形的矢量logo圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看ai快速畫(huà)風(fēng)車矢量圖的技巧,需要的朋友可以參考下2020-12-23AI制作一個(gè)圓角三角形圖標(biāo)? AI三角形標(biāo)志的畫(huà)法
AI制作一個(gè)圓角三角形圖標(biāo)?ai中想要設(shè)計(jì)一款外形是圓角三角形,里面是三個(gè)水滴形狀的圖標(biāo),該怎么設(shè)置呢?下面我們就來(lái)看看AI三角形標(biāo)志的畫(huà)法,需要的朋友可以參考下2020-12-23ai怎么設(shè)計(jì)icon圖標(biāo)? ai畫(huà)logo矢量圖的技巧
ai怎么設(shè)計(jì)icon圖標(biāo)?手機(jī)icon圖標(biāo)我們經(jīng)常能看到,想要自己設(shè)計(jì)一個(gè),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看ai畫(huà)logo矢量圖的技巧,需要的朋友可以參考下2020-12-03ai怎么設(shè)計(jì)合眾汽車圖標(biāo)? ai汽車矢量logo的畫(huà)法
ai怎么設(shè)計(jì)合眾汽車圖標(biāo)?想要使用ai練練手,做一個(gè)汽車的logo,該怎么設(shè)計(jì)這個(gè)矢量圖標(biāo)呢?下面我們就來(lái)看看ai汽車矢量logo的畫(huà)法,需要的朋友可以參考下2020-11-06