Illustrator鼠繪教程:繪制真實(shí)立體的海星

教程我們將學(xué)習(xí)一些看起來(lái)耗時(shí)但不可缺少的Illustrator技巧。這些方法簡(jiǎn)單而行之有效。你將學(xué)習(xí)如何使用Illustrator混合工具、漸變網(wǎng)格、圖案,控制光照來(lái)制作紋理豐富的海星。教程非常實(shí)用,學(xué)習(xí)知識(shí)也非常多,希望大家認(rèn)真學(xué)習(xí)!
先看看效果圖
1.我們開始制作使用星形工具制作海星的基本形狀。我建議你采用跟本文一致的參數(shù),這樣在整個(gè)教程制作的過(guò)程中你就不需要再考慮尺寸對(duì)最終效果的影響了。
2.使用直接選擇工具,略微移動(dòng)海星的錨點(diǎn),使其輪廓看起來(lái)更自然。
把各個(gè)尖銳的錨點(diǎn)轉(zhuǎn)變成平滑過(guò)渡。(Shift+C拖動(dòng)錨點(diǎn)即可)
移動(dòng)海星5個(gè)錨點(diǎn)的手柄,效果如下圖示:
3.選中所以錨點(diǎn),然后“效果-風(fēng)格化-圓角”,在彈出的對(duì)話框中把圓角半徑設(shè)為10px。
確保錨點(diǎn)保持選中狀態(tài),來(lái)到“對(duì)象-擴(kuò)展外觀”。繼續(xù)活動(dòng)錨點(diǎn)的手柄調(diào)整到滿意形狀。
4.使用橙色到黃色的徑向漸變填充海星。
我們把徑向漸變的中心即光源點(diǎn)設(shè)置在海星中心的略偏右上方,因此得到其陰影和高光。
5.現(xiàn)在海星的外形看起來(lái)相當(dāng)笨拙不自然,所以我們使用漸變網(wǎng)格來(lái)調(diào)整它。使用矩形工具創(chuàng)建一個(gè)矩形,保持選中狀態(tài),然后來(lái)到“對(duì)象-創(chuàng)創(chuàng)建漸變網(wǎng)格”,設(shè)置行列數(shù)值如下圖所示:
繼續(xù)保持選中狀態(tài),來(lái)到不透明度面板中,不透明度設(shè)為50%。
6.移動(dòng)矩形如下圖所示,并使用旋轉(zhuǎn)工具旋轉(zhuǎn)它,貼緊A點(diǎn)。
使用直接選擇工具,移動(dòng)矩形的各個(gè)角點(diǎn)如下圖所示:
移動(dòng)矩形的中間一個(gè)錨點(diǎn)到海星的中央。
使用“轉(zhuǎn)換錨點(diǎn)工具”把平滑錨點(diǎn)轉(zhuǎn)變?yōu)榧怃J角點(diǎn)。
有些時(shí)候并不會(huì)立即起作用,這樣就請(qǐng)你保持耐心再試一次。不要點(diǎn)在錨點(diǎn)上,點(diǎn)擊它的略下方一點(diǎn)點(diǎn)。操作矩形的各個(gè)角點(diǎn),使其貼合海星的形狀。
7.接下來(lái)變形矩形的另一邊。選中這一頭所以的錨點(diǎn),你可以使用索套工具來(lái)完成,當(dāng)然也可以使用直接選擇工具,移動(dòng)它,直到這一邊貼緊海星的邊緣。
現(xiàn)在移動(dòng)錨點(diǎn)貼合海星的足。
移動(dòng)矩形漸變網(wǎng)格的其他點(diǎn),使?jié)u變對(duì)象貼緊海星輪廓。漸變網(wǎng)格的邊不要超過(guò)海星輪廓為宜,最好是它們之間留一條小小的縫隙。
所以,只需要直接選擇工具就可以搞定,順利完成變形。
8.使用相同的方法創(chuàng)建其他漸變網(wǎng)格對(duì)象。
連接相近的網(wǎng)格點(diǎn)。為海星創(chuàng)建網(wǎng)格對(duì)象。
選中所有的網(wǎng)格對(duì)象,設(shè)置不透明度為100%。
9.使用網(wǎng)格工具增加一條漸變網(wǎng)格線并嚴(yán)格遵從光源進(jìn)行著色。
高光:亮黃色
中間調(diào):橙色
陰影:紅棕色
記住你可以使用網(wǎng)格工具,按住alt鍵的同時(shí)單擊,移除不需要或者不正確的網(wǎng)格線。
10.我們看到5只足交接的地方有尖銳的界限,這是不符合實(shí)際情況的。需要使之平滑一些。使用索套工具選中如下圖所示的網(wǎng)格對(duì)象:
11.注意:這一步僅適應(yīng)于Illustrator CS5 以下版本的用戶。因?yàn)楦淖兘屈c(diǎn)不透明度是Adobe Illustrator CS5所獨(dú)有的功能。對(duì)于CS5之前版本的用戶,接下來(lái)我們將講解如何使用不透明度蒙版來(lái)制作。復(fù)制所有的網(wǎng)格對(duì)象并且把它們粘貼在最頂層,用白色填充。
在圖層面板上,鎖定之前的網(wǎng)格對(duì)象避免相互間的干擾。像在Adobe Illustrator CS5中一樣,使用索套工具選中位于海星中心的點(diǎn)。
用黑色填充
解除之前的鎖定,選中它們和上方的黑白網(wǎng)格對(duì)象,來(lái)到不透明度蒙版,應(yīng)用不透明度蒙版。
12.有些地方我們得到了很亮的陰影,在不透明度面板中,減低不透明度到66%。
那些被亮橙色替換掉的陰影部分,我們必須把該處的顏色由黑色變成灰色。
13.假使你沒(méi)有準(zhǔn)確的把網(wǎng)格對(duì)象貼合到海星,這里提供給你一個(gè)辦法可以彌補(bǔ)該不足。首先選中最低端的海星星狀,然后復(fù)制粘貼到最頂端,然后選中所有的網(wǎng)格對(duì)象和形狀,來(lái)到“對(duì)象-剪切蒙版-創(chuàng)建”
14.開始創(chuàng)建海星的紋理。新建一個(gè)基本的幾何形狀,例如,一個(gè)矩形然后選擇紋理。經(jīng)過(guò)一段時(shí)間的實(shí)驗(yàn),最后我選擇了Mezzotint紋理。該紋理你可以從色板面板中找到:色板庫(kù)-圖案-基本-基本圖形-Basic Graphics_Textures。
15.該紋理元素是黑白的,不能直接使用。我們首先來(lái)編輯圖案顏色,使用該圖案填充繪制好的矩形。
紋理是一組矢量對(duì)象,在最下方是一個(gè)沒(méi)有填充和描邊的正方形。(從色板面板中把圖案直接拖拽到畫布,在圖層面板中可以看到)
在圖層面板中鎖定最下方的正方形,選中整個(gè)結(jié)構(gòu)并且填充橙色。
解鎖正方形,然后選中整個(gè)結(jié)構(gòu)包括正方形,現(xiàn)在來(lái)到“編輯-定義圖案”,在彈出的對(duì)話框中命門圖案,然后點(diǎn)擊確定。
現(xiàn)在我們的實(shí)驗(yàn)元素可以壽終就寢啦。
16.現(xiàn)在應(yīng)用圖案到海星。復(fù)制最頂層的海星輪廓(填充徑向漸變那個(gè)),粘貼到最頂層(ctrl+C;Ctrl+F;ctrl+shift+]),然后應(yīng)用圖案。
17.為海星創(chuàng)建一個(gè)大紋理。選取橢圓工具,繪制兩個(gè)圓,大圓直徑5px填充棕色,小圓直徑1.5px,填充亮黃色。
18.選中這兩個(gè)圓,拖入筆刷面板,新建散點(diǎn)畫筆。
在對(duì)話框中畫筆參數(shù)設(shè)置如下:
我們不免要問(wèn)這些參數(shù)值你是怎么得到的?當(dāng)然它是多次實(shí)驗(yàn)的經(jīng)驗(yàn)值。如下所示就是我所有實(shí)驗(yàn)過(guò)的筆刷,直到獲得這個(gè)滿意。
19.現(xiàn)在使用畫筆工具隨機(jī)在海星表面繪制,不用擔(dān)心超出海星輪廓以外,因?yàn)槲覀冇修k法隱藏它們。
20.新建另外一個(gè)筆刷。使用橢圓工具繪制兩個(gè)圓。大的直徑6px、填充棕色;小的橢圓直徑2px填充亮黃色。
選中2個(gè)圓,來(lái)到“對(duì)象-混合-創(chuàng)建”。在彈出的對(duì)話框中選擇“指定的步數(shù)”,步數(shù)設(shè)為10。,點(diǎn)擊確定。
不要設(shè)置過(guò)多的混合步數(shù)。大量的混合步數(shù)會(huì)影響文件大小。我們使用的是如此小的一個(gè)對(duì)象,過(guò)多的混合步數(shù)沒(méi)有多大意義。
21.拖動(dòng)對(duì)象到筆刷面板中,參數(shù)設(shè)置如下:
像第19步一樣在海星表面涂抹畫筆。有些地方我使用圓形描邊,無(wú)填充,然后使用剛創(chuàng)建的畫筆描邊。繪制的時(shí)候請(qǐng)參考如下圖所示。這些圓形描邊我首先使用剪刀工具破開圓,然后刪去過(guò)于規(guī)整密集的部分。
22.海星表面這些突起的珠子會(huì)產(chǎn)生投影。選中它們?nèi)缓笕航M,來(lái)到“效果-風(fēng)格化-投影”,參數(shù)設(shè)置如下:
陰影的偏移數(shù)值的選擇側(cè)面反映出光源離海星的距離。設(shè)置深棕色投影,如果選擇黑色,會(huì)顯得很臟。
為了增加多樣性及變化,你可以更改描邊的厚度。
23.隱藏掉所以海星描邊。復(fù)制并且粘貼最底層的海星形狀到最頂層,選中它和第19-21步制作的所有對(duì)象,來(lái)到“對(duì)象-剪切蒙版-創(chuàng)建”。
24.難道你不覺(jué)得海星變成飛機(jī)了嗎?
重要的一點(diǎn)在于海星表面這些亮珠均勻分布在表面,不太符合實(shí)際情況,因?yàn)樗鼈兛赡艹鲇诓煌矫?,因?yàn)楹P堑谋砻嫫鸱黄健N覀兛梢院苋菀讓?shí)現(xiàn)這一點(diǎn)。
記得在教程的中間部分,我們創(chuàng)建過(guò)網(wǎng)格對(duì)象嘛?選中、復(fù)制、粘貼,然后把它置于最頂端,保持選中狀態(tài),來(lái)到不透明度面板,設(shè)置其不透明度為60%,混合模式:正片疊底。
就這樣,我們的海星重現(xiàn)生機(jī)。
25.沿著海星的四周創(chuàng)建珠子。我們需要輪廓來(lái)制作該效果。復(fù)制最底層的海星形狀(對(duì)的,沒(méi)錯(cuò),我們使用它很多次了,哈哈),粘貼并置于最頂層,去除填充,設(shè)置1px任意顏色的描邊。
沒(méi)必要新建筆刷,你可以很簡(jiǎn)單的復(fù)制筆刷,然后更改參數(shù)即可。
參數(shù)設(shè)置如下:
26.應(yīng)用筆刷到新創(chuàng)建的路徑。
利用如上方法,新建路徑和另一筆刷。
然后應(yīng)用描邊到路徑。
27.海星表面因?yàn)榘纪共黄?,?huì)導(dǎo)致光分布不勻。為了實(shí)現(xiàn)這一效果,我們使用剪刀工具切斷路徑,陰影部分如下圖所示:
選中陰影部分的路徑,來(lái)到“編輯-編輯顏色-重新著色草稿(該處可能不準(zhǔn)確,為最上方第一項(xiàng))”,向左拖動(dòng)滑塊,降低亮度。
28.我們最后來(lái)創(chuàng)建投影。兩次復(fù)制海星形狀,然后都填充深棕色,在不透明度面板中,把上方那個(gè)形狀的不透明度設(shè)置為0%,移到光源的反方向。底下那個(gè)形狀略微移向光源。然后來(lái)到“對(duì)象-混合-創(chuàng)建”。
事實(shí)上,混合創(chuàng)建以后,我們還可以對(duì)其中任一個(gè)對(duì)象的形狀和顏色進(jìn)行編輯。
結(jié)論:
最后,我們完美的制作出海星。你可以根據(jù)自己的喜好隨意組合,下面是我的發(fā)揮。
以上就是利用Illustrator繪制真實(shí)立體的海星效果圖,雖然過(guò)程有點(diǎn)多,但只要大家耐心閱讀學(xué)習(xí),相信Illustrator混合工具、漸變網(wǎng)格、圖案,控制光照這些工具你都了解了。希望這篇教程對(duì)大家有一定的幫助!
相關(guān)文章
ai怎么混合兩種顏色? illustrator混合兩個(gè)色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來(lái)看看詳細(xì)的教程2024-07-18ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認(rèn)的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來(lái)看看參考線調(diào)整技巧2024-05-28ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個(gè)路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時(shí)候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來(lái)看看去掉pdf文件多余內(nèi)容的技巧2023-12-19- ai描邊在哪里?ai中想要設(shè)置描邊,該怎么操作呢?下面我們就來(lái)看看ai設(shè)置描邊的多種方法2023-12-19
ai原位復(fù)制怎么用? ai原位復(fù)制快捷鍵介紹
ai原位復(fù)制怎么用?復(fù)制圖形的時(shí)候,想要原位復(fù)制粘貼,該怎么操作呢?下面我們就來(lái)看看ai原位復(fù)制快捷鍵介紹2023-12-19ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問(wèn)題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉(zhuǎn)該怎么辦呢?下面我們就來(lái)看看illustrator區(qū)域文字不跟著變換問(wèn)題的解決辦法2023-11-30ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進(jìn)行反向,該怎么操作呢?下面我們就來(lái)看看illustrator將漸變顏色反向的技巧2023-11-30Ai彩色logo怎么做反白反黑效果? ai彩色logo轉(zhuǎn)化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設(shè)計(jì)的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來(lái)看看ai彩色logo轉(zhuǎn)化為黑白稿的技巧2023-11-12ai怎么設(shè)計(jì)迷宮字體效果? ai做3d立體迷宮字的技巧
ai怎么設(shè)計(jì)迷宮字體效果?我們需要使用分割網(wǎng)格結(jié)合形狀生成器工具,制作迷宮字體,下面我們就來(lái)看看詳細(xì)的設(shè)計(jì)過(guò)程2023-11-02