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

1、案例9 設(shè)計(jì)字效 效果的使用目錄9.1 案例描述 9.2 案例解析 9.3 相關(guān)知識(shí)9.4 操作步驟9.5 實(shí)訓(xùn)演練9.1 案例描述圖 9-1 為制作的一個(gè)字效設(shè)計(jì)。9.2 案例解析 9.2.1解題思路 該案例是一個(gè)精巧的字效設(shè)計(jì)，內(nèi)容是 3 個(gè)英文字母。利用【效果】菜單中的【濾鏡】命令為字母添加變形、模糊等效果，得到一個(gè)色彩明亮、外形可愛的文字造型。9.2 案例解析 9.2.2難點(diǎn)剖析 掌握內(nèi)發(fā)光、波紋效果、投影、高斯模糊效果的使用方法。掌握變形命令等功能在實(shí)際繪圖中的方法。9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí)使用【變形】效果菜單中的命令可以為對(duì)象添加變形效果，可以應(yīng)用到對(duì)象、組

2、合和圖層中。首先選中對(duì)象、組合或圖層，然后執(zhí)行【變形】菜單中的任意子菜單即可。1. 變形9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí)1. 變形9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí)該菜單下有 15 種不同的變形效果，它們擁有一個(gè)相同的設(shè)置對(duì)話框【變形選項(xiàng)】對(duì)話框，如圖 9-2 所示。用戶可以在【樣式】下拉列表框中選擇不同的變形效果，其選項(xiàng)與 15 種變形效果相同，然后改變相關(guān)設(shè)置即可得到所需的變形效果。1. 變形9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí)【扭曲和變換】濾鏡組包括【變換】、【扭擰】、【扭轉(zhuǎn)】、【收縮和膨脹】、【波紋效果】、【粗糙化】、【自由扭曲】7 個(gè)濾鏡，可

3、以使圖形產(chǎn)生各種扭曲變形的效果。 變換：該濾鏡可使對(duì)象產(chǎn)生水平縮放、垂直縮放、水平移動(dòng)、垂直移動(dòng)、旋轉(zhuǎn)、反轉(zhuǎn)等效果。2. 扭曲和變換9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí) 扭擰：隨機(jī)地向內(nèi)或向外彎曲和扭曲路徑段。通過設(shè)置【垂直】和【水平】扭曲，控制圖形變形效果。 扭轉(zhuǎn)：旋轉(zhuǎn)一個(gè)對(duì)象，中心的旋轉(zhuǎn)程度比邊緣的旋轉(zhuǎn)程度大。輸入一個(gè)正值將順時(shí)針扭轉(zhuǎn)；輸入一個(gè)負(fù)值將逆時(shí)針扭轉(zhuǎn)。2. 扭曲和變換9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí) 收縮和膨脹：在將線段向內(nèi)彎曲（收縮）時(shí)，向外拉出矢量對(duì)象的錨點(diǎn)；或在將線段向外彎曲（膨脹）時(shí)，向內(nèi)拉入矢量對(duì)象的錨點(diǎn)。這兩個(gè)選項(xiàng)都可相對(duì)于對(duì)象的中心點(diǎn)來拉

4、出錨點(diǎn)。2. 扭曲和變換9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí) 波紋效果：大小的尖峰和凹谷形成的鋸齒和波形數(shù)組。使用絕對(duì)大小或相對(duì)大小設(shè)置尖峰與凹谷之間的長度。設(shè)置每個(gè)路徑段的隆起數(shù)量，并在波形邊緣（平滑）和鋸齒邊緣（尖銳）之間選擇其一。2. 扭曲和變換9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí) 粗糙化：可將矢量對(duì)象的路徑段變形為各種大小的尖峰和凹谷的鋸齒數(shù)組，使用絕對(duì)大小或相對(duì)大小設(shè)置路徑段的最大長度。 自由扭曲：可以通過拖動(dòng) 4 個(gè)角落任意控制點(diǎn)的方式來改變矢量對(duì)象的形狀。2. 扭曲和變換9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí)【柵格化】效果是將矢量圖形轉(zhuǎn)換為位圖圖

5、形的過程。在柵格化過程中，Illustrator 會(huì)將圖形路徑轉(zhuǎn)換為像素，設(shè)置的柵格化選項(xiàng)將決定結(jié)果像素的大小及特征。選中圖形，執(zhí)行【效果】|【柵格化】命令，彈出【柵格化】對(duì)話框，如圖 9-11 所示。設(shè)置完成后單擊【確定】按鈕，將矢量圖形轉(zhuǎn)變?yōu)槲粓D。3. 柵格化9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí)3. 柵格化9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí)【風(fēng)格化】效果組包括【內(nèi)發(fā)光】、【圓角】、【外發(fā)光】、【投影】、【涂抹】和【羽化】6 個(gè)效果。 內(nèi)發(fā)光：執(zhí)行【濾鏡】|【風(fēng)格化】|【內(nèi)發(fā)光】命令，彈出【內(nèi)發(fā)光】對(duì)話框。設(shè)置完成后單擊【確定】按鈕。4. 風(fēng)格化9.3.1為矢量圖形

6、添加特殊效果9.3 相關(guān)知識(shí)通過【模式】下拉列表框可控制圖層的混合模式，并可以在【不透明度】參數(shù)欄設(shè)置發(fā)光的透明度，在【模糊】參數(shù)欄中控制發(fā)光效果的模糊程度。 圓角：可以將選定圖形的所有類型的角改變?yōu)槠交c(diǎn)。選中圖形并執(zhí)行【濾鏡】|【風(fēng)格化】|【圓角】命令，彈出【圓角】對(duì)話框。設(shè)置完成后單擊【確定】按鈕添加濾鏡效果。4. 風(fēng)格化9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí)在【圓角】對(duì)話框中【半徑】參數(shù)越大，圓角效果越明顯。 外發(fā)光：同【內(nèi)發(fā)光】效果相似，該效果可以創(chuàng)建出模擬外發(fā)光的效果，用戶可在【外發(fā)光】對(duì)話框中設(shè)置發(fā)光的顏色和效果。 投影：可以為選定的對(duì)象添加陰影。執(zhí)行【濾鏡】|【風(fēng)格化

7、】|【投影】命令，彈出【投影】對(duì)話框。4. 風(fēng)格化9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí) 涂抹：可以創(chuàng)建出類似彩筆涂畫的視覺效果。執(zhí)行【效果】|【風(fēng)格化】|【涂抹】命令，打開【涂抹選項(xiàng)】對(duì)話框。在【涂抹選項(xiàng)】對(duì)話框中的【設(shè)置】下拉列表框中預(yù)設(shè)了多種不同的效果可供選擇，用戶可以通過【設(shè)置】選項(xiàng)組中的眾多選項(xiàng)進(jìn)行調(diào)整，創(chuàng)建出自己所喜歡的涂抹效果。4. 風(fēng)格化9.3.1為矢量圖形添加特殊效果9.3 相關(guān)知識(shí) 羽化：可以為選定的路徑添加羽化效果。執(zhí)行【濾鏡】|【風(fēng)格化】|【羽化】命令，即可打開【羽化】對(duì)話框。4. 風(fēng)格化9.3.2位圖濾鏡9.3 相關(guān)知識(shí)1. 效果畫廊通過【效果畫廊】對(duì)話框可

8、以同時(shí)應(yīng)用多個(gè)濾鏡，并預(yù)覽到濾鏡效果，而且可以刪除不需要的濾鏡。執(zhí)行【濾鏡】|【效果畫廊】命令，彈出圖 9-19 所示的對(duì)話框，要同時(shí)使用多個(gè)濾鏡，可以在對(duì)話框的右下角單擊【新建效果圖層】按鈕 ，對(duì)圖形繼續(xù)應(yīng)用一次濾鏡效果，單擊相應(yīng)的效果圖層后便可以應(yīng)用其他濾鏡效果，從而實(shí)現(xiàn)多濾鏡的堆疊。9.3.2位圖濾鏡9.3 相關(guān)知識(shí)1. 效果畫廊9.3.2位圖濾鏡9.3 相關(guān)知識(shí)2. 【像素化】濾鏡組【像素化】濾鏡組包括【彩色半調(diào)】、【晶格化】、【點(diǎn)狀化】和【銅版雕刻】4 個(gè)濾鏡，可以將圖形分塊，圖像由許多小塊組成。 彩色半調(diào)：模擬在圖形的每個(gè)通道上使用放大的半調(diào)網(wǎng)屏的效果。對(duì)于每個(gè)通道，濾鏡將圖形劃分

9、為許多矩形，然后用圓形替換每個(gè)矩形。圓形的大小與矩形的亮度成比例。9.3.2位圖濾鏡9.3 相關(guān)知識(shí)2. 【像素化】濾鏡組輸入一個(gè)以像素為單位的最大半徑值，再為通道輸入一個(gè)網(wǎng)屏角度值（網(wǎng)點(diǎn)與實(shí)際水平線的夾角）。對(duì)于灰度圖形，只能使用通道 1 ；對(duì)于 RGB 圖形，可以使用通道 1、2 和 3，這 3 個(gè)通道分別對(duì)應(yīng)紅色通道、綠色通道與藍(lán)色通道；對(duì)于 CMYK 圖形，可以使用所有 4 個(gè)通道，這 4 個(gè)通道分別對(duì)應(yīng)青色通道、洋紅色通道、黃色通道和黑色通道。9.3.2位圖濾鏡9.3 相關(guān)知識(shí)2. 【像素化】濾鏡組 晶格化：將顏色集結(jié)成塊形成多邊形。 點(diǎn)狀化：將圖形中的顏色分解為隨機(jī)分布的網(wǎng)點(diǎn)，如同

10、點(diǎn)狀化繪畫一樣，并使用背景色作為網(wǎng)點(diǎn)之間的畫布區(qū)域。 銅版雕刻：將圖形轉(zhuǎn)換為黑白區(qū)域的隨機(jī)圖案，或是彩色圖形中完全飽和顏色的隨機(jī)圖案。9.3.2位圖濾鏡9.3 相關(guān)知識(shí)3. 【扭曲】濾鏡組【扭曲】濾鏡組包括【擴(kuò)散亮光】、 【玻璃】和【海洋波紋】3 個(gè)濾鏡，可以將圖形進(jìn)行幾何扭曲。如圖 9-24 所示是執(zhí)行【擴(kuò)散亮光】的效果。 擴(kuò)散亮光：透過一個(gè)柔和的擴(kuò)散濾鏡將圖形渲染成像。濾鏡將透明的白色顆粒添加到圖形上，并從選區(qū)的中心向外漸隱亮光。9.3.2位圖濾鏡9.3 相關(guān)知識(shí)3. 【扭曲】濾鏡組9.3.2位圖濾鏡9.3 相關(guān)知識(shí)3. 【扭曲】濾鏡組 玻璃：透過不同類型的玻璃來觀看圖形?？梢赃x擇一種預(yù)設(shè)

11、的玻璃效果，也可以使用Photoshop 文件創(chuàng)建自己的玻璃面。可以調(diào)整縮放、扭曲和平滑度設(shè)置以及紋理選項(xiàng)。 海洋波紋：將隨機(jī)分隔的波紋添加到圖形上，使圖形看上去像在水中。9.3.2位圖濾鏡9.3 相關(guān)知識(shí)4. 【模糊】濾鏡組【模糊】濾鏡組包括【徑向模糊】、【特殊模糊】和【高斯模糊】3 個(gè)濾鏡，【模糊】濾鏡用于平滑邊緣過于清晰和對(duì)比度過于強(qiáng)烈的區(qū)域，通過降低對(duì)比度柔化圖形邊緣?！灸：繛V鏡通常用于模糊圖形背景，突出前景對(duì)象，或創(chuàng)建柔和的陰影效果。9.3.2位圖濾鏡9.3 相關(guān)知識(shí)4. 【模糊】濾鏡組 徑向模糊：可以將圖形旋轉(zhuǎn)成圓形，或使圖形從中心輻射出去。 特殊模糊：可以創(chuàng)建多種模糊效果，將圖

12、形中的折皺模糊掉，或?qū)⒅丿B的邊緣模糊掉。 高斯模糊：可以快速模糊選區(qū)，產(chǎn)生一種朦朧的效果。9.3.2位圖濾鏡9.3 相關(guān)知識(shí)5. 【素描】濾鏡組【素描】濾鏡組可以模擬現(xiàn)實(shí)生活中的素描、速寫等繪畫效果對(duì)圖形進(jìn)行處理，如圖 9-28 所示。9.3.2位圖濾鏡9.3 相關(guān)知識(shí)5. 【素描】濾鏡組9.3.2位圖濾鏡9.3 相關(guān)知識(shí)6. 【紋理】濾鏡組使用【紋理】濾鏡組可以在圖形中加入各種紋理效果，效果如圖 9-29 所示。9.3.2位圖濾鏡9.3 相關(guān)知識(shí)6. 【紋理】濾鏡組9.3.2位圖濾鏡9.3 相關(guān)知識(shí)7. 【藝術(shù)效果】濾鏡組使用【藝術(shù)效果】濾鏡組可以為照片添加畫派效果，為精美藝術(shù)品或商業(yè)項(xiàng)目制

13、作繪畫效果或特殊效果，如圖 9-30 所示。9.3.2位圖濾鏡9.3 相關(guān)知識(shí)7. 【藝術(shù)效果】濾鏡組9.3.3使用3D效果9.3 相關(guān)知識(shí)1凸出和斜角選中對(duì)象后執(zhí)行【效果】|【3D】|【凸出和斜角】命令，打開【3D 凸出和斜角選項(xiàng)】對(duì)話框，如圖 9-33 所示。【3D 凸出和斜角選項(xiàng)】對(duì)話框中各設(shè)置項(xiàng)說明如下。 凸出厚度：可設(shè)置 2D 對(duì)象需要被擠壓的厚度。9.3.3使用3D效果9.3 相關(guān)知識(shí)1凸出和斜角9.3.3使用3D效果9.3 相關(guān)知識(shí)1凸出和斜角 端點(diǎn)：單擊【開啟端點(diǎn)以建立實(shí)心外觀】按鈕 后，可以創(chuàng)建實(shí)心的 3D 效果；單擊【關(guān)閉端點(diǎn)以建立空心外觀】按鈕 后，可創(chuàng)建空心外觀。 斜角

14、：Illustrator 提供了 10 種不同的斜角樣式供用戶選擇，還可以在后面的參數(shù)欄中設(shè)置數(shù)值來定義傾斜的高度值。9.3.3使用3D效果9.3 相關(guān)知識(shí)2繞轉(zhuǎn)通過繞 Y 軸旋轉(zhuǎn)對(duì)象，可以創(chuàng)建 3D 繞轉(zhuǎn)對(duì)象。選擇對(duì)象后，執(zhí)行【效果】|【3D】|【繞轉(zhuǎn)】命令，在【3D 繞轉(zhuǎn)選項(xiàng)】對(duì)話框中的【角度】參數(shù)欄中輸入 1360的數(shù)值來設(shè)置想要將對(duì)象旋轉(zhuǎn)的角度，或通過滑塊來設(shè)置角度。一個(gè)被旋轉(zhuǎn)了 360的對(duì)象看起來是實(shí)心的，而一個(gè)旋轉(zhuǎn)角度低于 360的對(duì)象會(huì)呈現(xiàn)出被分割開的效果，如圖 9-34 所示。9.3.3使用3D效果9.3 相關(guān)知識(shí)2繞轉(zhuǎn)9.3.3使用3D效果9.3 相關(guān)知識(shí)3旋轉(zhuǎn)執(zhí)行【效果】|

15、【3D】|【旋轉(zhuǎn)】命令，打開【3D 旋轉(zhuǎn)選項(xiàng)】對(duì)話框，該對(duì)話框可用于旋轉(zhuǎn) 2D和 3D 形狀，如圖 9-35 所示?？梢詮摹疚恢谩肯吕斜砜蛑羞x取預(yù)設(shè)的旋轉(zhuǎn)角度，或在 X、Y、Z參數(shù)欄中輸入 -180180的數(shù)值，控制旋轉(zhuǎn)角度。9.3.3使用3D效果9.3 相關(guān)知識(shí)3旋轉(zhuǎn)9.3.3使用3D效果9.3 相關(guān)知識(shí)4增加透視變化在【3D 凸出和斜角選項(xiàng)】對(duì)話框中，可以通過更改【透視】參數(shù)欄的數(shù)值為添加 3D 效果的對(duì)象增加透視變化。小的數(shù)值模擬相機(jī)遠(yuǎn)景的效果，大的數(shù)值模擬相機(jī)廣角的效果。9.3.3使用3D效果9.3 相關(guān)知識(shí)5表面紋理Illustrator 提供了很多選項(xiàng)對(duì) 3D 對(duì)象添加底紋，還可

16、選擇給對(duì)象加上燈光效果，增加更多變化效果。【3D 凸出和斜角選項(xiàng)】對(duì)話框中的【表面】下拉列表框中包含 4 個(gè)選項(xiàng)，如圖 9-36 所示。9.3.3使用3D效果9.3 相關(guān)知識(shí)5表面紋理9.3.3使用3D效果9.3 相關(guān)知識(shí)5表面紋理 線框：選擇該選項(xiàng)后，對(duì)象只顯示透視輪廓線。 無底紋：選擇該選項(xiàng)后，將產(chǎn)生無差別化的表面平面效果。9.3.3使用3D效果9.3 相關(guān)知識(shí)5表面紋理 擴(kuò)散底紋：選擇該選項(xiàng)后，產(chǎn)生的視覺效果是有柔和的光線投射到對(duì)象表面。 塑料效果底紋：選擇該選項(xiàng)會(huì)使添加 3D 效果的對(duì)象產(chǎn)生模擬發(fā)光、反光的塑料效果。9.3.3使用3D效果9.3 相關(guān)知識(shí)6添加貼圖Illustrator 可以將藝術(shù)對(duì)象映射到 2D 或 3D 形狀的表面。單擊【3D 凸出和斜角選項(xiàng)】或是【3D繞轉(zhuǎn)選項(xiàng)】對(duì)話框中的【貼圖】按鈕，可打開【貼圖】對(duì)話框，如圖 9-39 所示。9.3.3使用3D效果9.3 相關(guān)知識(shí)6添加貼圖9.4 操 作 步 驟1. 創(chuàng)建背景效果2. 創(chuàng)建文字變形9.5 實(shí) 訓(xùn) 演 練演出類的海報(bào)設(shè)計(jì)，主要突出的是時(shí)間、事件、地點(diǎn)等主要信息，是否能把這些內(nèi)容清晰、準(zhǔn)確地傳達(dá)給消費(fèi)者，是衡量一幅