Illustrator 平面設(shè)計 課件 項目2 圖形的繪制和編輯

項目二

圖形的繪制和編輯任務(wù)1圖形的繪制任務(wù)2圖形的管理任務(wù)3圖形的基本編輯任務(wù)1圖形的繪制任務(wù)引入小王畢業(yè)了，參加工作，領(lǐng)導(dǎo)要求小王設(shè)計一款產(chǎn)品的標(biāo)志，通過對Illustrator的學(xué)習(xí)，可以用基本線條結(jié)合幾何圖形來進(jìn)行繪制。那么，怎樣運用這些矢量工具呢？圖形的繪制都包括哪些呢？知識準(zhǔn)備一、繪制基本線條繪制基本線條需要用到的工具有：直線段工具、弧形工具、螺旋線工具、矩形網(wǎng)格工具、極坐標(biāo)網(wǎng)格工具，下面詳細(xì)介紹直線段工具的使用方法。直線是最基本的圖形組合元素，使用“直線段工具”繪制直線有兩種方法：1．手動繪制直線（1）單擊工具箱中的“直線段工具”，如圖2-1所示。（2）將鼠標(biāo)移至頁面上。這時，光標(biāo)會變成符號。（3）在頁面中按住鼠標(biāo)進(jìn)行拖動，拖到預(yù)想的直線的長度和角度后釋放鼠標(biāo)，即可得到一條直線。2．精確繪制直線（1）單擊工具箱中的“直線段工具”，并在頁面上的任意位置單擊。（2）在彈出的“直線段工具選項”對話框中設(shè)置直線段的長度和角度。（3）單擊“確定”按鈕，這樣在頁面以單擊鼠標(biāo)處為起點創(chuàng)建了一條直線段，同時其尺寸也被保存下來作為下次創(chuàng)建直線段的默認(rèn)值。二、繪制基本幾何圖形繪制基本幾何圖形需要用到的工具有：矩形工具、圓角矩形工具、橢圓工具、多邊形工具、星形工具、光暈工具，下面詳細(xì)介紹矩形工具的使用方法。1．手動繪制矩形（1）單擊工具箱中的“矩形工具”。將鼠標(biāo)移至頁面上。（2）在頁面中按住鼠標(biāo)沿著對角線進(jìn)行拖動，拖到預(yù)想的矩形大小后釋放鼠標(biāo)。

選擇直線段工具

繪制多條直線段

直線段工具選項2．手動繪制圓角矩形（1）在工具箱中按住“矩形工具”不放，彈出矩形展開工具組。（2）單擊矩形展開工具組的“圓角矩形工具”。（3）在頁面中按住鼠標(biāo)進(jìn)行拖動，拖到預(yù)想的矩形大小后釋放鼠標(biāo)，即創(chuàng)建圓角矩形。3．精確地創(chuàng)建矩形（1）單擊工具箱中的“矩形工具”，并在頁面上的任意位置單擊。（2）在彈出的“矩形”對話框中設(shè)置矩形的寬度和高度數(shù)值。（3）單擊“確定”按鈕，這樣以在頁面單擊鼠標(biāo)處為矩形左上角創(chuàng)建矩形，同時其尺寸也被保存下來作為下次創(chuàng)建矩形的默認(rèn)值。繪制矩形

固定的圓角半徑

修改圓角半徑“矩形”對話框

“圓角矩形”對話框三、自由繪制圖形自由畫筆工具包括鉛筆工具、平滑工具和路徑橡皮擦工具。下面詳細(xì)介紹這些工具的使用方法。1.使用鉛筆工具繪制圖形“鉛筆工具”可以隨意繪制出不規(guī)則的曲線路徑，既可以生成開放路徑，又可以生成封閉路徑。圖所示是“鉛筆工具”繪制的圖形。（1）繪制圖形（2）編輯圖形2.使用平滑工具編輯圖形“平滑工具”可以對路徑進(jìn)行平滑處理，并保持路徑的原始狀態(tài)。

使用鉛筆工具繪制圖形

“鉛筆工具選項”對話框

創(chuàng)建閉合路徑延長閉合路徑平滑前后的對比效果“平滑工具選項”對話框

擦除前后對比效果3.使用路徑橡皮擦工具擦除圖形“路徑橡皮擦工具”可以理解為生活中橡皮的使用，可用來清除繪制的路徑或畫筆的一部分。四、繪制圖表在工具箱中單擊圖表工具（以柱形圖工具為例進(jìn)行介紹），將鼠標(biāo)指針移至工作區(qū)中。在希望圖表開始的角沿對角線向另一個方向進(jìn)行拖移，直到將圖表拖動到合適的大小時釋放鼠標(biāo)。這時，在工作區(qū)中將顯示圖表數(shù)據(jù)對話框，如圖所示。在對話框的單元格中輸入圖表數(shù)據(jù)后，單擊應(yīng)用圖表或者按下Enter鍵以創(chuàng)建圖表。關(guān)閉圖表數(shù)據(jù)對話框后，單元格的數(shù)據(jù)已被應(yīng)用到創(chuàng)建的圖表上，也就完成了柱形圖圖表的初步建立，效果如圖所示。圖表數(shù)據(jù)對話框

柱形圖圖表效果“圖表”對話框

繪制矢量圖形

無色填充的邊界框

新建設(shè)計的預(yù)覽重命名新建設(shè)計案例——房子新建文檔設(shè)置多邊形參數(shù)

創(chuàng)建多邊形設(shè)置旋轉(zhuǎn)角度

選擇錨點

拖動錨點后的效果設(shè)置多邊形參數(shù)

選擇顏色

三角形效果拖動頂端錨點置于底層繪制矩形效果

設(shè)置矩形網(wǎng)格參數(shù)

設(shè)置描邊粗細(xì)

窗戶效果

繪制圖形

房子效果任務(wù)2圖形的管理任務(wù)引入小王在繪制矢量圖形時，發(fā)現(xiàn)對象比較多，很雜亂，通過同事的提醒，可以運用Illustrator中的圖形對齊和分布來進(jìn)行調(diào)整，那么，怎樣運用這些命令呢？知識準(zhǔn)備在處理復(fù)雜的Illustrator文檔時，頁面上的圖形和其他對象較多，如果不進(jìn)行管理會導(dǎo)致頁面的混亂，容易錯誤操作。一、編組、鎖定和隱藏在操作過程中，為了方便對多個圖形進(jìn)行選擇和修改，通常需要把圖形編組、鎖定和隱藏。1．編組通過編組可以把需要保持聯(lián)系的系列圖形對象組合在一起，編組后的多個圖形則可以作為一個整體來進(jìn)行修改或位置的移動等。2．鎖定在繪制和處理比較復(fù)雜的圖形時，為了不影響其他圖形，可以使用鎖定命令將其他圖形加以保護。執(zhí)行鎖定命令的對象，將不能進(jìn)行任何編輯。

“鎖定”擴展菜單3．隱藏在處理復(fù)雜圖形時，除了鎖定圖形外，還可以執(zhí)行“隱藏”操作。二、圖形的排列在繪制和處理比較復(fù)雜的圖形時，圖形經(jīng)常會出現(xiàn)重疊或相交的情況。這樣，就需要調(diào)整圖形之間的前后疊放順序。如圖所示，“BEDLAM”文本一共分為3層，從頂層到底層進(jìn)行有序的排列，組合成帶有3D效果和陰影的文本。執(zhí)行“對象”→“排列”命令，在“排列”菜單中有5項擴展命令，如圖所示。這5項排列命令介紹如下（如圖所示）：順序排列示意

“排列”擴展命令置于頂層前移一層后移一層置于底層

星形的排列順序三、圖形的對齊和分布在Illustrator中可以在頁面精確地對齊和分布對象，使用戶可以方便并準(zhǔn)確地把當(dāng)前選擇的多個對象按照預(yù)設(shè)的方式對齊和分布。在“窗口”菜單下執(zhí)行“對齊”命令，或是按Shift+F7鍵打開【對齊】面板，面板中有“對齊對象”、“分布對象”和“分布間距”3個對齊欄，如圖所示。下面簡單介紹對齊面板的使用方法以及對齊效果。1．對齊對象使用“對齊對象”中的對齊選項可以調(diào)整多個對象的位置，按照一定的方式進(jìn)行對齊。2．分布對象“分布對象”中的選項是以每一個選擇對象同方位的錨點為基準(zhǔn)點進(jìn)行分布。對齊面板

選擇圖形對象

水平左對齊水平居中對齊水平右對齊垂直頂對齊

垂直居中對齊

垂直底對齊

垂直頂分布垂直居中分布垂直底分布3．分布間距水平左分布水平居中分布水平右分布垂直分布間距

水平分布間距任務(wù)3圖形的基本編輯任務(wù)引入小王完成了基本圖形繪制以后，又遇到了新的問題，有些圖形繪制起來比較繁瑣，浪費時間，對于相同的圖形可以通過復(fù)制鏡像等命令來快速完成，那么，怎樣運用這些命令快速完成圖形的編輯呢？知識準(zhǔn)備用戶可通過Photoshop軟件所提供的大量圖像編輯命令，對圖像進(jìn)行各種各樣的編輯操作。一、使用選擇工具編輯圖形使用選擇工具和直接選擇工具不僅可以選取對象，還可以對圖形進(jìn)行基本的修改。1．選擇工具當(dāng)使用“選擇工具”選擇對象時，該對象的四周會出現(xiàn)定界框。

修改圖形的長寬比例示意圖

以中線為基準(zhǔn)修改圖形比例對圖形進(jìn)行縮放示意圖

2．直接選擇工具“直接選擇工具”可以直接選取和修改對象的局部，無論對象是否被編組。以中點為基準(zhǔn)縮放圖形旋轉(zhuǎn)圖形示意圖

變換圖形示意圖選擇錨點編輯圖形示意圖二、圖形的變換在作圖過程中，變換對象的功能是必不可少的。使用工具箱中的變換工具可以進(jìn)行旋轉(zhuǎn)、縮放、自由變換等操作。除此之外，還可以通過“變換”菜單命令和變換面板來對圖形進(jìn)行更準(zhǔn)確的變換。1．移動除了可以使用選擇工具把選中的錨點、路徑進(jìn)行拖動，從而完成移動操作外，還可以使用“移動”對話框來移動對象。2．旋轉(zhuǎn)使用“旋轉(zhuǎn)工具”可以旋轉(zhuǎn)選中的圖形。旋轉(zhuǎn)圖形可以任意拖動旋轉(zhuǎn)，也可以在“旋轉(zhuǎn)”對話框中設(shè)置旋轉(zhuǎn)角度進(jìn)行精確的旋轉(zhuǎn)?！耙苿印睂υ捒蛟O(shè)定中心點前

設(shè)定中心點

繞中心點旋轉(zhuǎn)選擇矩形設(shè)置旋轉(zhuǎn)角度復(fù)制并旋轉(zhuǎn)圖形3．鏡像在現(xiàn)實生活中有很多物體是對稱的。在繪制對稱的物體時，使用“鏡像工具”可以使對象進(jìn)行翻轉(zhuǎn)，使工作量減半。4．縮放除了可以使用選擇工具來縮放對象外，還可以使用“比例縮放工具”來實現(xiàn)對圖形的縮放。

設(shè)置對稱軸

鏡像效果“鏡像”對話框選擇圖形鏡像復(fù)制圖形自由縮放圖

“比例縮放”對話框

縮放描邊效果對比5．傾斜使用“傾斜工具”可以將對象傾斜，制作出特殊的效果，如圖所示。6．分別變換執(zhí)行“對象”→“變換”→“分別變換”命令，打開“分別變換”對話框，如圖所示。傾斜效果

自由傾斜對象“傾斜”對話框“分別變換”對話框

隨機旋轉(zhuǎn)的矩形7．自由變換使用“自由變換工具”可以對圖形進(jìn)行所有方式的變換操作，包括移動、縮放、旋轉(zhuǎn)、鏡像、傾斜等。8．再次變換針對于多次轉(zhuǎn)換操作，Illustrator提供了“再次變換”命令來簡化工作程序。9．變換面板執(zhí)行“窗口”→“變換”命令或按下Ctrl+F8鍵，可以打開“變換”面板，如圖所示。

圖形的定界框移動并復(fù)制矩形再次變換3次效果三、圖形的基本變形在Illustrator工具箱中，有一組變形工具，如圖所示。通過這些工具可以對圖形進(jìn)行旋轉(zhuǎn)扭曲、收縮、膨脹等變形操作。1．寬度使用“寬度工具”可以對圖形進(jìn)行拉伸，將鼠標(biāo)移動到拉伸對象上可顯示圖形的邊線和寬度信息2．變形使用“變形工具”可以對圖形進(jìn)行變形，它通過在圖形路徑上增加新的錨點來改變原路徑形態(tài)。變形工具組

原圖使用“寬度”工具拉伸圖像使用“寬度”工具拉伸圖像后的效果

效果示意圖變形操作

“變形工具選項”對話框3．旋轉(zhuǎn)扭曲使用“旋轉(zhuǎn)扭曲工具”可以使圖形進(jìn)行旋轉(zhuǎn)和扭曲變形，制作出一些奇特的形狀。4．縮攏“縮攏工具”可以使圖形的路徑會自動發(fā)生收縮成為曲線路徑，還可以將多個路徑融合在一起，并保持原路徑的錨點。繪制星形

規(guī)則旋轉(zhuǎn)扭曲

自由旋轉(zhuǎn)扭曲“旋轉(zhuǎn)扭曲工具選項”對話框規(guī)則縮放效果

自由縮放效果8角星形規(guī)則膨脹效果自由膨脹效果多邊形規(guī)則收縮效果自由收縮效果5．膨脹使用“膨脹工具”能使圖形以圓形向四周膨脹形成新的路徑圖形。6．扇貝使用“扇貝工具”可以使收縮圖形路徑，形成多個銳角?！吧蓉惞ぞ哌x項”對話框7．晶格化使用“晶格化工具”可以對圖形路徑產(chǎn)生晶格化的效果，形成銳、尖角的路徑。8．褶皺使用“褶皺工具”可以對圖形路徑產(chǎn)生褶皺效果，形成波浪形舒緩的圓角。案例——婀娜身材

規(guī)則晶格化變形自由晶格化變形褶皺變形效果“褶皺選項”對話框橢圓效果

中心點位置

復(fù)制并旋轉(zhuǎn)圖形

多個圖形效果

單擊“差集”按鈕

挖空效果

設(shè)置水平移動距離圖形組分布效果

對齊面板水平分布間距效果垂直分布間距效果

矩形效果

人體剪影圖效果

剪切蒙版效果

完成效果項目總結(jié)項目實戰(zhàn)實戰(zhàn)一繪制祥云1.新建一個文檔。2.使用“螺旋線工具”繪制出螺旋圖形。3.使用“直接選擇工具”調(diào)整螺旋路徑，調(diào)整為云彩形狀，并