Illustrator(AI)設(shè)計(jì)制作精美飄逸的節(jié)日絲帶實(shí)例教程

我們用Illustrator繪制飄逸的絲帶,教程的步驟寫的非常清楚,此教程有英文版本,本章是翻譯之后的版本,呵呵
節(jié)日將至,有沒有想過如何用Illustrator畫一條精美的絲帶?此前不久一位讀者通過Email給我發(fā)來這一問題,下面我們手把手教你如何來繪制,希望你能夠喜歡。
1.繪制絲帶的第一部分
在開始這篇教程之前,需要讀者先熟悉如何使用“鋼筆工具”,以及如何繪制貝塞爾曲線。推薦《設(shè)計(jì)軟件造型利器“貝賽爾曲線工具”詳解》。
畫一條曲線,形狀可以參考圖1。按住Shift鍵的同時(shí)拖動(dòng)曲線的最末端錨點(diǎn)右側(cè)的調(diào)節(jié)句柄。按圖中所示在曲線上拖出一條垂直參考線。如果想讓參考線出現(xiàn)在正確的位置,可以使用“智能參考線(Smart Guides)”,方法是選擇菜單命令“視圖|智能參考線(View|Smart Guides)”(或按快捷鍵Ctrl+U)。
2.將曲線分為兩部分
因?yàn)槲覀儽仨殤?yīng)用不同的明暗顏色來創(chuàng)建出絲帶的透視深度,因此,需要將絲帶分割成幾段。
選擇工具箱中的“剪刀工具(Scissors Tool)”,在如圖2所示路徑上的位置單擊,因?yàn)槭褂昧酥悄軈⒖季€,“剪”完后,當(dāng)鼠標(biāo)指針移動(dòng)到曲線上正確的點(diǎn)時(shí),會(huì)顯示出“交叉(intersect)”字樣?,F(xiàn)在路徑被分割成兩段了。選擇這兩段路徑,按住Shift+Alt鍵的同時(shí)沿垂直方向拖動(dòng)并復(fù)制路徑,如圖2中右圖所示。
3.閉合路徑
按如圖3所示閉合路徑(使用“直接選擇工具”選中兩段路徑左側(cè)的兩個(gè)端點(diǎn),然后按Ctrl+J鍵,然后再用同樣的方法閉合右側(cè)的兩個(gè)端點(diǎn)),如此一來,絲帶路徑包含兩段。選擇這兩段,然后選擇工具箱中的“旋轉(zhuǎn)工具(Rotate Tool)”,按住Alt鍵的同時(shí)將鼠標(biāo)指針定位到如圖3右圖所示位置,單擊后在對話框中輸入180°并單擊“復(fù)制(Copy)”按鈕。
4.旋轉(zhuǎn)并復(fù)制絲帶的兩段
高級用戶可能會(huì)只是在正確位置單擊,然后按住Alt鍵與Shift鍵的同時(shí)旋轉(zhuǎn)所選路徑,直到旋轉(zhuǎn)如圖4所示的正確位置。
有一種可能出現(xiàn)的情況是,這兩段不能完全地吻合。選擇復(fù)制得到的兩段,放大視圖,然后將它們移動(dòng)到準(zhǔn)確的位置。如果現(xiàn)在仍打開了“智能參考線(Smart Guides)”,在拖動(dòng)時(shí)就會(huì)自動(dòng)吸附,并且會(huì)看到出現(xiàn)“origin”字樣。
5.將絲帶的中間部分合為一段
選擇絲帶的中間兩段,然后單擊“路徑查找器(Pathfinder)”面板中的“添加到形狀區(qū)域(Add to shape area)”按鈕。這樣可以讓Illustrator把這幾部分合為一個(gè)對象,當(dāng)我們需要為這一段填充顏色時(shí),就會(huì)變得更容易一些。
6.以漸變色填充絲帶
絲帶現(xiàn)在被分成了三部分,接下來我們所要做的就是給每一段都填充不同的顏色。為了讓絲帶看上去有立體感和深度,我們需要使用線性漸變來填充每一段。
第1段的漸變色:色塊依次設(shè)置為C50%M7%,C32%M4%,C50%M7%,C69%M10%。如圖6所示
第2段漸變色數(shù)值:C67%M15%,C50%M7%,C23%,C31%M5%。如圖7所示。
最后一段漸變色數(shù)值:C32%M7%,C50%M7%,C50%M7%,C31%M5%。如圖8所示。
在以上操作過程中,你可能會(huì)用到“置于底層(Send to back)”或“置于頂層(Bring to front)”命令,以便使不同的段能夠位于正確的堆棧位置,從而滿足透視的需要。
7.調(diào)整絲帶中間的曲線段
你可能已經(jīng)注意到,中間的曲線看上去不是那么自然。這是因?yàn)樵谕蟿?dòng)這一部分的時(shí)候按住了Shift鍵,但這樣的是為了在旋轉(zhuǎn)絲帶時(shí)能夠與原始路徑更好的相吻合。其實(shí)可以很容易地校正這一點(diǎn)。但首先需要擴(kuò)展兩個(gè)已經(jīng)合并到一起的曲線段。選擇中間的這兩段,并單擊“路徑查找器(Pathfinder)”面板中的“擴(kuò)展(Expand)”按鈕。這種方法可以使連接兩段曲線的垂直線消失,只余下兩個(gè)貝塞爾曲線點(diǎn)?,F(xiàn)在要緊的是將調(diào)節(jié)手柄拖動(dòng)正確的位置,以使絲帶曲線看上去更加平滑。
??!這下好多了。
你可以通過將整個(gè)絲帶復(fù)制到一側(cè),將絲帶做的更大一些,也可以通過合并中間的曲線段來連接兩條絲帶。然后你可以選擇整條絲帶并使用自由變換濾鏡,使絲帶看上去有更大的深度。最后至少你可以旋轉(zhuǎn)一下絲帶。如圖10所示,是我在插圖中所制作的一條絲帶的最終效果。
相關(guān)文章
Illustrator(AI)設(shè)計(jì)制作在絲帶身邊穿梭的文字效果實(shí)例教程
實(shí)踐證明一些平時(shí)我們認(rèn)為很簡單不愿意嘗試的東西,在需要的時(shí)候總是會(huì)給我們帶來很大的幫助,至少比一些復(fù)制的來的更加快捷2013-07-30Illustrator和PS設(shè)計(jì)制作一個(gè)復(fù)古波浪絲帶效果
今天我們將學(xué)習(xí)如何使用Illustrator和Photoshop創(chuàng)建一個(gè)復(fù)古波浪絲帶效果。喜歡的朋友可以一起來學(xué)習(xí)。2013-03-06- 我們用Illustrator繪制飄逸的絲帶,教程的步驟寫的非常清楚,英文我就不給大家翻譯了,感覺大家應(yīng)該能看懂吧!!如果又看不懂的童鞋存在,本站還有中文版本的,具體鏈接文2013-08-01