萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Adobe Illustrator教程 >> Illustrator制作飄逸的絲帶

Illustrator制作飄逸的絲帶

    1.繪制絲帶的第一部分

  在開始這篇教程之前,需要讀者先熟悉如何使用“鋼筆工具”,以及如何繪制貝塞爾曲線。推薦《設計軟件造型利器“貝賽爾曲線工具”詳解》。

  畫一條曲線,形狀可以參考圖1。按住Shift鍵的同時拖動曲線的最末端錨點右側的調節句柄。按圖中所示在曲線上拖出一條垂直參考線。如果想讓參考線出現在正確的位置,可以使用“智能參考線(Smart Guides)”,方法是選擇菜單命令“視圖|智能參考線(View|Smart Guides)”(或按快捷鍵Ctrl+U)。

Illustrator制作飄逸的絲帶 三聯

  2.將曲線分為兩部分

  因為我們必須應用不同的明暗顏色來創建出絲帶的透視深度,因此,需要將絲帶分割成幾段。

  選擇工具箱中的“剪刀工具(Scissors Tool)”,在如圖2所示路徑上的位置單擊,因為使用了智能參考線,“剪”完後,當鼠標指針移動到曲線上正確的點時,會顯示出“交叉 (intersect)”字樣。現在路徑被分割成兩段了。選擇這兩段路徑,按住Shift+Alt鍵的同時沿垂直方向拖動並復制路徑,如圖2中右圖所示。

Step 2 - break the curve into 2 parts

  3.閉合路徑

  按如圖3所示閉合路徑(使用“直接選擇工具”選中兩段路徑左側的兩個端點,然後按Ctrl+J鍵,然後再用同樣的方法閉合右側的兩個端點),如此一來,絲帶路徑包含兩段。選擇這兩段,然後選擇工具箱中的“旋轉工具(Rotate Tool)”,按住Alt鍵的同時將鼠標指針定位到如圖3右圖所示位置,單擊後在對話框中輸入180°並單擊“復制(Copy)”按鈕。

Step 3 - close the paths

  4.旋轉並復制絲帶的兩段

  高級用戶可能會只是在正確位置單擊,然後按住Alt鍵與Shift鍵的同時旋轉所選路徑,直到旋轉如圖4所示的正確位置。

Step 4 - rotate and duplicate the 2 segments of the ribbon

  有一種可能出現的情況是,這兩段不能完全地吻合。選擇復制得到的兩段,放大視圖,然後將它們移動到准確的位置。如果現在仍打開了“智能參考線(Smart Guides)”,在拖動時就會自動吸附,並且會看到出現“origin”字樣。

  5.將絲帶的中間部分合為一段

  選擇絲帶的中間兩段,然後單擊“路徑查找器(Pathfinder)”面板中的“添加到形狀區域(Add to shape area)”按鈕。這樣可以讓Illustrator把這幾部分合為一個對象,當我們需要為這一段填充顏色時,就會變得更容易一些。

Step 5 - merge the middle segments of the ribbon into 1 segment

  6.以漸變色填充絲帶

  絲帶現在被分成了三部分,接下來我們所要做的就是給每一段都填充不同的顏色。為了讓絲帶看上去有立體感和深度,我們需要使用線性漸變來填充每一段。

  第1段的漸變色:色塊依次設置為C50%M7%,C32%M4%,C50%M7%,C69%M10%。如圖6所示

Step 6 - giving the ribbon segments a gradient fill

  第2段漸變色數值:C67%M15%,C50%M7%,C23%,C31%M5%。如圖7所示。

Step 6 - giving the ribbon segments a gradient fill

  最後一段漸變色數值:C32%M7%,C50%M7%,C50%M7%,C31%M5%。如圖8所示。

Step 6 - giving the ribbon segments a gradient fill

  在以上操作過程中,你可能會用到“置於底層(Send to back)”或“置於頂層(Bring to front)”命令,以便使不同的段能夠位於正確的堆棧位置,從而滿足透視的需要。

  7.調整絲帶中間的曲線段

  你可能已經注意到,中間的曲線看上去不是那麼自然。這是因為在拖動這一部分的時候按住了Shift鍵,但這樣的是為了在旋轉絲帶時能夠與原始路徑更好的相吻合。其實可以很容易地校正這一點。但首先需要擴展兩個已經合並到一起的曲線段。選擇中間的這兩段,並單擊“路徑查找器(Pathfinder)”面板中的“擴展(Expand)”按鈕。這種方法可以使連接兩段曲線的垂直線消失,只余下兩個貝塞爾曲線點。現在要緊的是將調節手柄拖動正確的位置,以使絲帶曲線看上去更加平滑。

Step 7 - fine tuning the centered curve of the ribbon

  啊!這下好多了。

my version of the  ribbon illustration

  你可以通過將整個絲帶復制到一側,將絲帶做的更大一些,也可以通過合並中間的曲線段來連接兩條絲帶。然後你可以選擇整條絲帶並使用自由變換濾鏡,使絲帶看上去有更大的深度。最後至少你可以旋轉一下絲帶。如圖10所示,是我在插圖中所制作的一條絲帶的最終效果。

copyright © 萬盛學電腦網 all rights reserved