[公告] 痞客邦新服務上線 每日星座運勢測算[公告] 痞客邦應用市集全新改版![公告] 痞客邦「應用市集」新 App 上架-iFontCloud Professional[公告] 痞客邦後台發表文章提供插入多張圖片新功能[公告]痞客邦新服務上線 部落客商店聚集就在《痞市集》

  不只是在Illustrator裡面,幾乎任何的繪圖軟體,輪廓的建構以及特效的運用都是構成一幅美麗圖片的兩個基本要素。而在輪廓的建構上,不外乎徒手繪製以及向量線條這兩種。兩種方法各有其適用的場合,但在Illustrator當中,使用鋼筆工具就相對的重要。

  以我個人的上課經驗來說,老師們主要是教授圖片的組合和效果的運用,多半不會在鋼筆工具上花太多時間。因為我們需要提早知道軟體的各項功能,只需要簡單的圖片就能達成,而且拉線的手感本來就需要時間練習

  例以下這個圖騰,基本上99%由鋼筆工具構成,我們拉線的時候主要的關鍵便是抓到曲線的美感。

01.JPG     

  談到鋼筆工具的練習,最初建議是挑一張自己喜歡的卡通圖片,來照著他的輪廓拉線。一開始可以不需要顧慮上色的問題,單純拉線就好,但是如果要考慮到上色的問題,線要怎麼開始與結束及分割就因狀況而有所不同。

  接著,我們如果想要開始製作一個完整的圖片,也可以先從外型和幾何形狀相去不遠的東西著手,例如圓形。在Illustrator裡面,我目前還是偏向照著自己喜歡的東西去臨摹,因為參照一個固定的東西,除了可以同時練習拉線,你也會必須為了達到某種效果而去嘗試,而不是漫無目的不知道要做啥。如果你正好有什麼效果想試驗,用在製作自己喜歡的東西上感覺是不同的。

  以下,我會提供想嘗試作一個完整角色,但是在鋼筆工具上不需要太多功夫的例子:

02.JPG   

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

03.JPG    

2.從吊燈中間的燈罩開始,這次為了效果,我打算用3D的功能表現。

3.首先用橢圓形工具拉一個橢圓。

4.之後在橢圓正中央拉一條直線。

5.將橢圓和直線一起選取,點選視窗>路徑管理員>分割。

6.之後便可以使用直接選取工具逐一刪除半邊的圓以及直線,得到最後的半圓。

 

04.JPG   

7.利用這個半圓,點選效果>3D>迴轉,便可以得出一個立體的橢圓形。橢圓的方向可以隨意控制,針對筆畫或填色部分來上色效果不同。

8.再拉出一個淡紫色的橢圓。

9.藉由調整立體橢圓的透明度,便可使內部的紫色部分透出來,當然紫色的部分要排列在最後。

 05.JPG   

本圖因為在燈罩的上下皆有遮掩物,所以不用在意紫色的部分是否超過。先從底部的台座開始。

10.將一個橫橢圓以及一個直橢圓交錯。

11.利用直接選取工具對著橢圓的頂端錨點,將之轉換為尖角。

12.如同先前的步驟,添加進行分割用的直線。

13.逐一刪除不必要的線段。再將剩下的線段路徑聯集,便能得到我們要的形狀

14.進行3D的迴轉效果,並因應修改角度與顏色,讓它和燈罩契合。

06.JPG   

接著算是最關鍵的部分,製作燈罩上面的紋路。有些東西有時可以使用3D裡面的貼圖功能,但是我覺得自由度不大。但是直接用鋼筆工具畫出整齊的紋路也不容易,所以為此,一樣使用路徑管理員的功能來製作。

15.直接在燈罩上拉出一個橢圓,配合參考圖,旋轉挑整角度,達到理想的弧度。

16.之後將該橢圓再複製一個,稍微移動到旁邊,同樣對準燈罩調整,和前一個橢圓間隔出適當的彎月弧度。

17.選取這兩個橢圓,點選路徑管理員>減去上層,就能作出彎月狀的紋路。

以此類推,依照不同的弧面來調整橢圓,會比單純調整一條鋼筆曲線還來的輕易,理想的話完全不需要鋼筆工具。某些部分甚至可以用複製鏡射的部分作出一模一樣的弧線。

18.利用圓角矩形和圓形拉出眼睛及紋路並放置到適當位置,因應參考圖作調整。

07.JPG    

弧線超出燈罩上方也無所謂,因為接下來就是要製作頭頂的部分。

19.將畫面放大,使用鋼筆工具,沿著頭頂的弧度拉出一契合的曲線。

20.曲線拉好後,只要對著錨點加按ALT鍵,接著便可以開始直接拉出直線,可以輕鬆作出四個突起。最後只要用直接選起工具調整一下各錨點即可。

08.JPG   

到此,複雜的部分已經算是告一段落了,剩下旁邊的燈架部分。從主幹開始。

21.使用直線工具底下的螺旋工具來繪製,此作法較單純。點選工具過後在畫面中左鍵點一下便會出現選單,依照需求來設定區段數,之後可以在對錨點作局部條整。

這個部分要怎麼作其實涉及到風格問題,像此次我只有在螺線上套了一種筆畫,便會有如圖的效果,曲線的部分也不需要太生硬,因為這個東西其實是活的。

09.JPG    

接下來的枝架部份。

22.使用鋼筆工具,但其實可以很隨性的描繪,之後在修改細節。

23按各位置複製鏡射再擺放好。利用調整個別透明度可以作出不同的效果,而各物件之間的排列順序也視狀況調整。

 10.JPG    

 再來是火焰的部分,同樣可以嘗試各種不同的風格。這裡我提供兩種方式。

24.很簡單的利用鋼筆工具畫出火焰的輪廓。

25對火焰的填色作漸層化,如圖中最大的火焰,便是以圓的方式往外擴散。

26.在燈罩的頂端可以再作一個不同顏色的燭心。

27.枝架上的小火焰,逐一往內複製出縮小比例的輪廓,把最內部的塗成白色。

28.使用漸變工具,以內部的白色部分為底,可以選擇對鄰近或是最外側的輪廓作漸變,效果不同。

29.最後我們將所有的火焰帶上效果>風格化>外光暈。

30.最後另外開一個圖層,先搭配上一個簡單的漸層背景,氣氛就營造出來了。

11.JPG    

接著轉到背景部分,有必要的話我們可以先把主體作一下縮放或移動。

31.隨著主體的移動,使用漸層工具調整光源及顏色。

32.用鋼筆工具繪製一白色曲線,繪製一條後便可再複製多條至兩旁,並對局部端點的作微調,讓曲線看起來順眼。

12.JPG   

接下來要對曲線作何種變化並沒有一定,也可再增加更多的線條,分別套用不同的效果。

33.將製作的部分線條換個顏色,再使用漸變工具分別點選這兩個線條,便能產生出漸層的效果。

34.最後針對所有線條,點選效果>風格化>外光暈。完成線條部份的特效。

 13.JPG  14.JPG 

一般來說至此已經算完成了, 不過針對此系列,我習慣會加上名稱以及文字說明。

35.使用文字工具分別在背景波紋留下的空隙旁打上文字

36.依喜好調整字體和透明度。

37.同樣在左下角打上角色名稱。

38.運用右邊的外觀面版,除了基本的文字填色和筆畫外,還可以添加新的填色和筆畫。

39.點選外觀面版下方的fx便可以使用各種效果,例如使用路徑的位移複製,便可以讓筆畫往外擴張。

16.JPG   

基本上效果是用不完的,但是有時候圖片太大,效果套太多就會妨礙運算速度,雖然跟配備有關,不過還是斟酌使用,有時候簡單就是美。

40.最後我針對背景找到了一個不錯的效果,扭曲>玻璃效果,能讓背景出現特殊的輪廓。至於邊界的部分如果希望保持完整,只要把底圖往外擴大即可。

 

第一次的教學文,到此告一段落,希望不難理解,謝謝各位。

Posted by 阿倫 at 痞客邦 PIXNET 留言(1) 引用(0) 人氣()


留言列表 (1)

Post Comment
  • 訪客

You haven’t logged in yet, please use guest status to leave message. You can also log in with above service account and leave message

other options