tft每日頭條

 > 美食

 > ai畫色環教程

ai畫色環教程

美食 更新时间:2024-07-27 19:30:32

微信IDUI_xzw(點擊關注) -- --- - -- ----- ---- --- 一┳═┻︻▄

(頁底留言開放,歡迎來吐槽)

● ● ●

在這篇教程中,你将會學習如何在Adobe Illustrator中創建4種甜甜圈,包括巧克力、草莓、糖衣巧克力顆粒和純糖甜甜圈,教程主要幫你掌握散點筆刷和鋼筆工具的運用,一起來試試。

最終效果:

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)1

1. 啟動一個新項目

啟動Illustrator 并轉到文件>新建用于打開一個新的空白的文檔。 輸入你的文件名,設置尺寸,然後選擇像素作為單位,RGB作為色彩模式。 接下來,轉到編輯>首選項>常規并設置鍵盤增量為1px,轉到單位和顯示性能,确保單位設置為下圖所示的一樣。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)2

2. 創建一個甜甜圈底子

第1步

首先,抓取橢圓工具(L),并畫一個187 x 187px的橢圓,并選擇暖棕色作為填充色。 保持圓一直被選中,轉到對象>路徑>偏移路徑,為了得到一個稍微小點的形狀應用-2 px的偏移值。 用徑向漸變填充新形成的圓,并使用漸變工具(G)調整方向。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)3

第2步

添加一些材質到甜甜圈上,選取鋼筆工具(P)并如下圖所示畫一條直線路徑。 然後用一個名為粉筆的藝術畫筆描邊,這個畫筆從畫筆庫菜單>藝術效果>藝術效果>粉筆炭筆鉛筆中選取。 增加描邊寬度為4pt并改變顔色為暖棕色。 然後選擇混合模式色彩加深以及30%的透明度。 保持畫筆描邊為現在的樣子,我們随後将添加蒙闆。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)4

第3步

再一次用橢圓工具(L)畫一個54 x 54px的圓,并将其置于甜甜圈的中間。 選擇白色作為填充色,然後轉到效果>風格化>外發光,并應用下面所示的設置。 當這個圓被選中時,轉到外觀面闆,僅選擇填充屬性并設置它的混合模式為正片疊底。 這樣,白色的填充将變為透明,但是外發光效果将變得可見。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)5

第4步

現在是時候設置蒙闆了。 選擇第一個棕色圓已及圓的中心,然後複制和粘貼到前面(Control-F)。 設置兩個複制層無填充,無描邊。并通過轉到對象>排列>置于頂層(Shift-Control-])将其放到全部圖層的前面。

保持2個拷貝層被選中,轉到對象>複合路徑>建立(Control-8),然後選擇你的畫闆上所有對象,轉到對象>剪切蒙闆>建立(Control-7)。 最終的結果的特征就是接下來的圖形那樣。

将結果組命名為“Basic Donut”。 這是我們用來創建其他類型甜甜圈的。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)6

3. 創建巧克力糖果粒甜甜圈

第1步

抓取鋼筆工具(P)或鉛筆工具(N)并畫一個向接下來圖拍片的形狀。 選擇深棕色作為填充色,然後轉到效果>風格化>内發光并應用所示的設置。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)7

第2步

複制并粘貼在巧克力形狀的後面(Control-B),然後按下你的鍵盤上的下箭頭鍵3次将它向下移動3 px。 保持現有的外觀并設置混合模式為疊加,然後你将會得到陰影。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)8

第3步

接着畫一條如下所示的路徑并給其一個7 pt淺棕色的描邊。 轉到效果>模糊>高斯模糊并應用一個6px半徑,然後設置路徑混合模式為疊加。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)9

第4步

為了添加一些光輝,畫一個如同下面圖片的形狀,并用下面所示的線性漸變填充,然後轉到效果>風格化>羽化,并應用一個11 px的半徑。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)10

第5步

畫一個新的相似的形狀在甜甜圈的底部的右邊,并用黑到白的線性漸變填充,且用漸變工具(G)調整角度。 保持形狀一直被選擇,再次應用一個11px 羽化半徑,并設置混合模式為濾色。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)11

第6步

接下來,抓取鋼筆工具(P)或者鉛筆工具(N)并畫幾個如下面所示的類似水滴形狀的巧克力。 在你完成之後,用下面所示的線性漸變填充。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)12

第7步

仍然使用鋼筆工具(P)或者鉛筆工具(N),畫幾個小形狀在上一步形成的形狀上面,并用指定的顔色給它上色(1)。 為了添加更多的輝光,畫更多個形狀,并将其用指定的顔色填充。(2) 在這個圖中畫2個形狀,并用白色填充,然後設置混合模式為疊加(3)。 最終結果的特征在圖片4中。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)13

第8步

讓我們創建一個糖果粒散點畫筆。 首先,畫一個如下圖所示的形狀并用中間灰填充。 使用鋼筆工具(N)在底部畫一個随機形狀作為陰影,并用深灰色作為填充色。 在頂部畫一個小形狀作為高光,這次用淺灰色。

現在選擇全部并拖拽至筆刷面闆,然後選擇新的散點畫筆。 在散點畫筆選項窗口中,别的設置不變,隻要輸入一個名字并改變色彩模式為淺色和暗色就可以。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)14

第9步

再次抓取鋼筆工具(N)并在巧克力上畫幾條随機的路徑,然後用之前保存的糖果粒散點畫筆添加描邊。 選擇路徑,雙擊外觀面闆,在畫筆描邊選項中應用和改變設置,目的是為了散布糖果粒,并使它們變的更小。

當色彩模式設置為淺色和暗色時,你可以選擇任意路徑描邊顔色,創建不同色彩的糖果粒。 我選擇綠色,藍色和粉色。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)15

這些設置是我用到的——完全随機。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)16

第10步

保持描邊路徑一直被選中,轉到對象菜單并選擇擴展外觀。 現在,進入隔離模式删除你不需要的糖果粒的部分(雙擊其中一個糖果粒組),你将完成第一個甜甜圈。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)17

4.創建糖衣和巧克力片的甜甜圈

第1步

首先,選擇并制作 “Basic Donut”的複本。 利用橢圓工具(L),畫2個尺寸為168 x 168 px 和74 x 74 px的圓,并将它們置于下圖所示的位置。 當圓被選中時,轉到對象>複合路徑>建立(Control-8),将生成的形狀用指定的顔色填充。 我将這個命名為“糖衣形狀”

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)18

第2步

選擇糖衣層,轉到效果>扭曲和變換>粗糙邊緣,應用下圖所示的設置,并點擊确定。 接着,轉到效果>風格化>内發光,并用指定的設置應用這個效果。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)19

第3步

從巧克力糖果粒甜甜圈中制作2個高光形狀的複本,并移動它們到新甜甜圈的相同的位置上。 都設置由黑到白的線性漸變,并使用漸變工具 (G) 調整角度。 設置它們的混合模式為濾色(黑色邊透明)。 然後轉到效果>風格化>羽化,并應用一個5px 半徑。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)20

第4步

接下來,抓取鋼筆工具(N)并畫一條随機的路徑到甜甜圈上,并用噴灑散點畫筆。 選擇棕色作為描邊色,并雙擊外觀面闆上的畫筆描邊,為了改變設置。 這次,也設置旋轉相對路徑。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)21

第5步

仍然選擇描邊路徑,轉到對象菜單并選擇擴展外觀。

現在,删除巧克力片不需要的部分,而且也進入隔離模式(雙擊這個組其中一個巧克力片)。 在你完成後,選擇新的巧克力組,轉到效果>風格化>投影并應用下面的設置。 在這點上,糖衣巧克力片甜甜圈就完成了。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)22

5. 創建純糖甜甜圈

第1步

從糖衣巧克力甜甜圈中選擇基本甜甜圈的編組和2個“高光形狀”,然後複制并粘貼 (Control-V) 到你的畫闆上。 将2個高光形狀保持相同的外觀,但增加羽化半徑從5 px 到9 px。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)23

第2步

抓取鉛筆工具(N)并在甜甜圈上畫一條随機路徑(我将之前的再一次使用了),并用噴灑散點畫筆描邊,但是這次設置顔色為白色。 從外觀面闆中打開描邊選項窗口,改變設置來得到非常小的甜甜圈撒粉。 數量被選為随機。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)24

第3步

為了添加更多甜甜圈的撒粉,複制描邊路徑并粘貼于頂層(Control-F),然後在彈出的變換面闆菜單中選擇垂直翻轉。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)25

第4步

在這一步,我們應該清除額外的甜甜圈撒子,但是這次它們太多了,因此我決定使用遮罩代替。 抓取複合路徑的一份拷貝,這是你之前使用作為基本甜甜圈的遮罩,确保這個形狀在所有形狀的前面,然後轉到對象>排列>置于頂層(Shift-Control-])。 現在,選擇2個描邊路徑和複合路徑(無填充,無描邊),并轉到對象>剪切蒙闆>建立(Control-7)。

第5步

在圖層面闆,找到你各個建立和命名生成的編組為“Sugar”的遮罩層。 打開這個編組并選擇2個描邊路徑,并轉到對象>擴展外觀。 現在進入隔離模式并從你使用的每個編組中删除2條路徑,然後退出隔離模式。 接下來,轉到效果>風格化>投影并應用2個編組中所示的的設置。 在此之後,白糖甜甜圈就完成了。

6. 創建草莓磨砂的甜甜圈

第1步

從糖衣巧克力片甜甜圈中“基本甜甜圈”以及糖衣和”2個高光形狀”,然後将它們複制和粘貼 (Control-V) 在你的畫闆上。 當糖衣形狀被選擇時,改變它的填充色為淺粉色,打開内發光窗口,并用這個效果改變顔色。 對2個“高光形狀”,增加羽化半徑到9 px。 保持其他的部分相同。

第2步

抓取鋼筆工具(P)或鉛筆工具(N)并畫出如下圖一樣的2個波浪形路徑。 設置描邊寬度為7pt 并在描邊面闆中選擇圓角端點選項。 從對象菜單中選擇擴展和解除編組(Shift-Control-G) 用來将2個描邊路徑轉為填充。

使用直接選擇工具(A)移動一些錨點來創建厚且不均勻的區域,因為這樣更好更自然。 如果你沒有足夠的錨點,你可以用添加錨點工具 ( )添加更多錨點。 接着,選擇藍色和綠色的形狀,轉到對象>複合路徑>建立(Control-8),并用(3)所示的線性漸變填充生成的複合路徑。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)26

第3步

為了添加輝光,畫出幾條沿着波浪形的薄路徑并用白色填充。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)27

第4步

為了添加陰影,複制并粘貼到波浪形狀的後面(Control-B),改變填充色為粉色,并按下你的鍵盤上的向下箭頭鍵3次将其向下移動3px。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)28

7. 創建甜甜圈投影

第1步

首先在“甜甜圈”下面制作一個新圖層并将它命名為“陰影”。 現在在圖層面闆中找到你過去用于遮住“基本甜甜圈”的複合路徑,複制并将它粘貼(Control-V)到新的圖層中。 選擇棕色作為填充色,然後轉到效果>風格化>投影并應用下面所示的設置。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)29

第2步

對其它3個甜甜圈重複之前的步驟,用相同的設置。你将會完成這步。

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)30

祝賀你! 你已經完成了!

你現在餓了嗎?

ai畫色環教程(教你從零開始繪制四個美味誘人的甜甜圈)31

入群即可結交更多UI設計師

想和興趣相投的朋友們一起交流嗎?

豐富的學習資源進入我們的直播課!

掃描下面的二維碼加入我們愛好群!

群号: 246049893

長按二維碼即可入群

微信公衆号UI設計自學平台

點擊下方“閱讀原文”結交更多的UI設計師!

↓↓↓

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关美食资讯推荐

热门美食资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved