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

1、案例2 繪制店鋪節(jié)日 POP 繪制和編輯基本圖形目錄2.1 案例描述 2.2 案例解析 2.3 相關(guān)知識(shí)2.4 操作步驟2.5 實(shí)訓(xùn)演練2.1 案例描述圖 2-1 所示為制作的一個(gè)店鋪節(jié)日 POP，目的是演示基本繪圖工具的使用方法。2.2 案例解析 2.2.1解題思路 該 POP 廣告是懸掛于店鋪內(nèi)，為了營(yíng)造節(jié)日氣氛而設(shè)計(jì)制作的。為了緊扣主題，畫(huà)面采用暖色調(diào)，以營(yíng)造溫馨的氛圍。背景采用心與心疊加在一起的圖形效果作為襯托，主體文字使用手繪效果創(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)知識(shí)2.3.1繪制基本圖形2.3 相關(guān)知識(shí)使用工具箱中的【矩形工具】 可以創(chuàng)建簡(jiǎn)單的矩形，還可以通過(guò)該工具的對(duì)話框精確地設(shè)置矩形的寬度和高度。1.矩形工具2.3.1繪制基本圖形2.3 相關(guān)知識(shí)1）使用矩形工具繪制矩形使用【矩形工具】 在視圖中直接拖動(dòng)可繪制矩形。（1）單擊工具箱中的【矩形工具】按鈕 。（2）移動(dòng)鼠標(biāo)指針至頁(yè)面中，當(dāng)鼠標(biāo)指針變成“”形狀時(shí)，確定矩形的起點(diǎn)位置，然后按下鼠標(biāo)左鍵向任意傾斜方向拖動(dòng)，頁(yè)面中將會(huì)出現(xiàn)一個(gè)藍(lán)色的外框，隨著鼠標(biāo)的拖動(dòng)而改變大小和形狀

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

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

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

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

7、繪制精確的多邊形圖形，可選擇【多邊形工具】 后在頁(yè)面中單擊，彈出【多邊形】對(duì)話框，在【半徑】文本框中輸入多邊形的半徑大小，在【邊數(shù)】文本框中設(shè)置多邊形的邊數(shù)，可以按照定義的半徑大小和邊數(shù)繪制多邊形，如圖 2-10 所示。2.3.1繪制基本圖形2.3 相關(guān)知識(shí)4. 多邊形工具2.3.1繪制基本圖形2.3 相關(guān)知識(shí)5. 星形工具使用【星形工具】 可以繪制不同形狀的星形圖形，使用該工具在頁(yè)面中單擊，可彈出【星形】對(duì)話框，在【半徑 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)知識(shí)5. 星形工具2.3.2手繪圖形2.3 相關(guān)知識(shí)1鉛筆工具在使用【鉛筆工具】 時(shí)，不論繪制開(kāi)放的還是封閉的路徑，都像在紙張上繪制一樣方便。如果需要繪制一條封閉的路徑，選中該工具后，按住【Alt】鍵開(kāi)始繪制，直至繪制完畢。在工具箱中雙擊【鉛筆工具】 ，彈出如圖 2-15 所示的【鉛筆工具選項(xiàng)】對(duì)話框。2.3.2手繪圖形2.3 相關(guān)知識(shí)1鉛筆工具2.3.2手繪圖形2.3 相關(guān)知識(shí)1鉛筆工具【鉛筆工具選項(xiàng)】對(duì)話框中各選項(xiàng)介紹如下。 保真度：控制曲線偏離鼠標(biāo)原始軌跡的程度，保真度數(shù)值越低，得到的曲線的棱角就越多；數(shù)值越高，曲線越平滑，也就越接近鼠標(biāo)的

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

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

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

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

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

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

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

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

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

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

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

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