《矢量圖設(shè)計與制作》模塊七制作圖表課件

—專業(yè)核心課程—模塊七圖表制作矢量圖設(shè)計與制作IllustratorCC2022創(chuàng)建圖表01編輯圖標(biāo)02自定義圖標(biāo)03目錄contentsPART01創(chuàng)建圖表一、圖表工具0302IllustratorCC2022提供了了9種不同的圖表工具，利用這些工具可以創(chuàng)建不同類型的圖表。我國現(xiàn)在無論是交通設(shè)施建設(shè)還是建筑等方面，目前都在不斷的高速發(fā)展當(dāng)中，一座座摩天大樓拔地而起，鐵路和公路的里程也是越來越多，這一點(diǎn)也讓世界上很多國家感到震驚，不得不佩服中國的基建實(shí)力。通過下面的圖表能非常直觀地了解到我國近幾年新建的鐵路和高速鐵路的里程數(shù)，充分感受國家的強(qiáng)大。選擇工具箱中的“圖表”工具

并按住鼠標(biāo)左鍵不放，展開圖表工具組，如圖7-1所示。工具組中包含“柱形圖”工具、“堆積柱形圖”工具、“條形圖”工具、“堆積條形圖”工具、“折線圖”工具、“面積圖”工具、“散點(diǎn)圖”工具、“餅圖”工具、“雷達(dá)圖”工具。圖7-1條形圖：以水平方向的形式來表示一組或多組數(shù)據(jù)及其互相間的變化關(guān)系。如圖7-4所示。柱形圖：用長度與數(shù)值成比例的矩形按垂直方向來表示一組或多組數(shù)據(jù)及其互相間的變化關(guān)系。如圖7-2所示。堆積柱形圖：用來表示數(shù)據(jù)的矩形以垂直方向堆放在一起，用來表示部分與整體之間的關(guān)系。如圖7-3所示。條形圖：以水平方向的形式來表示一組或多組數(shù)據(jù)及其互相間的變化關(guān)系。如圖7-4所示。堆積條形圖：用來表示數(shù)據(jù)的矩形以水平方向排列在一起，用來表示部分與整體之間的關(guān)系。如圖7-5所示。204圖7-3圖7-2圖7-4圖7-5一、圖表工具條形圖：以水平方向的形式來表示一組或多組數(shù)據(jù)及其互相間的變化關(guān)系。如圖7-4所示。折線圖：用折線的表現(xiàn)方式來顯示相關(guān)數(shù)據(jù)的變化，它對于一個或多個數(shù)據(jù)隨時間發(fā)展而顯示出的某種變化非常清晰與直觀。如圖7-6所示。面積圖：用帶有顏色的面積塊來顯示相關(guān)數(shù)據(jù)的變化。如圖7-7所示。散點(diǎn)圖：通過X和Y坐標(biāo)來確定相關(guān)數(shù)據(jù)變化的各個散點(diǎn)的位置。如圖7-8所示。餅圖：在整個圓內(nèi)分割扇形區(qū)域的大小顯示相關(guān)數(shù)據(jù)的變化。如圖7-9所示。雷達(dá)圖：通過雷達(dá)狀圖表來顯示相關(guān)數(shù)據(jù)的變化，它在某一特定的時間點(diǎn)或特定類別上比較，進(jìn)而通過環(huán)形格式表現(xiàn)出來。如圖7-10所示。204一、圖表工具圖7-6圖7-8圖7-9圖7-10圖7-7二、創(chuàng)建圖表的方法02041.鼠標(biāo)長按工具箱中的“圖表”工具，在展開的圖表工具組中，選擇圖表類型?；螂p擊工具箱中的“圖表”工具，或選擇“對象>圖表>類型”命令，打開“圖表類型”對話框，如圖7-11所示，根據(jù)設(shè)計需要，選擇圖表類型和其他參數(shù)選項(xiàng)，單擊“確定”按鈕。2.鼠標(biāo)在頁面上單擊并拖動繪制出一矩形區(qū)域，確定圖表的大小?；蚴髽?biāo)直接在頁面上單擊，打開“圖表”對話框，如圖7-12所示。04圖7-11圖7-12“圖表數(shù)據(jù)”對話框中按鈕的含義：導(dǎo)入數(shù)據(jù)：可以從外部文件中獲取圖表數(shù)據(jù)。換位行/列：交換列和行的數(shù)據(jù)切換X/Y：切換散點(diǎn)圖X和Y軸。單元格格式：設(shè)置單元格的列寬和小數(shù)點(diǎn)的位數(shù)?；謴?fù)：將數(shù)據(jù)恢復(fù)到更改之前的狀態(tài)。應(yīng)用：確認(rèn)輸入的數(shù)據(jù)并生成圖表。二、創(chuàng)建圖表的方法3.在對話框中輸入圖表的寬度和高度，設(shè)置完成后單擊“確定”按鈕。將自動在頁面中建立根據(jù)輸入數(shù)值創(chuàng)建的圖表，同時打開輸入圖表數(shù)據(jù)的對話框，如圖7-13所示?！皥D表數(shù)據(jù)”對話框中按鈕的含義：導(dǎo)入數(shù)據(jù)：可以從外部文件中獲取圖表數(shù)據(jù)。換位行/列：交換列和行的數(shù)據(jù)切換X/Y：切換散點(diǎn)圖X和Y軸。單元格格式：設(shè)置單元格的列寬和小數(shù)點(diǎn)的位數(shù)?；謴?fù)：將數(shù)據(jù)恢復(fù)到更改之前的狀態(tài)。應(yīng)用：確認(rèn)輸入的數(shù)據(jù)并生成圖表。04圖7-13二、創(chuàng)建圖表的方法034.在輸入圖表數(shù)據(jù)對話框中按圖表的要求輸入各種文本或數(shù)值，按Tab或Enter鍵確認(rèn)，如圖7-14所示。數(shù)據(jù)輸入完畢后，單擊“

”按鈕即可得到與數(shù)據(jù)對應(yīng)的圖表。效果如圖7-15所示。04圖7-14圖7-15三、圖表的組成圖表是一個由各種基本元素組成的群組對象，如圖7-16所示，X軸表示類別軸，Y軸表示數(shù)值軸，主體部分是代表各組數(shù)據(jù)的數(shù)據(jù)列，右上角的圖形符號表示圖例。圖7-16知識要點(diǎn)：矩形工具、文字工具、多邊形工具、剪切蒙版、圖表工具隨學(xué)隨練根據(jù)提供的2018年-2022年中國近五年的GDP增長數(shù)據(jù)，繪制中國GDP增速圖表，效果如圖7-17所示。知識要點(diǎn)：矩形工具、文字工具、多邊形工具、剪切蒙版、圖表工具PART02編輯圖表一、選擇圖表元素對圖表元素進(jìn)行有關(guān)操作時，必須先選擇對應(yīng)的元素?？筛鶕?jù)要選擇對象的不同，使用不同的選擇工具進(jìn)行操作?！斑x擇”工具：單擊選中整個圖表?！爸苯舆x擇”工具：可選擇最基本的圖表元素。按Shift鍵可以進(jìn)行多選?！熬幗M選擇”工具是最常用的圖表元素選擇工具，方便快捷。用“編組選擇”工具單擊一次圖表中的元素，可選中相應(yīng)的元素，如要選擇“2017年鐵路新線里程”數(shù)據(jù)列，只需單擊一次即可選中。二次單擊它，則選中鐵路新線里程各年的里程數(shù)據(jù)列；三次單擊它，則選中鐵路新線里程各年的里程數(shù)據(jù)列及鐵路新線里程的圖例；四次單擊它，則選中所有數(shù)據(jù)列和所有圖例；五次單擊它，則選中整個圖表。如單擊一次刻度軸上的數(shù)值，則選中它；二次單擊則選中整個刻度軸上的所有數(shù)值；三次單擊則選中整個圖表。在IllustratorCC2022中，圖表創(chuàng)建完成后，可根據(jù)實(shí)際需要對圖表進(jìn)行編輯處理。不僅可以修改圖表中的數(shù)據(jù)，而且也可以更改圖表類型、更改圖表選項(xiàng)、設(shè)置坐標(biāo)軸、通過編組選擇工具更改其填充屬性來美化圖表。二、圖表數(shù)據(jù)的修改圖表創(chuàng)建好后，相關(guān)數(shù)據(jù)可能因某些原因需要更新或者變動，可以再次編輯圖表數(shù)據(jù)，相應(yīng)的圖表也會隨之更新。選中圖表，右擊鼠標(biāo)，在彈出的快捷菜單中選擇“數(shù)據(jù)”命令，即可打開“圖表數(shù)據(jù)”輸入對話框，根據(jù)需要重新編輯圖表數(shù)據(jù)。修改完成后，單擊“

”按鈕即可完成圖表數(shù)據(jù)的修改。三、更改圖表類型每種圖表類型在表述問題時都有它的不足之處，當(dāng)選用的圖表類型不能很好的表達(dá)問題時，可以考慮更換圖表類型。如要把柱形圖更改為折線圖表，選中圖表，右擊鼠標(biāo)，在彈出的快捷菜單中選擇“類型”命令，即可打開“圖表類型”對話框，在“圖表選項(xiàng)”的“類型”選項(xiàng)中選擇“折線圖”，選好后，單擊“確定”按鈕即可完成圖表類型的更改，如圖7-25所示。圖7-25三、更改圖表類型除了可以更改整個圖表的類型，還可以只選擇某個或某些數(shù)據(jù)列將其改為其他圖表類型，從而實(shí)現(xiàn)在一張圖表中用不同的圖表類型來表達(dá)數(shù)據(jù)。如要把鐵路新線里程各年數(shù)據(jù)更改為折線圖，可用“編組選擇”工具選擇鐵路新線里程各年數(shù)據(jù)（包括圖例），雙擊“圖表”工具，打開“圖表類型”對話框，為數(shù)據(jù)列選擇不同的圖表類型，如折線圖，單擊“確定”按鈕即可完成圖表類型的更改，如圖7-26所示。圖7-26四、設(shè)置圖表文本格式圖表中的圖例文字、刻度軸中的數(shù)值等內(nèi)容，在生成圖表時都使用默認(rèn)的字體和字體大小。要改變圖表中文字的大小、字體、顏色，可用“編組選擇”工具或“直接選擇”工具選擇要修改的文字，在“屬性”面板的文字選項(xiàng)中進(jìn)行相關(guān)參數(shù)的設(shè)置，效果如圖7-27所示。圖7-27五、設(shè)置圖表顏色新創(chuàng)建的圖表只用不同灰度的顏色表示，未免不夠美觀，為了使圖表更加新穎或要突出某一數(shù)據(jù)，可以通過修改圖表圖形顏色來實(shí)現(xiàn)?？捎谩熬幗M選擇”工具或“直接選擇”工具選擇要設(shè)置顏色的圖形元素，在“屬性”面板的“外觀”選項(xiàng)中設(shè)置圖形的填色、描邊顏色和粗細(xì)等，效果如圖7-28所示。圖7-28六、更改圖表數(shù)值軸的位置和刻度1.更改圖表數(shù)值軸的位置在所有圖表類型中，除餅圖之外，所有的圖表都有對應(yīng)的刻度軸（數(shù)值軸和類別軸）?？梢栽O(shè)置在圖表的一側(cè)顯示數(shù)值軸或者兩側(cè)都顯示數(shù)值軸。選中圖表，雙擊“圖表”工具，打開“圖表類型”對話框，在“數(shù)值軸”下拉列表選項(xiàng)中選擇相應(yīng)的位置（如選擇位于兩側(cè)），單擊“確定”按鈕，圖表根據(jù)選項(xiàng)作出不同效果，如圖7-29所示。圖7-29六、更改圖表數(shù)值軸的位置和刻度2.更改圖表數(shù)值軸的刻度創(chuàng)建圖表時，IllustratorCC2022會根據(jù)數(shù)值自動生成數(shù)值軸的刻度，也可根據(jù)要求自定義數(shù)值軸中的刻度、改變刻度線的長度，并將前綴和后綴添加數(shù)值的前后等。選中圖表，雙擊“圖表”工具，打開“圖表類型”對話框，在“圖表類型”對話框頂部的下拉列表選項(xiàng)中選擇“數(shù)值軸”選項(xiàng)，切換至“數(shù)值軸”對話框，如圖7-30所示。“刻度值”選項(xiàng)組：勾選“忽略計算出的值”復(fù)選框，下面的3個數(shù)值框被激活?！白钚≈怠睌?shù)值框：表示數(shù)值軸的起始值，圖表原點(diǎn)的坐標(biāo)值；“最大值”數(shù)值框：表示數(shù)值軸的最大刻度值；“刻度”數(shù)值框：設(shè)置數(shù)值框從最小值到最大值之間分成幾個間隔。“刻度線”選項(xiàng)組：“長度”下拉列表項(xiàng)表示設(shè)置刻度標(biāo)記，“無”選項(xiàng)表示不使用刻度標(biāo)記；“短”選項(xiàng)表示使用短的刻度標(biāo)記；“全寬”選項(xiàng)表示刻度線將貫穿整個圖表?！袄L制”數(shù)值框表示每個間隔劃分幾個刻度線?！疤砑訕?biāo)簽”選項(xiàng)組：“前綴”文本框表示數(shù)值前加的符號；“后綴”文本框表示數(shù)值后加的符號。圖7-30七、縮放圖表在設(shè)計時，有時會發(fā)現(xiàn)創(chuàng)建的圖表偏大或偏小，這時就要根據(jù)需要適當(dāng)調(diào)整圖表的大小。精確調(diào)整圖表大?。哼x中圖表，右擊鼠標(biāo)，在彈出的快捷菜單中選擇“變換>縮放”命令，打開“比例縮放”對話框，如圖7-31所示，在對話框中設(shè)置相關(guān)參數(shù)，單擊“確定”按鈕。鼠標(biāo)拖曳調(diào)整圖表大小：選中圖表，選擇“縮放”工具，在文檔窗口中拖動鼠標(biāo)，調(diào)整對象到所需的大小時為止。圖7-31隨學(xué)隨練閱讀下列材料，制作2022年居民人均消費(fèi)支出及構(gòu)成分布圖表，效果如圖7-32所示。據(jù)國家統(tǒng)計局1月17日數(shù)據(jù)顯示：2022年，全國居民人均消費(fèi)支出24538元，其中食品煙酒消費(fèi)支出7481元，占人均消費(fèi)支出的比重為30.5%；人均衣著消費(fèi)支出1365元，占人均消費(fèi)支出的比重為5.6%；人均居住消費(fèi)支出5882元，占人均消費(fèi)支出的比重為24.0%；人均生活用品及服務(wù)消費(fèi)支出1432元，占人均消費(fèi)支出的比重為5.8%；人均交通通信消費(fèi)支出3195元，占人均消費(fèi)支出的比重為13.0%；人均教育文化娛樂消費(fèi)支出2469元，占人均消費(fèi)支出的比重為10.1%；人均醫(yī)療保健消費(fèi)支出2120元，占人均消費(fèi)支出的比重為8.6%；人均其他用品及服務(wù)消費(fèi)支出595元，占人均消費(fèi)支出的比重為2.4%。圖7-32知識要點(diǎn)：矩形工具、圖表工具、編組選擇工具、鋼筆工具、文字工具PART03自定義圖標(biāo)一、自定義圖表的設(shè)計圖案IllustratorCC2022除了可以創(chuàng)建圖表和編輯圖表外，還可以自定義圖案來修飾圖表，讓圖表更加形象生動并具有個性。用來自定義圖表的圖案可以是現(xiàn)成的，也可以是自行繪制的。選中圖形，如圖7-39所示，選擇“對象>圖表>設(shè)計”命令，打開“圖表設(shè)計”對話框，如圖7-40所示。圖7-39圖7-40一、自定義圖表的設(shè)計圖案在“圖表設(shè)計”對話框中，單擊“新建設(shè)計”按鈕，在對話框的預(yù)覽框中將會顯示所選中的圖形對象，如圖7-41所示。單擊“重命名”按鈕，彈出“圖表設(shè)計”對話框，在對話框的“名稱”文本框中輸入自定義圖案的名稱，如圖7-42所示，單擊“確定”按鈕，完成重命名。“刪除設(shè)計”按鈕：表示刪除選中的圖形對象。“粘貼設(shè)計”按鈕：表示將選中的圖形對象粘貼到頁面中，可對其重新進(jìn)行編輯修改，并可將其重新定義。圖7-41圖7-42IllustratorCC2022除了可以創(chuàng)建圖表和編輯圖表外，還可以自定義圖案來修飾圖表，讓圖表更加形象生動并具有個性。二、將設(shè)計圖案應(yīng)用到圖表中自定義好圖案后，就可以將圖案對象應(yīng)用到圖表中。選擇“編組選擇”工具，雙擊圖表上方的“鐵路新線里程”圖例標(biāo)簽，選中圖表中該圖例的所有元素，如圖7-43所示。選擇“對象>圖表>柱形圖”命令，打開“圖表列”對話框，在“選取列設(shè)計”列表框中選擇“鐵路”圖案，如圖7-44所示，設(shè)置好各項(xiàng)參數(shù)后，單擊“確定”按鈕，將自定義的圖案對象應(yīng)用到所選的數(shù)據(jù)列圖形中，如圖7-45所示。圖7-43圖7-44圖7-45二、將設(shè)計圖案應(yīng)用到圖表中“列類型”下拉列表中包括“垂直縮放”、“一致縮放”、“重復(fù)堆疊”、“局部縮放”四個選項(xiàng)內(nèi)容。“垂直縮放”選項(xiàng)：表示根據(jù)數(shù)據(jù)的大小，對自定義的圖案進(jìn)行垂直方向的放大，水平方向大小保持不變。“一致縮放”選項(xiàng)：表示對自定義的圖案在水平和垂直方向上等比縮放?！爸貜?fù)堆疊”選項(xiàng)：表示在垂直方向上重疊堆放多個自定義的圖案?！懊總€設(shè)計表示”選項(xiàng)：表示每個自定義的圖案代表多個單位?！敖財嘣O(shè)計”選項(xiàng)：表示不足一個圖案時，用自定義圖案的一部分來表示?！翱s放設(shè)計”選項(xiàng)：表示不足一個圖案時，由自定義圖案按比例壓縮來表示?！熬植靠s放”選項(xiàng)：表示將自定義的圖案的一部分拉伸。按上述方法，完成“新增高速鐵路里程”數(shù)據(jù)列圖形的修改，最終效果如圖7-46所示。圖7-46隨學(xué)隨練根據(jù)中國汽車工業(yè)協(xié)會2021年和2022年發(fā)布數(shù)據(jù)顯示：2021年我國全年汽車銷售完成了2627.5萬輛，同比增長為3.8%，新能源汽車銷售完成了352.1萬輛，同比增長157.5%。2022年我國全年汽車銷售完成了汽車銷量2686.4萬輛，同比增長2.1%，新能源汽車銷售完成了688.7萬輛，同比增長93.4%。根據(jù)上述數(shù)據(jù)，繪制2021年和2022年汽車、新能源汽車銷售量數(shù)據(jù)對比圖表，效果如圖7-47所示。知識要點(diǎn)：矩形工具、漸變工具、圖表工具、編組選擇工具、文字工具、鋼筆工具圖7-47實(shí)訓(xùn)案例一、閱讀下