微信ID:UI_xzw(點擊關注) -- --- - -- ----- ---- --- 一┳═┻︻▄
(頁底留言開放,歡迎來吐槽)
● ● ●
在這篇教程中,你将會學習如何在Adobe Illustrator中創建4種甜甜圈,包括巧克力、草莓、糖衣巧克力顆粒和純糖甜甜圈,教程主要幫你掌握散點筆刷和鋼筆工具的運用,一起來試試。
最終效果:
啟動Illustrator 并轉到文件>新建用于打開一個新的空白的文檔。 輸入你的文件名,設置尺寸,然後選擇像素作為單位,RGB作為色彩模式。 接下來,轉到編輯>首選項>常規并設置鍵盤增量為1px,轉到單位和顯示性能,确保單位設置為下圖所示的一樣。
第1步
首先,抓取橢圓工具(L),并畫一個187 x 187px的橢圓,并選擇暖棕色作為填充色。 保持圓一直被選中,轉到對象>路徑>偏移路徑,為了得到一個稍微小點的形狀應用-2 px的偏移值。 用徑向漸變填充新形成的圓,并使用漸變工具(G)調整方向。
第2步
添加一些材質到甜甜圈上,選取鋼筆工具(P)并如下圖所示畫一條直線路徑。 然後用一個名為粉筆的藝術畫筆描邊,這個畫筆從畫筆庫菜單>藝術效果>藝術效果>粉筆炭筆鉛筆中選取。 增加描邊寬度為4pt并改變顔色為暖棕色。 然後選擇混合模式色彩加深以及30%的透明度。 保持畫筆描邊為現在的樣子,我們随後将添加蒙闆。
第3步
再一次用橢圓工具(L)畫一個54 x 54px的圓,并将其置于甜甜圈的中間。 選擇白色作為填充色,然後轉到效果>風格化>外發光,并應用下面所示的設置。 當這個圓被選中時,轉到外觀面闆,僅選擇填充屬性并設置它的混合模式為正片疊底。 這樣,白色的填充将變為透明,但是外發光效果将變得可見。
第4步
現在是時候設置蒙闆了。 選擇第一個棕色圓已及圓的中心,然後複制和粘貼到前面(Control-F)。 設置兩個複制層無填充,無描邊。并通過轉到對象>排列>置于頂層(Shift-Control-])将其放到全部圖層的前面。
保持2個拷貝層被選中,轉到對象>複合路徑>建立(Control-8),然後選擇你的畫闆上所有對象,轉到對象>剪切蒙闆>建立(Control-7)。 最終的結果的特征就是接下來的圖形那樣。
将結果組命名為“Basic Donut”。 這是我們用來創建其他類型甜甜圈的。
第1步
抓取鋼筆工具(P)或鉛筆工具(N)并畫一個向接下來圖拍片的形狀。 選擇深棕色作為填充色,然後轉到效果>風格化>内發光并應用所示的設置。
第2步
複制并粘貼在巧克力形狀的後面(Control-B),然後按下你的鍵盤上的下箭頭鍵3次将它向下移動3 px。 保持現有的外觀并設置混合模式為疊加,然後你将會得到陰影。
第3步
接着畫一條如下所示的路徑并給其一個7 pt淺棕色的描邊。 轉到效果>模糊>高斯模糊并應用一個6px半徑,然後設置路徑混合模式為疊加。
第4步
為了添加一些光輝,畫一個如同下面圖片的形狀,并用下面所示的線性漸變填充,然後轉到效果>風格化>羽化,并應用一個11 px的半徑。
第5步
畫一個新的相似的形狀在甜甜圈的底部的右邊,并用黑到白的線性漸變填充,且用漸變工具(G)調整角度。 保持形狀一直被選擇,再次應用一個11px 羽化半徑,并設置混合模式為濾色。
第6步
接下來,抓取鋼筆工具(P)或者鉛筆工具(N)并畫幾個如下面所示的類似水滴形狀的巧克力。 在你完成之後,用下面所示的線性漸變填充。
第7步
仍然使用鋼筆工具(P)或者鉛筆工具(N),畫幾個小形狀在上一步形成的形狀上面,并用指定的顔色給它上色(1)。 為了添加更多的輝光,畫更多個形狀,并将其用指定的顔色填充。(2) 在這個圖中畫2個形狀,并用白色填充,然後設置混合模式為疊加(3)。 最終結果的特征在圖片4中。
第8步
讓我們創建一個糖果粒散點畫筆。 首先,畫一個如下圖所示的形狀并用中間灰填充。 使用鋼筆工具(N)在底部畫一個随機形狀作為陰影,并用深灰色作為填充色。 在頂部畫一個小形狀作為高光,這次用淺灰色。
現在選擇全部并拖拽至筆刷面闆,然後選擇新的散點畫筆。 在散點畫筆選項窗口中,别的設置不變,隻要輸入一個名字并改變色彩模式為淺色和暗色就可以。
第9步
再次抓取鋼筆工具(N)并在巧克力上畫幾條随機的路徑,然後用之前保存的糖果粒散點畫筆添加描邊。 選擇路徑,雙擊外觀面闆,在畫筆描邊選項中應用和改變設置,目的是為了散布糖果粒,并使它們變的更小。
當色彩模式設置為淺色和暗色時,你可以選擇任意路徑描邊顔色,創建不同色彩的糖果粒。 我選擇綠色,藍色和粉色。
這些設置是我用到的——完全随機。
第10步
保持描邊路徑一直被選中,轉到對象菜單并選擇擴展外觀。 現在,進入隔離模式删除你不需要的糖果粒的部分(雙擊其中一個糖果粒組),你将完成第一個甜甜圈。
第1步
首先,選擇并制作 “Basic Donut”的複本。 利用橢圓工具(L),畫2個尺寸為168 x 168 px 和74 x 74 px的圓,并将它們置于下圖所示的位置。 當圓被選中時,轉到對象>複合路徑>建立(Control-8),将生成的形狀用指定的顔色填充。 我将這個命名為“糖衣形狀”
第2步
選擇糖衣層,轉到效果>扭曲和變換>粗糙邊緣,應用下圖所示的設置,并點擊确定。 接着,轉到效果>風格化>内發光,并用指定的設置應用這個效果。
第3步
從巧克力糖果粒甜甜圈中制作2個高光形狀的複本,并移動它們到新甜甜圈的相同的位置上。 都設置由黑到白的線性漸變,并使用漸變工具 (G) 調整角度。 設置它們的混合模式為濾色(黑色邊透明)。 然後轉到效果>風格化>羽化,并應用一個5px 半徑。
第4步
接下來,抓取鋼筆工具(N)并畫一條随機的路徑到甜甜圈上,并用噴灑散點畫筆。 選擇棕色作為描邊色,并雙擊外觀面闆上的畫筆描邊,為了改變設置。 這次,也設置旋轉相對路徑。
第5步
仍然選擇描邊路徑,轉到對象菜單并選擇擴展外觀。
現在,删除巧克力片不需要的部分,而且也進入隔離模式(雙擊這個組其中一個巧克力片)。 在你完成後,選擇新的巧克力組,轉到效果>風格化>投影并應用下面的設置。 在這點上,糖衣巧克力片甜甜圈就完成了。
第1步
從糖衣巧克力甜甜圈中選擇基本甜甜圈的編組和2個“高光形狀”,然後複制并粘貼 (Control-V) 到你的畫闆上。 将2個高光形狀保持相同的外觀,但增加羽化半徑從5 px 到9 px。
第2步
抓取鉛筆工具(N)并在甜甜圈上畫一條随機路徑(我将之前的再一次使用了),并用噴灑散點畫筆描邊,但是這次設置顔色為白色。 從外觀面闆中打開描邊選項窗口,改變設置來得到非常小的甜甜圈撒粉。 數量被選為随機。
第3步
為了添加更多甜甜圈的撒粉,複制描邊路徑并粘貼于頂層(Control-F),然後在彈出的變換面闆菜單中選擇垂直翻轉。
第4步
在這一步,我們應該清除額外的甜甜圈撒子,但是這次它們太多了,因此我決定使用遮罩代替。 抓取複合路徑的一份拷貝,這是你之前使用作為基本甜甜圈的遮罩,确保這個形狀在所有形狀的前面,然後轉到對象>排列>置于頂層(Shift-Control-])。 現在,選擇2個描邊路徑和複合路徑(無填充,無描邊),并轉到對象>剪切蒙闆>建立(Control-7)。
第5步
在圖層面闆,找到你各個建立和命名生成的編組為“Sugar”的遮罩層。 打開這個編組并選擇2個描邊路徑,并轉到對象>擴展外觀。 現在進入隔離模式并從你使用的每個編組中删除2條路徑,然後退出隔離模式。 接下來,轉到效果>風格化>投影并應用2個編組中所示的的設置。 在此之後,白糖甜甜圈就完成了。
第1步
從糖衣巧克力片甜甜圈中“基本甜甜圈”以及糖衣和”2個高光形狀”,然後将它們複制和粘貼 (Control-V) 在你的畫闆上。 當糖衣形狀被選擇時,改變它的填充色為淺粉色,打開内發光窗口,并用這個效果改變顔色。 對2個“高光形狀”,增加羽化半徑到9 px。 保持其他的部分相同。
第2步
抓取鋼筆工具(P)或鉛筆工具(N)并畫出如下圖一樣的2個波浪形路徑。 設置描邊寬度為7pt 并在描邊面闆中選擇圓角端點選項。 從對象菜單中選擇擴展和解除編組(Shift-Control-G) 用來将2個描邊路徑轉為填充。
使用直接選擇工具(A)移動一些錨點來創建厚且不均勻的區域,因為這樣更好更自然。 如果你沒有足夠的錨點,你可以用添加錨點工具 ( )添加更多錨點。 接着,選擇藍色和綠色的形狀,轉到對象>複合路徑>建立(Control-8),并用(3)所示的線性漸變填充生成的複合路徑。
第3步
為了添加輝光,畫出幾條沿着波浪形的薄路徑并用白色填充。
第4步
為了添加陰影,複制并粘貼到波浪形狀的後面(Control-B),改變填充色為粉色,并按下你的鍵盤上的向下箭頭鍵3次将其向下移動3px。
第1步
首先在“甜甜圈”下面制作一個新圖層并将它命名為“陰影”。 現在在圖層面闆中找到你過去用于遮住“基本甜甜圈”的複合路徑,複制并将它粘貼(Control-V)到新的圖層中。 選擇棕色作為填充色,然後轉到效果>風格化>投影并應用下面所示的設置。
第2步
對其它3個甜甜圈重複之前的步驟,用相同的設置。你将會完成這步。
祝賀你! 你已經完成了!
你現在餓了嗎?
入群即可結交更多UI設計師
想和興趣相投的朋友們一起交流嗎?
豐富的學習資源進入我們的直播課!
掃描下面的二維碼加入我們愛好群!
群号: 246049893
長按二維碼即可入群
微信公衆号:UI設計自學平台
點擊下方“閱讀原文”結交更多的UI設計師!
↓↓↓
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!