1121pic00013.jpg 文/圖、學員 張境倫 

 

不只是在adobe illustrator裡面,幾乎任何的繪圖軟體,輪廓的建構以及特效的運用都是構成一幅美麗圖片的兩個基本要素。而在輪廓的建構上,不外乎徒手繪製以及向量線條這兩種。兩種方法各有其適用的場合,但在Illustrator當中,使用鋼筆工具就相對的重要。
     以我個人的 illustrator上課經驗來說,老師們主要是教授圖片的組合和效果的運用,多半不會在鋼筆工具上花太多時間。因為我們需要提早知道軟體的各項功能,只需要簡單的圖片就能達成,而且拉線的手感本來就需要時間練習。例以下這個圖騰,基本上99%由鋼筆工具構成,我們拉線的時候主要的關鍵便是抓到曲線的美感。

1121pic0000.jpg

 

 談到鋼筆工具的練習,最初建議是挑一張自己喜歡的卡通圖片,來照著他的輪廓拉線。一開始可以不需要顧慮上色的問題,單純拉線就好,但是如果要考慮到上色的問題,線要怎麼開始與結束及分割就因狀況而有所不同。adobe illustrator
    接著,我們如果想要開始製作一個完整的圖片,也可以先從外型和幾何形狀相去不遠的東西著手,例如圓形。在adobe illustrator裡面,我目前還是偏向照著自己喜歡的東西去臨摹,因為參照一個固定的東西,除了可以同時練習拉線,你也會必須為了達到某種效果而去嘗試,而不是漫無目的不知道要做啥。如果你正好有什麼效果想試驗,用在製作自己喜歡的東西上感覺是不同的。
以下,我會提供想嘗試作一個完整角色,但是在鋼筆工具上不需要太多功夫的例子:

1121pic0001.jpg

 

1.這次要參考的圖是這個,為日本神奇寶貝的其中一個類似吊燈的角色。為了參考方便,可以將圖片開到軟體中以便對照。主要分成主體燈罩、枝架、火焰等部份

 

1121pic0002.jpg

 

2.從吊燈中間的燈罩開始,這次為了效果,我打算用3D的功能表現。
3.首先用橢圓形工具拉一個橢圓。
4.之後在橢圓正中央拉一條直線。
5.將橢圓和直線一起選取,點選視窗>路徑管理員>分割。
6.之後便可以使用直接選取工具逐一刪除半邊的圓以及直線,得到最後的半圓。

1121pic0003.jpg

 

7.利用這個半圓,點選效果>3D>迴轉,便可以得出一個立體的橢圓形。橢圓的方向可以隨意控制,針對筆畫或填色部分來上色效果不同。
8.再拉出一個淡紫色的橢圓。
9.藉由調整立體橢圓的透明度,便可使內部的紫色部分透出來,當然紫色的部分要排列在最後。

 

1121pic0004.jpg

 

本圖因為在燈罩的上下皆有遮掩物,所以不用在意紫色的部分是否超過。先從底部的台座開始。
10.將一個橫橢圓以及一個直橢圓交錯。
11.利用直接選取工具對著橢圓的頂端錨點,將之轉換為尖角。
12.如同先前的步驟,添加進行分割用的直線。
13.逐一刪除不必要的線段。再將剩下的線段路徑聯集,便能得到我們要的形狀
14.進行3D的迴轉效果,並因應修改角度與顏色,讓它和燈罩契合。

 

1121pic0005.jpg

 

接著算是最關鍵的部分,製作燈罩上面的紋路。有些東西有時可以使用3D裡面的貼圖功能,但是我覺得自由度不大。但是直接用鋼筆工具畫出整齊的紋路也不容易,所以為此,一樣使用路徑管理員的功能來製作。
15.直接在燈罩上拉出一個橢圓,配合參考圖,旋轉挑整角度,達到理想的弧度。
16.之後將該橢圓再複製一個,稍微移動到旁邊,同樣對準燈罩調整,和前一個橢圓間隔出適當的彎月弧度。
17.選取這兩個橢圓,點選路徑管理員>減去上層,就能作出彎月狀的紋路。
以此類推,依照不同的弧面來調整橢圓,會比單純調整一條鋼筆曲線還來的輕易,理想的話完全不需要鋼筆工具。某些部分甚至可以用複製鏡射的部分作出一模一樣的弧線。
18.利用圓角矩形和圓形拉出眼睛及紋路並放置到適當位置,因應參考圖作調整。

 

1121pic0006.jpg

 

弧線超出燈罩上方也無所謂,因為接下來就是要製作頭頂的部分。
19.將畫面放大,使用鋼筆工具,沿著頭頂的弧度拉出一契合的曲線。
20.曲線拉好後,只要對著錨點加按ALT鍵,接著便可以開始直接拉出直線,可以輕鬆作出四個突起。最後只要用直接選起工具調整一下各錨點即可。

 

1121pic0007.jpg

 

到此,複雜的部分已經算是告一段落了,剩下旁邊的燈架部分。從主幹開始。
21.使用直線工具底下的螺旋工具來繪製,此作法較單純。點選工具過後在畫面中左鍵點一下便會出現選單,依照需求來設定區段數,之後可以在對錨點作局部條整。
這個部分要怎麼作其實涉及到風格問題,像此次我只有在螺線上套了一種筆畫,便會有如圖的效果,曲線的部分也不需要太生硬,因為這個東西其實是活的。

 

1121pic0008.jpg

 

接下來的枝架部份。
22.使用鋼筆工具,但其實可以很隨性的描繪,之後在修改細節。
23按各位置複製鏡射再擺放好。利用調整個別透明度可以作出不同的效果,而各物件之間的排列順序也視狀況調整。

 

1121pic0009.jpg

 

再來是火焰的部分,同樣可以嘗試各種不同的風格。這裡我提供兩種方式。
24.很簡單的利用鋼筆工具畫出火焰的輪廓。
25對火焰的填色作漸層化,如圖中最大的火焰,便是以圓的方式往外擴散。
26.在燈罩的頂端可以再作一個不同顏色的燭心。
27.枝架上的小火焰,逐一往內複製出縮小比例的輪廓,把最內部的塗成白色。
28.使用漸變工具,以內部的白色部分為底,可以選擇對鄰近或是最外側的輪廓作漸變,效果不同。
29.最後我們將所有的火焰帶上效果>風格化>外光暈。
30.最後另外開一個圖層,先搭配上一個簡單的漸層背景,氣氛就營造出來了。

 

1121pic00010.jpg

 

接著轉到背景部分,有必要的話我們可以先把主體作一下縮放或移動。
31.隨著主體的移動,使用漸層工具調整光源及顏色。
32.用鋼筆工具繪製一白色曲線,繪製一條後便可再複製多條至兩旁,並對局部端點的作微調,讓曲線看起來順眼。

 

1121pic00011.jpg

 

接下來要對曲線作何種變化並沒有一定,也可再增加更多的線條,分別套用不同的效果。
33.將製作的部分線條換個顏色,再使用漸變工具分別點選這兩個線條,便能產生出漸層的效果。
34.最後針對所有線條,點選效果>風格化>外光暈。完成線條部份的特效。
一般來說至此已經算完成了, 不過針對此系列,我習慣會加上名稱以及文字說明。

 

1121pic00012.jpg

 

1121pic00013.jpg

 

35.使用文字工具分別在背景波紋留下的空隙旁打上文字
36.依喜好調整字體和透明度。
37.同樣在左下角打上角色名稱。
38.運用右邊的外觀面版,除了基本的文字填色和筆畫外,還可以添加新的填色和筆畫。
39.點選外觀面版下方的fx便可以使用各種效果,例如使用路徑的位移複製,便可以讓筆畫往外擴張。

 

1121pic00014.jpg

 

基本上效果是用不完的,但是有時候圖片太大,效果套太多就會妨礙運算速度,雖然跟配備有關,不過還是斟酌使用,有時候簡單就是美。
40.最後我針對背景找到了一個不錯的效果,扭曲>玻璃效果,能讓背景出現特殊的輪廓。至於邊界的部分如果希望保持完整,只要把底圖往外擴大即可。

 

本文轉載自聯成電腦歡迎點選此連結 :  聯成電腦技術論壇  或點   聯成電腦痞客邦- - 在成長的路上彼此相伴 看更多相關文章 

 

 

文章標籤
創作者介紹
創作者 justkidding2266 的頭像
justkidding2266

聯成電腦 --平面設計文章分享

justkidding2266 發表在 痞客邦 留言(0) 人氣()