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

1、案例6 制作折頁宣傳頁 創(chuàng)建和編輯文本目錄6.1 案例描述 6.2 案例解析 6.3 相關(guān)知識6.4 操作步驟6.5 實訓(xùn)演練6.1 案例描述圖 6-1 所示為一個折頁宣傳頁。6.2 案例解析 6.2.1解題思路英語班的宣傳頁是個雙面的折頁宣傳頁，用來宣傳英語班的特色服務(wù)。整個宣傳頁包括封面和制作折頁宣傳頁 創(chuàng)建和編輯文本封底共 4 面，采用黃色為背景色，搭配綠色、紅色等顏色，以體現(xiàn)一種明快的色調(diào)。在圖形的裝飾上也盡量采用造型簡潔、色彩明亮的卡通兒童、星星圖形作為裝飾，使人們在瀏覽該宣傳頁時，可以保持一種輕松的心情，以便更好地了解和接收宣傳頁所要傳達(dá)的信息。6.2 案例解析 6.2.2難點剖析

2、 在頁面中添加參考線。 使用【矩形工具】繪制背景圖形。使用【橢圓工具】和【鋼筆工具】繪制標(biāo)志和裝飾圖形。使用【文字工具】添加文字信息。 Illustrator CS6 作為功能強(qiáng)大的矢量繪圖軟件，提供了十分強(qiáng)大的文本處理和圖文混排功能，不僅可以像其他文字處理軟件一樣排版大段文字，還可以把文字作為對象來處理，即充分利用Illustrator CS6 中強(qiáng)大的圖形處理能力來修飾文本，創(chuàng)建絢麗多彩的文字效果。6.3 相關(guān)知識6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識選擇【文字工具】 或【直排文字工具】 ，可以直接輸入沿水平方向和垂直方向排列的文本。1）創(chuàng)建點文本當(dāng)需要輸入少量文字時，可使用【文字

3、工具】 或【直排文字工具】 在繪圖頁面中單擊，出現(xiàn)插入文本光標(biāo)，此時就可以輸入文本。1. 創(chuàng)建點文本和段落文本6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識輸入的文字獨立成行，不會自動換行，當(dāng)需要換行時，按【Enter】鍵開始新的一行，如圖 6-3 所示。2）輸入段落文本要輸入大段的文字，可使用【文字工具】 或【直排文字工具】 在頁面中單擊并拖動鼠標(biāo)，1. 創(chuàng)建點文本和段落文本6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識1. 創(chuàng)建點文本和段落文本6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識此時將出現(xiàn)一個文本框，拖動文本框到適當(dāng)大小后釋放鼠標(biāo)左鍵，創(chuàng)建文本框，此時即可輸入文字，創(chuàng)建出段落文本

4、，如圖 6-4 所示。1. 創(chuàng)建點文本和段落文本6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識1. 創(chuàng)建點文本和段落文本6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識選取一個圖形對象，如方形、圓形或是不規(guī)則的圖形，選擇【文字工具】 或【區(qū)域文字工具】 ，將光標(biāo)移動到圖形內(nèi)部路徑的邊緣上單擊，此時路徑圖形中將出現(xiàn)閃動的光標(biāo)，如果圖形帶有描邊色和填充色，則其屬性將變?yōu)闊o色，圖形對象轉(zhuǎn)換為文本路徑，此時可輸入文本，如圖 6-6 所示。2. 創(chuàng)建區(qū)域文本6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識2. 創(chuàng)建區(qū)域文本6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識如果輸入的文字超出了文本路徑所能容納的范

5、圍，將出現(xiàn)文本溢出現(xiàn)象，會顯示“+”標(biāo)記。使用【選擇工具】 和【直接選擇工具】 選中文本路徑，調(diào)整文本路徑周圍的控制點來調(diào)整文本路徑的大小，可以顯示所有文字。使用【直排文字工具】 或【直排區(qū)域文字工具】 與使用【區(qū)域文字工具】 的方法相同，在文本路徑中可以創(chuàng)建豎排文字，如圖 6-7 所示。2. 創(chuàng)建區(qū)域文本6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識2. 創(chuàng)建區(qū)域文本6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識使用【路徑文字工具】 和【直排路徑文字工具】 可以在頁面中輸入沿開放或閉合路徑邊緣排列的文字，在使用這兩種工具時，當(dāng)前頁面中必須先選擇一個路徑，然后進(jìn)行文字輸入。使用【鋼筆工具】 在

6、頁面中繪制一個路徑，選擇【路徑文字工具】 ，3. 創(chuàng)建文本繞排路徑6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識將光標(biāo)放置在曲線路徑的邊緣處單擊，將出現(xiàn)閃動的光標(biāo)，此時的路徑轉(zhuǎn)換為文本路徑，原來的路徑將不再具有描邊或填充的屬性。此時即可輸入文字，輸入的文字將按照路徑排列，文字的基線與路徑是平行的，如圖 6-8 所示。3. 創(chuàng)建文本繞排路徑6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識3. 創(chuàng)建文本繞排路徑6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識創(chuàng)建完文本后，可使用【選擇工具】 等工具對文本大小、旋轉(zhuǎn)方向等進(jìn)行編輯。在編輯文本之前，首先選擇要編輯的文本內(nèi)容。選擇【文字工具】 ，移動鼠標(biāo)指針

7、到文本上，單擊插入光標(biāo)并按住鼠標(biāo)左鍵拖動，即可選中部分文本。選中的文本將反白顯示，如圖 6-11所示。4. 編輯文本6.3.1創(chuàng)建點文本和段落文本6.3 相關(guān)知識4. 編輯文本6.3.2設(shè)置字符格式和段落格式6.3 相關(guān)知識1. 字符格式添加文本后，可根據(jù)需要設(shè)置字符的格式，如文本字體、大小、字距、行距等屬性，字符格式?jīng)Q定了文本在頁面上的外觀。用戶既可通過在菜單中設(shè)置字符格式，也可以在【字符】調(diào)板中設(shè)置字符格式。先使用【文字工具】選中所要設(shè)置字符格式的文字，然后執(zhí)行【窗口】|【文字】|【字符】命令，或按【Ctrl+T】快捷鍵，彈出【字符】調(diào)板進(jìn)行設(shè)置，如圖 6-15 所示。6.3.2設(shè)置字符格

8、式和段落格式6.3 相關(guān)知識1. 字符格式6.3.2設(shè)置字符格式和段落格式6.3 相關(guān)知識2. 設(shè)置段落段落是位于一個段落回車符前的所有相鄰的文本。段落格式是指為段落在頁面上定義的外觀格式，包括對齊方式、段落縮進(jìn)、段落間距、制表符的位置等。用戶可以對所選擇的段落應(yīng)用段落格式，或者改變具有某個特定段落樣式的所有段落的格式。6.3.2設(shè)置字符格式和段落格式6.3 相關(guān)知識2. 設(shè)置段落先用文字工具選取所要設(shè)定段落格式的段落，然后執(zhí)行【窗口】|【文字】|【段落】命令，或按【Ctrl+Alt+T】快捷鍵，彈出【段落】調(diào)板，如圖 6-20 所示，可以設(shè)置段落的對齊方式、左右縮進(jìn)、段間距和連字符等。6.3

9、.2設(shè)置字符格式和段落格式6.3 相關(guān)知識2. 設(shè)置段落6.3.2設(shè)置字符格式和段落格式6.3 相關(guān)知識2. 設(shè)置段落1）設(shè)置段落縮進(jìn)2）設(shè)置段落間距3）設(shè)置對齊方式6.3.2設(shè)置字符格式和段落格式6.3 相關(guān)知識2. 設(shè)置段落4）設(shè)置智能標(biāo)點5）設(shè)置連字6）添加避頭尾法則6.3.3設(shè)置制表符6.3 相關(guān)知識1使用【制表符】調(diào)板設(shè)置縮進(jìn)使用【制表符】設(shè)置文本的操作步驟如下。（1）使用【文字工具】 在視圖中輸入段落文本，在需要加入的文字前單擊，此時會出現(xiàn)閃動的文字插入光標(biāo)，按【Tab】鍵加入空格。使用同樣的方法在其他需要對齊的文字前加入空格，如圖 6-28 所示。6.3.3設(shè)置制表符6.3 相關(guān)

10、知識1使用【制表符】調(diào)板設(shè)置縮進(jìn)6.3.3設(shè)置制表符6.3 相關(guān)知識1使用【制表符】調(diào)板設(shè)置縮進(jìn)（2）執(zhí)行【窗口】|【文字】|【制表符】命令或按【Ctrl+Shift+T】快捷鍵，彈出【制表符】調(diào)板，單擊【居中對齊制表符】按鈕 ，之后在標(biāo)尺欄中單擊，添加居中對齊標(biāo)記，如圖 6-29 所示。（3）繼續(xù)使用【居中對齊制表符】按鈕 在標(biāo)尺欄中設(shè)置對齊效果，對齊文本，如圖 6-30 所示。6.3.3設(shè)置制表符6.3 相關(guān)知識1使用【制表符】調(diào)板設(shè)置縮進(jìn)6.3.3設(shè)置制表符6.3 相關(guān)知識1使用【制表符】調(diào)板設(shè)置縮進(jìn)6.3.3設(shè)置制表符6.3 相關(guān)知識2設(shè)置懸浮縮進(jìn)在 Illustrator CS6 中

11、使用懸浮縮進(jìn)，可以實現(xiàn)段落縮進(jìn)的效果，具體操作步驟如下。（1）使用【文字工具】 選中要設(shè)置懸浮縮排的文本，如圖 6-31 所示。6.3.3設(shè)置制表符6.3 相關(guān)知識2設(shè)置懸浮縮進(jìn)6.3.3設(shè)置制表符6.3 相關(guān)知識2設(shè)置懸浮縮進(jìn)（2）執(zhí)行【窗口】|【文字】|【制表符】命令或按【Ctrl+Shift+T】快捷鍵，彈出【制表符】調(diào)板，移動鼠標(biāo)至標(biāo)尺欄的左端，單擊并拖動頂端下面的三角形向右拖動，設(shè)置懸浮縮進(jìn)，如圖 6-32 所示。6.3.3設(shè)置制表符6.3 相關(guān)知識2設(shè)置懸浮縮進(jìn)6.3.3設(shè)置制表符6.3 相關(guān)知識3設(shè)置小數(shù)點對齊選中文本，使用【文字工具】 在每個要對齊的數(shù)字前加入一個 Tab 空格

12、。執(zhí)行【窗口】|【文字】|【制表符】命令或按【Ctrl+Shift+T】快捷鍵，彈出【制表符】調(diào)板。在【制表符】調(diào)板中，單擊【小數(shù)點對齊制表符】按鈕 ，在標(biāo)尺的適當(dāng)位置單擊放置制表符，得到小數(shù)點對齊的效果，如圖 6-33 所示。6.3.3設(shè)置制表符6.3 相關(guān)知識3設(shè)置小數(shù)點對齊6.3.3設(shè)置制表符6.3 相關(guān)知識4制表符前導(dǎo)符制表符前導(dǎo)符是指起指引作用的直線段，目的是使目錄或清單更加清晰明了，沿前導(dǎo)符可方便地閱讀兩邊內(nèi)容或條目。使用【文字工具】 在要設(shè)置制表符前導(dǎo)符的文字前加入一個 Tab 空格，按【Ctrl+Shift+T】快捷鍵打開【制表符】調(diào)板。6.3.3設(shè)置制表符6.3 相關(guān)知識4制

13、表符前導(dǎo)符在標(biāo)尺的適當(dāng)位置單擊，首先定義制表符，其次在【前導(dǎo)符】文本框中輸入字符，如“-”“+”等，最后按【Enter】鍵完成設(shè)置，在制表符的寬度范圍內(nèi)將重復(fù)顯示所輸入的字符，如圖 6-34 所示。6.3.3設(shè)置制表符6.3 相關(guān)知識4制表符前導(dǎo)符6.3.4將文本轉(zhuǎn)換為圖形6.3 相關(guān)知識文字和圖形一樣，具有填充和描邊屬性，也可以填充各種顏色、圖案等。但如果想對文本添加漸變效果，或是針對文本外觀進(jìn)行設(shè)計變化，就需要將文本轉(zhuǎn)化為輪廓。使用【選擇工具】 選中文本對象，執(zhí)行【文字】|【創(chuàng)建輪廓】命令或按【Ctrl+Shift+O】快捷鍵，將文本轉(zhuǎn)換為普通路徑，如圖 6-35 所示。轉(zhuǎn)換為圖形后的文本

14、即可添加漸變效果。6.3.4將文本轉(zhuǎn)換為圖形6.3 相關(guān)知識6.3.5使用文本鏈接和分欄功能6.3 相關(guān)知識1文本鏈接在創(chuàng)建大量文本時，可以將文本框中多余的文本鏈接到另一個文本框中，并且可以創(chuàng)建多個文本框的鏈接。6.3.5使用文本鏈接和分欄功能6.3 相關(guān)知識2為文本分欄所謂分欄，就是將含有大段文本的一個文本框分成若干小文本框，目的就是便于閱讀和編排。選中文本框，執(zhí)行【文字】|【區(qū)域文字選項】命令，打開【區(qū)域文字選項】對話框，如圖 6-39所示。6.3.5使用文本鏈接和分欄功能6.3 相關(guān)知識2為文本分欄6.3.5使用文本鏈接和分欄功能6.3 相關(guān)知識2為文本分欄在【行】選項組【數(shù)量】參數(shù)欄中

15、輸入行數(shù)，所有的行自定義為相同的高度。建立文本分欄后可以改變各行的高度，【跨距】參數(shù)欄用于設(shè)置行的高度。在【列】選項組【數(shù)量】參數(shù)欄中輸入列數(shù)，所有的欄自定義為相同的寬度。6.3.5使用文本鏈接和分欄功能6.3 相關(guān)知識2為文本分欄建立文本分欄后可以改變各欄的寬度，【跨距】參數(shù)欄用于設(shè)置欄的寬度。單擊【文本排列】選項后的圖標(biāo)按鈕，選擇一種文本流在鏈接時的排列方式，每個圖標(biāo)上的方向箭頭指明了文本流的方向。6.3.6圖文混排6.3 相關(guān)知識使用 Illustrator CS6 中的圖文混排功能，可以實現(xiàn)文本圍繞著圖形對象的輪廓線進(jìn)行排列的效果。這里提到的文本必須是文本框中的大段文本或區(qū)域文本，而不能是點文本或路徑文本。在文本中插入的圖形除用畫筆工具創(chuàng)建的對象外，可以是任意形狀的圖形，如自由形狀的路徑或混合對象，甚至可以是置入的位圖。6.3.6圖文混排6.3 相關(guān)知識在進(jìn)行圖文混排時，必須使圖形位于文本前面，如果是在創(chuàng)建圖形后才輸入文本，那么可執(zhí)行【排列】|【前移一層】命令或【排列】|【置于頂層】命令將圖形對象放置在文本前面。（1）使用選擇工具同時選中文本和圖形對象，如圖 6-40 所示。6.3.6圖文混排6.3 相關(guān)知識6.4 操 作 步 驟1. 繪制折頁封面2. 繪制對折頁背面6.5 實 訓(xùn) 演 練圖 6-66 是一幅家居店的海報設(shè)計，是為了告訴廣大消