AI CS矢量三維工具探索,手繪技巧,課程

　　Illustrator的每一次的升級都給我們帶來新的驚喜。這一次，Illustrator CS帶來了矢量藝術家們期盼已久的矢量3D工具。通過擠壓、旋轉和透視等功能，Illustrator CS新增的矢量三維工具就能夠為一些簡單的平面圖形添加漂亮的3D立體效果。

　　Illustrator的這個功能以前必須通過一些外掛的插件（如CAD tools）才得以部分實現，現在Illustrator CS 終於內部集成了這一功能，而且效果更加出色。今天我們就一起來詳細瞭解這個方便又有趣的新功能。
　一、3D工具概述

　　Illustrator CS的3D工具是作為一種效果(Effect)來實現的。作為效果而不是濾鏡的好處在於：效果是動態的，一旦覺得不太滿意，隨時可以在Appearance面板中進行新的調整。

　　Illustrator CS中的3D效果分為3個工具，點擊「Effect－3D」菜單，你就可以找到它們：Extrude&Bevel（擠壓和導角）、Revolve（自身旋轉）、Rotate（透視旋轉）。

　　隨意點擊其中一個，會出現下面這樣的對話框。三個工具的對話框大同小異的，只要理解其中一個就會使用其餘的兩個。　　

　　對話框從上到下分為三個控制組，依次是Position(方位)控制組、Extrude & Bevel擠壓和導角控制組（如果是Revolve工具則是相應的自身旋轉控制組，Rotate工具沒有中間這個控制組）、Surface表面控制組。

　　方位控制組可以對生成的3D物體在三維空間進行精細的視角旋轉和透視變形的操作。

　　擠壓和導角/自身旋轉控制組可以控制3D生成的選項，比如擠壓的深度、自身旋轉的度數、封閉頂部、導角設置等等。

　　表面控制組主要控制光照和渲染風格等。

　　點擊右邊的Map Art（貼圖）按鈕，會進一步打開一個貼圖對話框，我們可以在這裡面對3D物體的每個面，甚至是看不到的隱藏面進行貼圖。　　

　　這裡我們不詳細敘述具體的功能和用法，放在後面例子中詳細講述。

二、擠壓和導角工具

　　擠壓和導角工具可以通過一個平面圖形向它的垂直面擠壓，從而生成具有一定厚度的圖形。它最常用的應用就是生成3D字。現在我們來試一試。

　　先用文本工具輸入一個大寫的A，然後點擊菜單上的Effect/3D/Extrude & Bevel命令。彈出Extrude & Bevel的對話框。

　　點擊Preview預覽，可以看到字母A已經變成了立體的形狀。

　　你可以試試拖動方位控制組中的立體方塊，旋轉不同角度。字母A也同時發生旋轉。按住shift鍵，可以限制為水平旋轉或者是垂直旋轉，取決於你鼠標最初的移動方向。拖動外面的立體環可以在屏幕平面上旋轉。

　　右邊的三個輸入框分別表示在X軸向、Y軸向和Z軸向上的精確旋轉度數。你可以在這裡精確設置它們的旋轉度數。

　　右下角的Perspective是透視變形的強度。值越大，形變效果就越強烈。下面是透視變形強度為最大值160時候的結果。

　　我們再來仔細看看中間一欄的擠壓選項：

　　上面是Extrude Depth擠壓深度，右邊兩個按鈕選擇是否封閉頂蓋，默認情況下是選擇封閉的。我們選擇右邊的不封閉頂蓋看看效果。

　　橫線下面的Bevel是導角效果。下拉框裡面有各種導角效果的方案。

　　我們選擇Classic看看。

　　下面的Height是導角的高度。右邊的兩個按鈕是導角的方式。是向內導角，是向外導角。如果你的文字筆劃比較纖細，向內導角可能會導致自身相交錯誤，這時候可以採用向外導角的方式，可以有效地保護筆劃。見下圖。

　　下面的Surface表面選項使用見下一部分：自身旋轉工具。

三、 自身旋轉工具

　　自身旋轉工具是採用一個平面圖形沿Y軸向自身旋轉生成一個3D圖形。我們可以用它來生成各種橫截面為圓形或者環形的物體，例如瓶、缸、碗、棒、桶、圓環、錐形、餅形等等。

　　我們這裡來做一個簡單的花瓶。

　　首先按ctrl+R打開Illustrator CS的標尺，從左邊的標尺上拖出一條垂直的輔助線，我們依靠它來畫出旋轉的基本圖形。我們用鋼筆工具畫出下面的圖形，輪廓色為大紅色，無填充色。

　　然後選擇3D效果中的Revolve。彈出自身旋轉對話框。

　　點擊右邊的Preview單選框。看看視圖區發生了什麼變化。

　　哎呀，一個漂酒杯？好像不是我們想要的花瓶呀！

　　不著急，我們點一下from的下拉菜單。選擇Right Edge。

　　原來這個選項是設置圖形的左邊或者右邊作為旋轉軸線。你還可以試試左邊的Offset偏移，這是設定基本圖形距離旋轉軸的距離，可以調節花瓶的旋轉半徑，甚至做出空心的環形。

　　點擊OK確定，下面我們給花瓶貼上一些圖案。

四、貼圖對話框

　　貼圖以前，我們需要做一些準備工作。

　　在Illustrator CS裡，只能使用symbol面板中的圖形進行貼圖。因此我們如果需要製作自己的貼圖，只要把它拖放到symbol面板中，讓它變成symbol就好了。

　　為了節省時間，我們這裡就打開一個符號庫，從裡面選出一個合適的貼圖就可以了。打開symbol面板上面的小三角，選擇Symbol Library/Nature。

　　選中裡面的一個楓葉圖形，把它拖放到Symbol面板裡面去。

　　好了，現在我們繼續選擇我們的花瓶。從Appearance外觀面板上，雙擊3D Revolve。　　

　　現在又彈出了原來的3D自身旋轉面板。點擊右邊的Map Art按鈕。彈出貼圖對話框。　　

　　我們首先注意的是中央的貼圖區。淺灰色網格部分就是我們視圖區的某個可見表面，深灰色部分是背面不可見的表面。

　　貼圖區下面有三個按鈕分別為Scale to Fit（自適應縮放）、 Clear（清除貼圖）、 Clear All（清除全部貼圖）。　　

　　右邊的箭頭可以選擇下一個表面，是跳到最後一個表面。不同圖形的表面數量是不同的。原始圖形節點越複雜，表面數量就越多。在你選擇某個表面的同時，視圖區中會同時顯示所選部分的線框。

　　我們想要給瓶身上面貼圖，所以繼續選擇下一個表面，直到選擇瓶身表面。

　　好了，現在我們打開左邊的下拉框。從裡面選擇我們前面選擇的楓葉。

　　在視圖區就可以看到，楓葉已經貼上來了。

　　你可以在貼圖對話框中拖動，改變楓葉的大小和位置。直到合適為止。點擊OK,回到上一層的對話框。

　　需要注意的是，Illustrator CS 3D貼圖中的表面都是雙面的，即正面和背面，如果你在某個表面貼了圖之後發現花瓶上卻什麼都看不到，那麼很可能你選擇的是它的背面。

　　右邊還有兩個特殊的選項：Shade Artwork（給貼圖應用明暗）、Invisible Geometry（隱藏幾何結構）。

　　選擇「給貼圖應用明暗」會發現楓葉也顯示出了光影效果。

　　這樣楓葉就更加逼真的貼在了花瓶上。但是這個選項也會使渲染變得更慢。我們可以暫時把它關閉，到最後修改完成的時候再把它打開。

　　隱藏幾何結構會以線框方式顯示3D物體，這樣有助於觀察貼圖。特別是可以看到位於背後難以看到部位的貼圖。

　　這裡就顯示出了我們在內部貼上的另外一張楓葉。

五、表面控制

　　現在我們一起來看看表面控制組，試試下拉菜單中的四種明暗方式，看看效果有什麼變化。

　　1、線框模式

　　2、無明暗模式

　　3、過渡色模式

　　4、塑料明暗模式(最漂亮的一種模式)

　　現在的光照已經很漂亮了，但是我們還想給它增加一些暗部的反光。

　　點擊自身旋轉對話框右邊的More Options更多選項，下面會展開表面控制的高級選項。

　　先看左邊的是光球。球面上面的白色光點就是燈光的位置，你可以拖動調整它。下面有三個按鈕，點擊第一個可以把選中的燈光切換到背面的相同位置，再點擊一次可以把它切換回正面。右邊兩個依次是新增燈光和刪除燈光。

　　右邊的一列百分比滑塊，由上至下分別為燈光強度、環境光強度、高光強度、高光面積、混合步幅。混合步幅越大，表面效果就越光滑柔和。但是每一次渲染就非常的慢。

　　下面的Shading Color是暗部的顏色。默認是黑色，也可以選擇無或者自定義。

　　底部的Preserve Spot Colors是印刷選項，意思是保持專色，否則將採用默認的4色混合。Draw Hidden Faces繪製隱藏面。在生成透明的3D物體的時候就有可能用到這個選項。

　　點擊按鈕新建一個燈光。把它拖到左下角。我們看到視圖區中已經實時的更新了。

　　太亮了一些。我們把燈光強度降低一半。

　　好了，這就是我們需要的效果。

　　最後激活「給貼圖應用明暗」選項。點擊OK關閉對話框。欣賞一下我們的成果。

　　六、透視旋轉工具

　　透視旋轉工具可以對一個物體進行各種透視變形，在虛擬的3D空間進行旋轉。以前的變形工具也可以對圖形實現類似的操作，不過對於文字必須打散以後才能操作。這個就更為強大，可以對動態的文本進行操作，透視之後仍然可以繼續編輯文字。我們用文本來做一個示範。

　　先用文字工具輸入下面的文字。改變它的大小和顏色。如圖所示。

　　注意，我這裡使用的一行文本然後用軟回車分行。如果你輸入多行各自獨立的文本，你也可以通過群組把它們變成一個物體。否則，你後面的效果有可能和我做的不一樣。

　　選擇Effect/3D/Rotate命令，彈出旋轉對話框。

　　點擊預覽，視圖區裡面已經變成了透視效果。

　　好像效果不是很明顯。我們把Perspective透視強度拖到最大（160）。看看。

　　哇，果然漂亮很多！我們再給它做一些復合應用。

　　點OK確定。回到視圖區，按住alt鍵用黑箭頭拖動的方式，複製出三個同樣的圖形。

　　再雙擊外觀面板裡面的Rotate，分別給它們賦予不同的透視角度。

　　一個3D的空間就這樣輕鬆的做出來了。

　　注意：你甚至可以對已經應用了3D效果的物體疊加應用旋轉透視效果，但是效果將很難控制。所以不建議你這樣做。

七、高級應用：3D物體的展開

　　Illustrator CS生成的3D物體可以展開成為普通物體，進行更進一步的修飾，比如說，添加特定的填充效果。

　　還是以前面的文字作為範例。

　　我們給它應用一個擠壓效果，再加一點透視。OK。

　　什麼嘛，黑黑的一點都不好看！-__-!

　　選擇菜單命令Object/Expand Appearance。好了。現在3D物體的各個表面已經打散成為獨立的圖形了。我們可以給它們應用不同的填充色。

　　在漸變面板上調一個黑色到白色的漸變。

　　確保對所有物體的選擇。點一下左上角的填充色塊，給全部物體賦予一個黑白漸變的填充色。

　　按住Shift鍵用組選箭頭選擇前面的多個面，然後賦予單色填充。一個具有強烈透視效果的立體文字組合就做出來了。

　　注意：請不要給漸變填充等複雜填充的物體應用擠壓效果。擠壓效果會自動把這些填充效果轉換為位圖。你可以在擠壓然後展開之後再給它應用複雜的填充。

　　對於自身旋轉的物體也是可以展開的，但是，展開以後的物體過於複雜，已經不太具有編輯的意義了。

　　八、高級應用：透明3D物體

　　怎樣做出透明的3D物體,顯示出它內部的結構？

　　我們輸入一個文字，然後在透明面板上把它的透明度降低為50％。

　　擠壓之後發現內部結構並沒有顯示出來。

　　這裡需要一點點技巧。就是在擠壓之前先把這個物體變成一個群組。(ctrl+G)

　　然後再給它應用擠壓。看一下視圖窗口，還是沒有透明啊-__-！

　　別急。打開高級選項。在表面控制組下面打開Draw Hidden Faces繪製隱藏表面。

　　好了，現在再看看視圖窗口。透明文字終於顯示出了內部的結構。

　九、作品欣賞與課後作業

　　現在我們的Illustrator CS的3D課程就到這裡基本結束了。為了檢驗一下你對3D工具的掌握程度。請你不妨做一下課後作業。

　　下面的圖例都是用Illustrator CS的3D工具製作的，請你自己開動腦筋，先盡量做出相似的效果，然後想想還可以用3D工具做出哪些更好的效果。