Illustrator-CS6平面設(shè)計案例案例2

1、案例2 繪制店鋪節(jié)日 POP 繪制和編輯基本圖形目錄2.1 案例描述 2.2 案例解析 2.3 相關(guān)知識2.4 操作步驟2.5 實訓(xùn)演練2.1 案例描述圖 2-1 所示為制作的一個店鋪節(jié)日 POP，目的是演示基本繪圖工具的使用方法。2.2 案例解析 2.2.1解題思路 該 POP 廣告是懸掛于店鋪內(nèi)，為了營造節(jié)日氣氛而設(shè)計制作的。為了緊扣主題，畫面采用暖色調(diào)，以營造溫馨的氛圍。背景采用心與心疊加在一起的圖形效果作為襯托，主體文字使用手繪效果創(chuàng)建，用以表現(xiàn)輕松、浪漫、溫馨的節(jié)日氣氛。1.2 案例解析 2.2.2難點(diǎn)剖析 使用【鉛筆工具】繪制心形圖形。 使用【鉛筆工具】繪制文字圖形。 Illust

2、rator CS6 提供了多種繪制幾何圖形的工具。熟悉并掌握這些基礎(chǔ)圖形的繪制和編輯方法，是創(chuàng)建復(fù)雜圖形作品的基礎(chǔ)。2.3 相關(guān)知識2.3.1繪制基本圖形2.3 相關(guān)知識使用工具箱中的【矩形工具】 可以創(chuàng)建簡單的矩形，還可以通過該工具的對話框精確地設(shè)置矩形的寬度和高度。1.矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識1）使用矩形工具繪制矩形使用【矩形工具】 在視圖中直接拖動可繪制矩形。（1）單擊工具箱中的【矩形工具】按鈕 。（2）移動鼠標(biāo)指針至頁面中，當(dāng)鼠標(biāo)指針變成“”形狀時，確定矩形的起點(diǎn)位置，然后按下鼠標(biāo)左鍵向任意傾斜方向拖動，頁面中將會出現(xiàn)一個藍(lán)色的外框，隨著鼠標(biāo)的拖動而改變大小和形狀

3、。1.矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識當(dāng)釋放鼠標(biāo)按鍵后，即完成矩形的繪制。此時矩形將處于被選中狀態(tài)，如圖 2-2 所示。藍(lán)色的矩形選擇框顯示的就是矩形的大小，用戶拖動的距離和角度將決定它的寬度和高度。1.矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識1.矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識2）配合鍵盤繪制矩形在繪制矩形時，可配合使用鍵盤上的一些按鍵。單擊工具箱中的【矩形工具】按鈕 ，移動鼠標(biāo)指針至頁面中，然后按住【Alt】鍵，鼠標(biāo)指針將變成 形狀，拖動鼠標(biāo)即可繪制出以中心點(diǎn)向外擴(kuò)展的矩形，效果如圖 2-3 所示。1.矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識1.矩形

4、工具2.3.1繪制基本圖形2.3 相關(guān)知識在繪制矩形的過程中，按下【Shift】鍵，將會繪制出一個正方形；而同時按下【Shift+Alt】鍵，將繪制出以單擊處為中心向外擴(kuò)展的正方形，如圖 2-4 所示；按下【】鍵，按下鼠標(biāo)左鍵并向不同的方向拖動，即可繪制出多個不同大小的矩形，效果如圖 2-5 所示。1.矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識1.矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識3）精確繪制矩形通過【矩形】對話框可以精確地控制矩形的高度和寬度，具體操作步驟如下。（1）選擇工具箱中的【矩形工具】 。（2）移動鼠標(biāo)指針至頁面中的任意位置并單擊，此時將彈出【矩形】對話框，如圖 2-

5、6 所示。1.矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識1.矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識（3）在【矩形】對話框中，用戶可以根據(jù)需要在【寬度】和【高度】文本框中設(shè)置矩形的寬度和高度，如圖 2-7 所示。單擊【確定】按鈕后，就會根據(jù)用戶所設(shè)置的參數(shù)值，在頁面中顯示出相應(yīng)大小的矩形，單擊【取消】按鈕，將關(guān)閉對話框并取消繪制矩形的操作。1.矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識1.矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識2. 圓角矩形工具單擊【圓角矩形工具】按鈕 后，可以直接在工作頁面上拖動鼠標(biāo)繪制圓角矩形。要繪制精確的圓角矩形，選擇【圓角矩形工具】 后在頁面中單擊

6、，彈出圖 2-8 所示的【圓角矩形】對話框，在【寬度】和【高度】文本框中輸入數(shù)值，在【圓角半徑】文本框中輸入圓角半徑值，按照定義的大小和圓角半徑繪制圓角矩形圖形。2.3.1繪制基本圖形2.3 相關(guān)知識2. 圓角矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識3. 橢圓工具選擇【橢圓工具】 ，在工作頁面上拖動鼠標(biāo)可繪制橢圓形。或在頁面中單擊，彈出【橢圓】對話框。在【寬度】和【高度】文本框中輸入數(shù)值，按照定義的大小繪制橢圓形，如圖 2-9 所示。2.3.1繪制基本圖形2.3 相關(guān)知識3. 橢圓工具2.3.1繪制基本圖形2.3 相關(guān)知識4. 多邊形工具【多邊形工具】 繪制的多邊形都是規(guī)則的正多邊形。要

7、繪制精確的多邊形圖形，可選擇【多邊形工具】 后在頁面中單擊，彈出【多邊形】對話框，在【半徑】文本框中輸入多邊形的半徑大小，在【邊數(shù)】文本框中設(shè)置多邊形的邊數(shù)，可以按照定義的半徑大小和邊數(shù)繪制多邊形，如圖 2-10 所示。2.3.1繪制基本圖形2.3 相關(guān)知識4. 多邊形工具2.3.1繪制基本圖形2.3 相關(guān)知識5. 星形工具使用【星形工具】 可以繪制不同形狀的星形圖形，使用該工具在頁面中單擊，可彈出【星形】對話框，在【半徑 1】文本框中設(shè)置所繪制星形圖形內(nèi)側(cè)點(diǎn)到星形中心的距離，在【半徑 2】文本框中設(shè)置所繪制星形圖形外側(cè)點(diǎn)到星形中心的距離，在【角點(diǎn)數(shù)】文本框中設(shè)置所繪制星形圖形的角數(shù)，如圖 2

8、-11 所示。2.3.1繪制基本圖形2.3 相關(guān)知識5. 星形工具2.3.2手繪圖形2.3 相關(guān)知識1鉛筆工具在使用【鉛筆工具】 時，不論繪制開放的還是封閉的路徑，都像在紙張上繪制一樣方便。如果需要繪制一條封閉的路徑，選中該工具后，按住【Alt】鍵開始繪制，直至繪制完畢。在工具箱中雙擊【鉛筆工具】 ，彈出如圖 2-15 所示的【鉛筆工具選項】對話框。2.3.2手繪圖形2.3 相關(guān)知識1鉛筆工具2.3.2手繪圖形2.3 相關(guān)知識1鉛筆工具【鉛筆工具選項】對話框中各選項介紹如下。 保真度：控制曲線偏離鼠標(biāo)原始軌跡的程度，保真度數(shù)值越低，得到的曲線的棱角就越多；數(shù)值越高，曲線越平滑，也就越接近鼠標(biāo)的

9、原始軌跡。 平滑度：設(shè)置【鉛筆工具】使用時的平滑程度，數(shù)值越高越平滑。2.3.2手繪圖形2.3 相關(guān)知識1鉛筆工具 保持選定：選中該復(fù)選框可以在繪制路徑之后仍然保持路徑處于被選中的狀態(tài)。 編輯所選路徑：選中該復(fù)選框可以對選擇的路徑進(jìn)行編輯。2.3.2手繪圖形2.3 相關(guān)知識2平滑工具和路徑橡皮擦工具如果要使用【平滑工具】 ，就要保證處理的路徑處于被選中的狀態(tài)，然后在工具箱中選擇該工具，在路徑上平滑的區(qū)域內(nèi)拖動，如圖 2-16 所示。如果要使用【路徑橡皮擦工具】 ，就要保證處理的路徑處于被選中的狀態(tài)，然后在工具箱中選擇該工具，清除路徑或筆畫的一部分，效果如圖 2-17 所示。2.3.2手繪圖形2

10、.3 相關(guān)知識2平滑工具和路徑橡皮擦工具2.3.2手繪圖形2.3 相關(guān)知識2平滑工具和路徑橡皮擦工具2.3.3光暈工具2.3 相關(guān)知識使用【光暈工具】 可以很方便地繪制出光暈效果，如圖 2-18 所示。雙擊工具箱中的【光暈工具】按鈕 ，也可以在選擇【光暈工具】 的前提下按【Enter】鍵，或在頁面中單擊，都可彈出圖 2-19 所示的【光暈工具選項】對話框。2.3.3光暈工具2.3 相關(guān)知識2.3.3光暈工具2.3 相關(guān)知識2.3.3光暈工具2.3 相關(guān)知識選擇【光暈工具】 后可以直接在工作頁面上拖動鼠標(biāo)確定光暈效果的整體大小。釋放鼠標(biāo)后，移動指針至合適位置，確定光暈效果的長度，單擊即可完成光暈

11、效果的繪制。2.3.3光暈工具2.3 相關(guān)知識【光暈工具選項】對話框中各選項介紹如下。 居中：【直徑】參數(shù)用來控制閃耀效果的整體大小，【不透明度】參數(shù)用來控制光暈效果的透明度，【亮度】參數(shù)用來控制光暈效果的亮度。 光暈：【增大】參數(shù)用來控制光暈效果的發(fā)光程度，【模糊度】參數(shù)用來控制光暈效果中光暈的柔和程度。2.3.3光暈工具2.3 相關(guān)知識 射線：【數(shù)量】參數(shù)用來控制光暈效果中放射線的數(shù)量，【最長】參數(shù)用來控制光暈效果中放射線的長度，【模糊度】參數(shù)用來控制光暈效果中放射線的密度。2.3.3光暈工具2.3 相關(guān)知識 環(huán)形：【路徑】參數(shù)用來控制光暈效果中心與末端的距離，【數(shù)量】參數(shù)用來控制光暈效果

12、中光環(huán)的數(shù)量，【最大】參數(shù)用來控制光暈效果中光環(huán)的最大比例，【方向】參數(shù)用來控制光暈效果的發(fā)射角度。2.3.4線形工具2.3 相關(guān)知識1. 直線段工具【直線段工具】 可以在頁面上繪制直線。選擇該工具后在視圖中單擊并拖動鼠標(biāo)，釋放后即完成直線段的繪制。2.3.4線形工具2.3 相關(guān)知識2. 弧形工具選擇【弧形工具】 后可以直接在工作頁面上拖動鼠標(biāo)繪制弧線。如果要精確繪制弧線，選擇【弧形工具】 后在頁面中單擊，彈出圖 2-20 所示的【弧線段工具選項】對話框。2.3.4線形工具2.3 相關(guān)知識2. 弧形工具2.3.4線形工具2.3 相關(guān)知識3. 螺旋線工具使用【螺旋線工具】 可以繪制螺旋形。選擇該

13、工具后在頁面中單擊，彈出圖 2-21 所示的【螺旋線】對話框。【螺旋線】對話框中各選項介紹如下。 半徑：可以定義渦形中最外側(cè)點(diǎn)到中心點(diǎn)的距離。2.3.4線形工具2.3 相關(guān)知識3. 螺旋線工具2.3.4線形工具2.3 相關(guān)知識3. 螺旋線工具 衰減：可以定義每個旋轉(zhuǎn)圈相對于前面的圈減少的量。 段數(shù)：可以定義段數(shù)，即螺旋圈由多少段組成。 樣式：可以選擇逆時針或順時針方向來指定螺旋形的旋轉(zhuǎn)方向。2.3.4線形工具2.3 相關(guān)知識4. 矩形網(wǎng)格工具使用【矩形網(wǎng)格工具】 可以創(chuàng)建矩形網(wǎng)格。選擇該工具后在頁面中單擊打開圖 2-22 所示的【矩形網(wǎng)格工具選項】對話框?！揪匦尉W(wǎng)格工具選項】對話框中各選項介紹

14、如下。2.3.4線形工具2.3 相關(guān)知識4. 矩形網(wǎng)格工具2.3.4線形工具2.3 相關(guān)知識4. 矩形網(wǎng)格工具 默認(rèn)大?。河脕碓O(shè)置網(wǎng)格的寬度和高度。 水平分隔線：用來設(shè)置網(wǎng)格在水平方向上網(wǎng)格線的數(shù)量及網(wǎng)格間距。 垂直分隔線：用來設(shè)置網(wǎng)格在垂直方向上網(wǎng)格線的數(shù)量及網(wǎng)格間距。2.3.4線形工具2.3 相關(guān)知識5. 極坐標(biāo)網(wǎng)格工具使用【極坐標(biāo)網(wǎng)格工具】 可以繪制類似同心圓的放射線效果。選擇【極坐標(biāo)網(wǎng)格工具】后在頁面中單擊，將會彈出圖 2-23 所示的【極坐標(biāo)網(wǎng)格工具選項】對話框。2.3.4線形工具2.3 相關(guān)知識5. 極坐標(biāo)網(wǎng)格工具2.3.5編輯圖形2.3 相關(guān)知識【剪刀工具】 用于在特定點(diǎn)剪切路徑

15、，使用【剪刀工具】 在一條路徑上單擊，可以將一條開放的路徑分成兩條，或者將一條閉合的路徑拆分成一條或多條開放的路徑。若單擊路徑的位置位于一段路徑的中間，1. 剪刀工具2.3.5編輯圖形2.3 相關(guān)知識則單擊的位置上會有兩個重合的新節(jié)點(diǎn)；若在一個節(jié)點(diǎn)上單擊，則在原來的節(jié)點(diǎn)上面將出現(xiàn)一個新的節(jié)點(diǎn)。對于剪切后的路徑，可以使用【直接選擇工具】 或【轉(zhuǎn)換節(jié)點(diǎn)工具】 進(jìn)行進(jìn)一步編輯。1. 剪刀工具2.3.5編輯圖形2.3 相關(guān)知識使用【橡皮擦工具】 可以刪除對象中不再需要的部分，當(dāng)擦除中影響了對象的路徑時，【橡皮擦工具】會自動進(jìn)行調(diào)整，所有使用了【橡皮擦工具】 的對象邊緣都將轉(zhuǎn)變?yōu)槠交瑢ο螅鐖D 2-25

16、 所示。2. 橡皮擦工具2.3.5編輯圖形2.3 相關(guān)知識2.3.5編輯圖形2.3 相關(guān)知識寬度工具組中的工具主要是對路徑圖形進(jìn)行變形操作，從而使圖形的變化更加多樣化。當(dāng)選中變形寬度組中的某個工具時，雙擊按鈕都會彈出相應(yīng)的選項對話框，如圖 2-26 所示。變形工具組中 7 個工具選項對話框的各項參數(shù)相同或相近，對話框中的各項參數(shù)說明如下。3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識 寬度與高度：筆刷的大小。 角度：筆刷的角度。 強(qiáng)度：筆刷的強(qiáng)度。3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識 細(xì)節(jié)：控制對變形細(xì)節(jié)的處理，數(shù)值越大處理結(jié)果越細(xì)膩，數(shù)值越小處理結(jié)果越粗糙。 簡化：變形過程

17、中產(chǎn)生大量節(jié)點(diǎn)，可按照此處的設(shè)定對節(jié)點(diǎn)進(jìn)行簡化，以減小對象的復(fù)雜程度。3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識1）寬度工具【寬度工具】 用來對曲線的編輯進(jìn)行調(diào)整，可在曲線上任意點(diǎn)添加錨點(diǎn)，單擊拖動錨點(diǎn)即可更改曲線的寬度，使其變粗或變細(xì)，如圖 2-27 所示。3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識1）寬度工具【寬度工具】 用來對曲線的編輯進(jìn)行調(diào)整，可在曲線上任意點(diǎn)添加錨點(diǎn)，單擊拖動錨點(diǎn)即可更改曲線的寬度，使其變粗或變細(xì)，如圖 2-27 所示。3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識3. 寬度工具組2.3.5編輯圖形

18、2.3 相關(guān)知識2）變形工具【變形工具】用手指涂抹的方式對矢量線條進(jìn)行變形，如圖 2-28 所示。還可以對置入的位圖圖形進(jìn)行變形，得到有趣的效果，如圖 2-29 所示。3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識3）旋轉(zhuǎn)扭曲工具【旋轉(zhuǎn)扭曲工具】可對圖形進(jìn)行旋轉(zhuǎn)扭曲變形，作用區(qū)域和力度由預(yù)設(shè)參數(shù)決定，如圖 2-30所示。4）聚攏工具【聚攏工具】可對圖形進(jìn)行擠壓收縮變形，作用區(qū)域和力度由預(yù)設(shè)參數(shù)決定，如圖 2-31 所示。3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識3. 寬度工具組2.3

19、.5編輯圖形2.3 相關(guān)知識3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識5）膨脹工具【膨脹工具】可對圖形進(jìn)行擴(kuò)張膨脹變形。6）扇貝工具【扇貝工具】可對圖形產(chǎn)生細(xì)小的褶皺狀變形。3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識7）晶格化工具【晶格化工具】可以向?qū)ο蟮妮喞砑与S機(jī)錐化的細(xì)節(jié)，產(chǎn)生細(xì)小的尖角和凸起的變形效果。8）褶皺工具【褶皺工具】可以向?qū)ο蟮妮喞砑宇愃朴隈薨櫟募?xì)節(jié)，產(chǎn)生局部無序、碎化的變形效果。3. 寬度工具組2.3.5編輯圖形2.3 相關(guān)知識【路徑查找器】調(diào)板中的按鈕命令可以改變不同對象之間的相交方式。執(zhí)行【窗口】|【路徑查找器】命令，即可打開【路徑查找器】調(diào)板，如圖

20、2-36 所示。4. 【路徑查找器】調(diào)板2.3.5編輯圖形2.3 相關(guān)知識4. 【路徑查找器】調(diào)板2.3.5編輯圖形2.3 相關(guān)知識【路徑查找器】調(diào)板中命令的使用方法及效果介紹如下?！韭?lián)集】 ：可以將兩個或多個路徑對象合并成一個圖形，效果如圖 2-37 所示。4. 【路徑查找器】調(diào)板2.3.5編輯圖形2.3 相關(guān)知識4. 【路徑查找器】調(diào)板2.3.5編輯圖形2.3 相關(guān)知識【減去頂層】 【交集】 【差集】 【分割】 【修邊】 【合并】 【裁剪】 【輪廓】 【減去后方對象】 4. 【路徑查找器】調(diào)板2.4 操作步驟01 新建文檔。02 使用【矩形工具】 繪制與頁面大小相同的矩形。03 選擇繪制的矩形，設(shè)置顏色為粉色。0