當前位置:維知科普網 >

數碼

> AI怎麼設計棒冰圖標呢

AI怎麼設計棒冰圖標呢

正值炎炎夏日,我知道大家都很享受手中拿着一個巨大無比的冰激凌坐着好好地休息。哈哈誠實的説我每天都會這麼做。這也是為什麼我覺得用這個主題來編寫一個小教程。

AI怎麼設計棒冰圖標呢

1.設置我們的文檔

Control-N創建一個新文檔並按照以下參數值調節一下

畫板數量: 1

寬: 640 px

高: 600 px

單位: 像素

以及高級設置裏面的:

色彩模式: RGB

柵格效果: 高 (300 ppi)

預覽模式: 默認

使新建對象與像素網格對齊

AI怎麼設計棒冰圖標呢 第2張

2.設置圖層

創建好文檔後,我們需要創建多個圖層,這樣我們就能保障在一個乾淨良好的環境裏創作圖標。打開圖層按鈕,創建四個圖層,分別按照下面命名:

1.紫色

2.橘色

3.綠色

4.巧克力色

5.雙的

6.餅乾

AI怎麼設計棒冰圖標呢 第3張

3.調整網格

找到首選項-參考線和網格

設置網格線間隔:1px

次分割線:1px

AI怎麼設計棒冰圖標呢 第4張

當然,如果你想直接利用鍵盤移動,你也可以直接將鍵盤增量改為1px。同樣在首選項裏面設置:首選項-常規-鍵盤增量

AI怎麼設計棒冰圖標呢 第5張

如果你版本的單位是pt的話,你只用去單位裏面設置一下將單位調到px即可。

4.繪製第一個圖標

步驟1

選擇紫色圖層繪製。選擇圓角矩形工具創建一個28*90圓角為4px的圓角矩形。設置顏色為#B392AC。點擊變化將圖形移動到下面位置:

X: 226 px

Y: 211 px

AI怎麼設計棒冰圖標呢 第6張

步驟2

選擇剛剛畫的圓角矩形,對象-路徑-偏移路徑

設置位移4px 斜接 斜接限制4px

AI怎麼設計棒冰圖標呢 第7張

步驟3

我們新得到的一層會在原始圖形的底下,我們將它的顏色改為稍微深一點的顏色#735d78

AI怎麼設計棒冰圖標呢 第8張

步驟4

再創建一個6*22圓角為1的圓角矩形。顏色填充#f7d1cd ,並讓它和剛剛畫好的冰激凌部分居中對齊。

AI怎麼設計棒冰圖標呢 第9張

步驟5

同步驟2、3,給冰櫃加上一個描邊 顏色也為#735d78

AI怎麼設計棒冰圖標呢 第10張

步驟6

我們已經完成了基本的塑形,現在來添加一些細節。

創建一個6*4的矩形 顏色為#0000 混合模式:正片疊底 透明度20%

AI怎麼設計棒冰圖標呢 第11張

步驟7

然後繪製兩條斜線 6*2的矩形顏色為#735d38 兩個間距4px

然後用直接選擇工具(A)選中它們左邊的錨點 向下移動2px

AI怎麼設計棒冰圖標呢 第12張

步驟8

棍子做好啦,現在讓我們向上繪製冰激凌主體,給它加上高光。首先複製冰激凌裏面的(淺色的)那一層,然後在它上面繪製24*86圓角為2的圓角矩形。

選中複製的一層和新的圓角矩形,減去頂層形狀,這就是冰激凌的高光。然後我們將它顏色改為#000000 混合模式:柔光 不透明度:40%

AI怎麼設計棒冰圖標呢 第13張

步驟9

然後用矩形工具,創建兩個#FFFFFF的矩形,一個20*4 一個20*10。

AI怎麼設計棒冰圖標呢 第14張

步驟10

用直接選擇工具(A)選擇兩個矩形右邊的錨點,向上移動20px

AI怎麼設計棒冰圖標呢 第15張

步驟11

將這兩塊高光顏色模式設置為:柔光 不透明度:60%

AI怎麼設計棒冰圖標呢 第16張

步驟12

然後將上面繪製的兩條高光打一個組(command+G)再將這個組的混合模式選為:疊加

這樣效果會更自然更活潑

AI怎麼設計棒冰圖標呢 第17張

步驟13

下面,我們要添加一點冰激凌上五彩的碎粒。

使用矩形工具 分別繪製三種顏色的矩形#735D78 #F7D1CD #F49AA1

並將它們旋轉45度角

AI怎麼設計棒冰圖標呢 第18張

步驟14

現在讓我們加一些星形的高光:

首先用橢圓工具繪製一個12*12的圓形 再用直接選擇工具選擇圓形的上錨點和左錨點刪除

複製(Control-C > Control-F)上面圖形 將它對稱並是兩個圖形間距為4px 繪製一個4*4的圓在它們中間

將上面圖形組合 複製並對稱 同樣添加兩個圓

用直接選擇工具選擇所有錨點 按command+J

AI怎麼設計棒冰圖標呢 第19張

步驟15

繪製兩個比較小的星形高光 選中三個高光 設置混合模式為疊加 不透明度為80%

AI怎麼設計棒冰圖標呢 第20張

步驟16

下面我們要給圖標加上漸變了。將冰激凌輪廓和棍子輪廓合成一個圖層,並且複製一次(Control-C > Control-F)。

將上面複製的一層設置為漸變

左邊顏色:#00FF00

右邊顏色:#D4145A

角度:-90

步驟17

可見上一步驟繪製出的漸變太過強烈,我們就把這一層不透明度調到50%混合模式為變亮。

這樣第一個冰激凌就畫出來啦,別忘了 (Control-G)將它們打一個組哦~

5.繪製第二個圖標

步驟1

選擇橘色的圖層,用矩形工具繪製一個52*90的矩形,顏色為#F49AA1。(1)

我們需要讓它的底部是圓潤的,所以就要用圓角工具。用直接選擇工具(A),選中底部兩個錨點,設置圓角度數為6px。(2)

同理,讓上面兩個錨點的圓角度數設置為26.(3)

步驟2

同繪製第一個冰激凌一樣,我們將這個冰激凌路徑偏移4px,顏色為#c96975。

步驟3

繪製冰激凌棍子,12*28圓角為6px的圓角矩形,顏色為#F7D1CD。同理偏移路徑。

步驟4

添加陰影12*4顏色為#000000,混合模式為正片疊底,不透明度20%。

然後添加一些紋路,1*4圓角為0.5px的圓角矩形,顏色為#c96975。

AI怎麼設計棒冰圖標呢 第21張

tep 5

繪製冰激凌上的高光環,顏色#ffffff,混合模式:柔光,不透明度30%

AI怎麼設計棒冰圖標呢 第22張

步驟6

繪製冰激凌上條狀光澤。兩條分別為44*10和44*4,然後用直接選擇工具選擇兩個矩形右邊的錨點向上移動44px。

然後將兩條高光顏色設置為#ffffff,混合模式:柔光,不透明度:50%。

然後繪製一個44*82的圓角矩形,選定該圓角矩形和兩條高光,右鍵選擇建立剪切蒙版。

AI怎麼設計棒冰圖標呢 第23張

步驟7

我們完成了高光以後,可以集中繪製冰激凌表面了。選擇圓角矩形工具繪製6*62圓角為3顏色為#c96975的圓角矩形。(1)

用直接選擇工具(A)刪去下方的一個錨點,再command+J組成一個封閉形狀組。(2)

在繪製2*58圓角為1的圓角矩形,然後選擇這兩個形狀組,減去頂層形狀。(3)(4)

在添加兩個2*2的圓在底部。(5)

然後再圖形中間繪製一個2*58與之前的一樣的形狀。(6)

在它底部減去一個2*2的圓。(7)(8)

最後Control-G將它們打組。

AI怎麼設計棒冰圖標呢 第24張

步驟8

如下圖標註將上一步驟繪製的元素複製四個並擺在冰激凌上。

AI怎麼設計棒冰圖標呢 第25張

步驟9

把上一個已經繪製好的冰激凌的星形高光復制一個放在這個冰激凌上。

AI怎麼設計棒冰圖標呢 第26張

步驟10

然後複製冰激凌的輪廓,將它置於頂層,添加以下漸變:

左邊顏色:#00FF00

右邊顏色:#D4145A

角度:-90

混合模式:顏色加深

透明度:20%

AI怎麼設計棒冰圖標呢 第27張

標籤: 棒冰 ai 圖標
  • 文章版權屬於文章作者所有,轉載請註明 https://wzkpw.com/shuma/l5qnp.html