Illustrator圖表工具詳解,手繪技巧,課程

　　在創建圖表之前我們一般要設置圖表的類型，當然也可在創建後根據需要更改。展開Illustrator 10工具箱中的圖表工具按鈕，我們可以看到Illustrator 一共可以創建以下9種圖表：

　　1.柱形圖
　　2.重疊柱形圖
　　3.條形圖
　　4.重疊條形圖
　　5.折線圖
　　6.面積圖
　　7.散點圖
　　8.餅圖
　　9.雷達圖

　　在本教程中我們這裡我們使用Illustrator 10，以一個實例貫穿始終，講解最基本的圖表工具應用。

　　一、創建圖表
　　二、輸入圖表數據的方法
　　三、圖表的組成及其選擇
　　四、編輯更改圖表數據
　　五、圖表類型的更改
　　六、圖表數值軸的位置
　　七、更改圖表數值軸的刻度
　　八、不同圖表類型的混合使用
　　九、自定義圖表
　　十、其他的簡單選項
　　十一、自定義圖表的設計圖案
　　十二、將設計圖案應用到圖表中
　　十三、在圖表中顯示數據列的數值

　　Illustrator 10的圖表工具功能很多，並且十分強大，本文只是簡略講述了製作簡單圖表的基本方法，更多的精彩還有待於大家進一步探索。

一、創建圖表

　　1.雙擊圖表工具圖標（或者Object->Graph->Type），可彈出對話框進行設置。（如圖1）

圖 1

　　設置好圖表類型和其他選項後，單擊OK確定。

　　2.在工作頁面上單擊並拖動出一矩形區域，即可繪製相應大小的圖表。釋放鼠標後，即彈出數據輸入對話框，可根據需要輸入一些數據（如圖2）其中標籤用來區分不同的數據類型，首先要輸入標籤，如"2000年 2001年 2002年"等。單擊數據輸入表中的對調按鈕，可以將行和列的數據交換，如果要交換X,Y軸，單擊"Switch X,Y "按鈕。

圖 2

　　3.數據輸入完畢，單擊對號按鈕即可得到與數據對應的圖表。

二、輸入圖表數據的方法

　　簡單或者少量的數據可以用前面的方法直接輸入。除了最直接的輸入方法，還有兩種方式可在圖2的表中輸入數據。

　　一是從其他格式文件中導入：將數據文件存為用製表符分隔的文本格式即可導入。

　　二是從其他應用程序中（如EXCEL）粘貼數據：從其他應用程序中選擇要複製的數據，在Illustrator 10中選擇"Edit"->"Copy"，將數據複製，在輸入圖表數據對話框中，單擊要粘貼數據的單元格，選擇"Edit"->"Paste"將數據粘貼進來。

　　單擊"Revert"按鈕則會將所輸入的所有數據清空恢復到輸入前的狀態，所以請慎重。如果不小心誤操作，可以單擊用Edit菜單下的Undo命令撤銷。

　　在此例中按照圖2輸入數據完畢，單擊對號按鈕以應用，創建好的圖表就出現在工作區頁面中，如圖3。

圖 3

三、圖表的組成及其選擇

　　創建的圖表是一個由各種基本元素組成的群組對象，不妨大體看看最基本的此例中圖表的組成吧。

　　圖中左邊和下邊分別是刻度軸，Y軸表示銷售額，X軸表示年份，主體部分是代表各組數據的數據列，右上角是圖例。

　　剛生成的圖表只用不同灰度的顏色表示，未免不夠生動，我們就來改變不同數據列的顏色，包括右邊的圖例。

　　要操作首先進行選擇，而選擇工具一般只能選中整個圖表，用直接選擇工具一般可選擇最最基本的圖表元素，例如圖3中銷售二部1999年的銷售額，Y軸上的刻度和數值，甚至表示刻度軸本身的那條直線。按住SHIFT可以進行多選。

　　不過最常用的還是用組選擇工具，下面舉例說明。

　　用組選擇工具單擊一次表示銷售二部1999年的銷售額的數據列，則只選中此列；

　　二次單擊它，則選中銷售二部各年的銷售額數據列；

　　三次單擊它，選中銷售二部各年的銷售額數據列及銷售二部的圖例；

　　四次單擊它，能夠選中所有數據列和所有圖例……

　　一次或多次單擊刻度軸上的數值（如1000，2000，3000…），所選中元素的情況和上面類似，直到選中整個刻度軸。

　　更多的單擊選擇，你可以自己嘗試，最後會選擇整個圖表。

　　學會選擇就會改變圖表各部分的顏色填充了，具體選擇結果及改變顏色後如圖4所示。當然，不僅僅應用填充色，其他漸變色和SWATCHES中的顏色也可以應用。

圖 4

　四、編輯更改圖表數據

　　如果在建立圖表後，相關數據更新或者變動，可以再次編輯圖表數據，相應的圖表就會隨之更新，而不必建立新的圖表，可謂方便靈活。具體編輯方法如下。

　　1.首先要選擇已經建立的整個圖表，選擇Object->Graph->Data或者從右鍵菜單中選擇"Data"即可彈出數據輸入對話框，像如圖2所示那樣，可以重新編輯圖表數據。編輯方法也是多種多樣，非常靈活的。可以直接輸入，可以複製粘貼，可以在單元格之間剪切和粘貼。

　　2.更改完畢，單擊表示應用的對號按鈕，圖表即可相應的更新。
　五、圖表類型的更改

　　重新編輯完圖表數據，也許要更改圖表類型。如將柱形圖更改為散點圖，或者折線圖等。方法是：選擇要更改類型的圖表，雙擊圖表工具按鈕。如圖5就是將柱形圖更改為折線圖的效果。

圖 5

　　除了更改整個圖表的類型，還可以只選擇某個或某些數據列將其改為其他圖表類型。具體方法可舉例說明：

　　用組選擇工具選擇銷售二部的所有年份銷售額（包括數據列核圖例），雙擊圖表工具按鈕打開Graph Type對話框，為此數據列選擇不同的圖表類型，例如折線圖，結果如圖6。

圖 6

　　仔細觀察，從圖6你也許看出了一些不同吧？一是數值軸可以在圖表兩邊，而是它們可以具有不同刻度…那就順便看看這兩個"不同"具體如何做到。
六、圖表數值軸的位置

　　除了餅圖和雷達圖，其他圖表一般都可以改變數值軸的位置：比如將Y軸放置在圖表的左邊，右邊，上下方，還是左右邊都有。

　　對於柱形圖和重疊柱形圖，折線圖和面積圖，根據此類圖表特點，可以選擇將數值坐標軸放在左邊右邊或者兩邊都有。

　　對於散點圖，可以選擇在左邊或者兩邊。

　　對於條形圖和重疊條形圖，可以選擇在頂部，底部和兩者兼有。

　　對於雷達圖，則只有一個選擇：在所有邊。

　　以最常見的柱形圖為例，簡述一下如何更改數值軸的位置。

　　選擇整個柱形圖，雙擊圖表工具圖標，Value Axis下拉列表選項中可以選擇On Left Sides(左邊) On Right Sides（右邊） On Both Sides（兩邊）。

　　按上述設置選擇不同圖表數值軸的合適位置後，可以作出不同效果的圖表。
七、更改圖表數值軸的刻度

　　默認情況下，圖表的兩側（如左右兩側）的刻度數值是一樣的。那麼能否設置成不同數值刻度呢？答案是肯定的。

　　請看具體操作：

　　1. 用組選擇工具選擇一組數據及其圖例框（如果選擇錯誤，後面的操作就無效啦）。

　　2. 從圖表選項下拉列表中選擇左邊或者右邊坐標軸，對柱狀圖，散點圖，面積圖和重疊柱形，可以選擇在左側或者右側，對於條形圖和重疊條形圖，可選擇在下方或上方。

　　3. 選中Override Calculated選項，對刻度指定適當地數據後單擊OK 。

　　如圖7是為柱形圖設置兩軸不同刻度後結果。

圖 7

八、不同圖表類型的混合使用

　　使用圖表時，可在同一圖表中組合應用不同的圖表類型。比如用條形圖表示一部的銷售額，用折線圖表示二部的銷售額，用不同類型圖表表示其他組的數據…

　　要注意的是，在所有的圖表類型中，散點圖表不能和其他的圖表同時組合應用。

　　1. 用組選擇工具選中一組數據及其圖例，雙擊圖表工具按鈕，從對話框中選擇適當圖表類型，並設置好相關選項。

　　2. 用組選擇工具選中其他一組或者多組數據及圖例，用上述方法更改其圖表類型。

　　3. 單擊OK更新圖表。

　　如圖8為柱形圖和折線圖的組合使用。

圖 8

九、自定義圖表

　　某些圖表可以加上刻度線，並可為刻度數值加上前綴或後綴，比如"2000"可加後綴成為"2000$"，或者"2000萬"。

　　簡單地講，刻度線就是垂直於數據軸的直線，它可以分別單獨垂直於X,Y軸，也可同時垂直於兩者，可以是長線，也可是短線或者設置成無。下面還是以開始創建的銷售額圖表為例看看具體操作。

　　1. 給Y軸添加長刻度線。

　　選擇整個圖表，從"Value Axis" 的下拉列表選擇On Left Sides(左邊) On Right Sides（右邊） On Both Sides（兩邊）中的一種。如圖9。

圖 9

　　Graph Type對話框中的下拉列表選擇"Value Axis"即對數據軸操作。（請注意這兩個"Value Axis"的微妙差別）

　　此時對話框如圖10。選中Override Calculated，可以進行設置。

圖 10

　　Min Max是數值軸上的數值範圍，此圖表中默認是0∼6000，並分為6等份。可以手動設置Min Max，並確定Divisions將此數值範圍進行多少等分。例如將Max設為10000，Divisions＝10將數值軸10等分。

　　2.在Prefix 框設置前綴，在Suffix框中設置後綴，在此例中不妨加上後綴"$"。當然在實際應用中可以是其他貨幣符號，甚至是溫度，毫米，百分比等前後綴。

　　3.Length是設置刻度線的類型：Short-是短線，Fill Width－－全長，即將刻度線延伸到整個圖表，在此例中我們選Fill Width。

　　Draw tick marks per division：就是在10等分的數值軸中的每個加幾條刻度線。比如，此數值設成2，則從0∼1000，1000∼2000…9000∼10000之間都是2條刻度線。

　　最終結果如圖11.有水平長刻度線，並加後綴的圖表。正如前所述，刻度線也能夠用組選擇工具選中，並可設置輪廓線顏色。

圖 11

　　4. 對X,Y軸同時加上刻度和後綴的方法基本相同，將水平和垂直數值軸都選中後進行上述設置即可。
十、其他的簡單選項

　　在Illustrator 10中能夠改變圖表的漸變填充色，更改圖表中字體和字體樣式，同樣也可像其他對像一樣，進行移動，旋轉，傾斜和縮放等變形操作。更高級一些的，甚至可以把Styles（樣式）， Transparency （透明度），Brush（筆刷） Strokes（線條）等效果應用在圖表的各部分或者整個圖表。
除了上述方法，可以用圖表工具其他一些簡單選項來改善美化和改善圖表的外觀。

　　1.為圖表添加陰影：

　　在Graph Type對話框中選擇"Add drop shadow"，則圖表就會有陰影效果。用組選擇工具選中陰影，同樣可改變陰影顏色，這裡的顏色也許是純色填充，也許是漸變填充，也許是…請自己嘗試吧！

　　2.改變圖例的位置

　　在Graph Type對話框中選擇"Add Legend Across"，則使圖例顯示在圖表的上方，而默認情況下圖例是在右邊。
十一、自定義圖表的設計圖案

　　有時候為了更加形象生動，可以用現有的或者自定義的圖案來代替。比如前面創建的圖表，我們可自己定義一個新圖案象"金錢"等，形象的符號代替單調的條形，柱形，代替折線圖或散點圖等等。下面舉例說明。

　　1. 繪製一個金錢圖案，並設置其填充色和輪廓線寬度。

　　2. 繪製一個和金錢圖案差不多大小的矩形，作為金錢圖案的邊界，將其填充色和輪廓線都設置成無色。將它的順序放到最後面。（右鍵->Arrange->Send to Back）。注意這兩步必不可少，否則下面的操作不會成功。這一步很重要，請仔細體會。

　　3. 選擇金錢圖案和矩形邊界，將它們群組。Object->Graph->Design顯示對話框。在對話框中單擊New Design就將此群組圖案加入圖表設計圖庫中，在Preview框中可以預覽剛剛設計的圖案。如圖12。如果不滿意可單擊Delete Design刪除之。利用此對話框還能執行粘貼，重命名，選擇未用設計圖案的操作。

圖 12

　　4. 類似地，用同樣方法可建立多個圖表設計圖案並儲存。當然，最好重新命名以便於查找和使用。
十二、將設計圖案應用到圖表中

　　製作好了設計圖案當然是為了在圖表中應用了。以柱形圖和條形圖為例，將剛才定義的金錢圖案代替圖表中抽像的柱形或者條形。具體操作如下：

　　1. 用組選擇工具選中圖表中的柱形或條形。

　　2. 選擇Object->Graph->Column，彈出如圖13的對話框。

圖 13

　　在Choose Column Design 下的列表中選擇要應用的設計圖案，可在右邊框中進行預覽。我們選擇剛才定義並保存的金錢圖案。

　　在Column Type 列表中有以下4項選擇：

　　1)Vertically Scaled-設計圖案在垂直方向上進行縮放，即在垂直方向上可拉長和縮短，而寬度不變。

　　2)Uniform Scaled－設計圖案在水平和垂直兩個方向上等比縮放。

　　3)Repeating－可在垂直方向上重疊放置多個設計圖案。如果選擇此項，則下面還有一個選擇項被激活：

　　在Each Design Represents框中輸入數值，以確定每多少個刻度數值用一個設計圖案表示。

　　而選中"Rotate Legend Design"表示可將應用的設計圖案進行旋轉。

　　在For Fractions下拉列表中選擇，可設置當重複的設計圖案不是整數時的效果，共兩個選項，縮放設計和截斷設計。

　　Scale Design－如果最上邊的一個設計圖案放不下，就將其縮小，使其剛好能夠放下。

　　Chop Design－如果最上邊的一個設計圖案放不下，就將其截斷，能放下多少放多少。

　　4)Sliding－如果要將設計圖案進行局部縮放可用此選項。

　　理解了上述選項的含義，就可製作出多種多樣的自定義圖表了。如圖14是應用了定義的金錢圖案的效果。

圖 14

　　在折線圖和散點圖中的數值點一般用很小的矩形表示，其實和上面講的道理一樣，同樣能用自己定義的圖案來代替。方法其實很簡單，不妨來做一做。

　　如果你的筆刷庫夠豐富的話，就在Brushes面板中選擇一個漂亮的筆刷直接拖動到工作區中，選擇它，選Object->Graph->Design，顯示對話框，單擊New Design，選擇的筆刷圖案就出現在預覽框中。

　　單擊OK退出，用組選擇工具選中折線圖的任一圖例，再次單擊則將折線圖中的數據點都選中。

　　選Object->Graph->Marker，單擊OK，就會將數據點用筆刷圖案代替了。如圖15。當然此例中完全可以自己繪製圖案，但用現成的筆刷要快捷一些。

圖 15

十三、在圖表中顯示數據列的數值

　　通常圖表中的數據都顯示在相應的軸上，但是可以創建這樣一類自定義圖表，直接顯示數據列的數值。方法如下：

　　1. 首先要用前面所說的方法創建一個設計圖案。本文中我們還用那個金錢圖案。

　　2. 用文本工具在此圖案的上，下左右附近輸入"％"，後面輸入兩個數字。這兩個數字的意義是：第一個數字表示小數點之前顯示多少位數，第二個數字表示在小數點之後顯示多少位數，如果此數字為零則表示整數後面無小數，為1表示整數後面有一位小數….依此類推。

　　3. 選中包括輸入文本在內的新設計圖案，將其群組。

　　4. Object->Graph->Design，單擊New Design可以看到已經在預覽框中了。

　　5. 選擇圖表的部分或全部數據列，選Object->Graph->Column，彈出如圖13的對話框，單擊剛才更改好的設計圖案就可應用了。

　　如圖16是用了在Column Type 列表中Vertically Scaled選項的實際結果。

圖 16

　　Illustrator 10的圖表工具功能很多，並且十分強大。本文只是簡略講述了製作簡單圖表的基本方法，更多的精彩還有待於大家進一步探索。