中文Illustrator CS案例教材

第1章IllustratorCS入門【知識(shí)要點(diǎn)】初識(shí)IllustratorCS了解IllustratorCS工作界面〔工具箱、菜單欄、浮動(dòng)面板〕了解位圖和矢量圖的概念與區(qū)別了解各種色彩模式了解對(duì)象的多種選擇方法熟練掌握選擇工具的使用方法掌握對(duì)象前后順序的調(diào)整掌握對(duì)象的對(duì)齊與分布方法掌握對(duì)象的組合與分割9/24/202311.1

初識(shí)IllustratorCS

一、中文IllustratorCS的界面

1．標(biāo)題欄2．菜單欄〔1〕文件〔File〕〔2〕編輯〔Edit〕〔3〕對(duì)象〔Object〕〔4〕文字〔Type〕〔5〕選擇〔Select〕〔6〕濾鏡〔Filter〕〔7〕效果〔Effect〕〔8〕視圖〔View〕〔9〕窗口〔Window〕〔10〕幫助〔Help〕3．工具箱4．浮動(dòng)面板5．工作平臺(tái)9/24/20232二、工具箱工具分為8組：

1.選取2.繪圖3.變換圖形形狀4.符號(hào)與圖表5.變換填充6.修剪7.填充8.視窗顯示模式

每個(gè)組中帶有小黑三角形標(biāo)志的表示某個(gè)工具里含有一小組工具，單擊該工具并拖曳，就可以展開這小組工具1.1初識(shí)IllustratorCS9/24/20233三、浮動(dòng)面板

浮動(dòng)面板可在菜單欄中的窗口〔Window〕中找到，選擇相關(guān)的命令可顯示或隱藏相對(duì)應(yīng)的浮動(dòng)面板。本圖中翻開了顏色、色樣、圖形樣式和修整幾個(gè)浮動(dòng)面板，可在這些面板上調(diào)整參數(shù)或進(jìn)行相應(yīng)的操作。單擊浮動(dòng)面板中的按鈕，將彈出該面板所包含的菜單命令；而單擊按鈕，將顯示或隱藏局部參數(shù)。1.1初識(shí)IllustratorCS9/24/202341.2

位圖和矢量圖

1．矢量圖

矢量圖像，也稱為面向?qū)ο蟮膱D像，是基于用數(shù)學(xué)方式繪制的曲線或其他幾何圖形，是由輪廓和填充組成的圖形。其圖形元素稱為對(duì)象，而每個(gè)對(duì)象都是一個(gè)自成一體的實(shí)體，它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。矢量的繪圖同分辨率無(wú)關(guān)，在軟件制作中放大或縮小矢量圖而不會(huì)改變其清晰度，也意味著它們可以按最高分辨率將圖形輸出到輸出設(shè)備上。矢量圖的文件大小由圖像的復(fù)雜程度決定，與圖形的大小無(wú)關(guān)，其輪廓清晰、色彩明快，可任意縮放而保持圖像視覺(jué)質(zhì)量等方面的特性受到許多設(shè)計(jì)者的青睞。9/24/202352．位圖位圖圖像，也稱為點(diǎn)陣圖像，是由稱做像素〔圖片元素〕的單個(gè)點(diǎn)組成的，這些點(diǎn)可以進(jìn)行不同的排列和染色以構(gòu)成圖像。每個(gè)像素都指定一個(gè)特定的位置和顏色數(shù)值。處理位圖圖像時(shí)，所處理的是像素，而非物件或形狀。但位圖圖像可以優(yōu)化微小細(xì)節(jié)，更逼真地表現(xiàn)外部世界。位圖一般用于照片的圖像處理，其代表軟件有PhotoShop。數(shù)碼相機(jī)拍攝的相片就是位圖圖片，其分辨率的大小決定了圖像大小，而低分辨率的圖像放大后會(huì)使線條和形狀顯得參差不齊。1.2位圖和矢量圖

放大后邊緣呈鋸齒形9/24/202361.3

色彩模式

色彩模式就是把色彩分解成幾局部的顏色組件，再根據(jù)顏色組件組成的不同，定義出各種不同的顏色。對(duì)顏色組件不同的分類就形成了不同的色彩模式。四種色彩模式:

1．RGB2.CMYK3.HSB4.灰度9/24/202371．RGB色彩模式

RGB色彩模式，它是取之于紅〔Red〕、綠〔Green〕、藍(lán)〔Blue〕三種顏色的英文字母的首字符。通常彩色電視機(jī)或顯示器上的所有顏色，都由紅、綠、藍(lán)三種色光按照不同的比例混合而成。一組紅綠藍(lán)顏色就是一個(gè)最小的顯示單位。屏幕上的任何一個(gè)顏色都可以由一組RGB值來(lái)記錄和表達(dá)。移動(dòng)R、G、B三種顏色下的“△〞滑塊，右邊方框內(nèi)的數(shù)值從0～255呈整數(shù)變化，其大小表示亮度，即有256個(gè)亮度級(jí)別，“0〞為最弱，“255〞為最亮。RGB色彩共能組合出約1678萬(wàn)種色彩，稱為24位色〔2的24次方〕。由于256是2的8次方，也稱為8位通道色。這里的所謂色彩通道，實(shí)際上就是指三種色光各自的亮度范圍。由于RGB色彩模式接近于自然色，所以通常用于彩電和顯示器顯示。圖1.4所示是這三種顏色的組合及級(jí)別標(biāo)注。圖1.4RGB三種顏色及組合1.3色彩模式9/24/202382．CMYK色彩模式

CMYK也稱做印刷色彩模式，它是唯一一種專門針對(duì)印刷業(yè)設(shè)定的顏色標(biāo)準(zhǔn)，是通過(guò)對(duì)青〔Cyan〕、洋紅〔Magenta〕、黃〔Yellow〕、黑〔Black〕四種顏色的變化以及它們相互之間的疊加來(lái)得到各種顏色。CMYK取之于青、洋紅和黃色首字符，黑色取尾字符，以防止和藍(lán)色相混淆。CMYK同時(shí)也代表四種印刷專用的油墨顏色，在印刷上通過(guò)控制青、洋紅、黃、黑四色油墨在紙張上的相疊印刷來(lái)產(chǎn)生色彩，稱之為四色印刷。通過(guò)如圖1.5所示的色彩模式浮動(dòng)面板可以看到CMYK是以百分比來(lái)選擇的，相當(dāng)于油墨的濃度。青、洋紅和黃色組合的顏色如圖1.6所示，從理論上來(lái)說(shuō)，只需要CMY三種油墨就足夠了，它們?nèi)齻€(gè)加在一起就可以得到黑色，但是由于目前制造工藝還不能造出高純度的油墨，CMY相加的結(jié)果實(shí)際是一種暗咖啡色，因此還需要參加一種專門的黑墨來(lái)中和。圖1.5CMYK色彩模式浮動(dòng)面板圖1.6CMY三種顏色及組合1.3色彩模式9/24/202393．HSB色彩模式HSB色彩模式把顏色分為色相〔Hue〕、飽和度〔Saturation〕、明度〔Brightness〕三個(gè)要素，其色彩模式浮動(dòng)面板如圖1.7所示。所謂的色相是指物體固有的顏色〔物體反射的光波〕，以度〔°〕來(lái)表示，按0°～360°的標(biāo)準(zhǔn)色輪的位置來(lái)確定，如圖1.8所示。飽和度用色相中的灰色成分所占的比例來(lái)表示，0%是純灰色，100%是完全飽和，它是指顏色的強(qiáng)度或純度；它相當(dāng)于彩電中的色彩濃度，飽和度高色彩較艷麗，飽和度低色彩就越接近灰色。明度也稱為亮度，它相當(dāng)于彩電中的亮度，亮度越高色彩就越明亮，最高定義為純白〔0%〕；亮度越低色彩就越暗淡，最低定義為純黑〔100%〕。1.3色彩模式圖1.7HSB色彩模式浮動(dòng)面板

圖1.8色相環(huán)圖9/24/2023104．灰度模式

灰度色中不包含任何色相，不存在紅色、黃色這樣的顏色，只存在所謂灰度色，即從純黑到純白以及從黑到白的過(guò)渡色。我們所指的黑白照片、黑白電視，實(shí)際上都應(yīng)該稱為灰度色才確切?；叶戎悼捎煤谏湍采w的百分比來(lái)表示，如圖1.9所示，可以看到0%表示白色，100%表示黑色。1.3色彩模式圖1.9灰度模式浮動(dòng)面板5．色彩模式的選擇在選擇圖像處理時(shí)的色彩模式時(shí)，如只要求在屏幕中顯示，那么可用RGB模式；而所處理的圖像需要打印或者印刷，就必須使用CMYK模式，才可確保印刷品顏色與設(shè)計(jì)時(shí)的一致；處理黑白圖片可用灰度模式。而HSB色彩模式因屏幕顯示用RGB模式、打印和印刷用CMYK模式限制了其使用范圍。9/24/2023111.4對(duì)象的選擇與管理

在IllustratorCS中，對(duì)象的選擇是最根本的操作，如圖1.10所示有5種選擇工具，同時(shí)還在“選擇〞菜單中提供了一些命令，供不同的對(duì)象進(jìn)行選擇。圖1.10選擇工具組9/24/2023121.4.1對(duì)象的選擇【實(shí)例1】試用選擇工具和直接選擇工具對(duì)如圖1.11所示的AI圖案〔擬操作的對(duì)象〕進(jìn)行各種操作。

跟我學(xué)〔1〕將選擇工具放在圖1.11上的不同位置光標(biāo)將呈現(xiàn)不同的狀態(tài)，而單擊對(duì)象，那么對(duì)象被選中，這時(shí)可以將對(duì)象拖曳到圖面上的任何位置。圖1.11選擇工具作用在對(duì)象不同位置的狀態(tài)9/24/202313〔2〕用選擇工具還可以在水平或垂直方向縮放對(duì)象。單擊對(duì)象，并將光標(biāo)放在四角的控制點(diǎn)上，這時(shí)光標(biāo)變?yōu)椋鐖D1.12〔a〕所示。移動(dòng)光標(biāo)可將對(duì)象縮放，結(jié)果如圖1.12〔b〕所示。假設(shè)在移動(dòng)光標(biāo)的同時(shí)，按下Shift鍵，那么縮放對(duì)象的比例保持不變，結(jié)果如圖1.12〔c〕所示。將光標(biāo)放在中間控制點(diǎn)上，這時(shí)光標(biāo)變?yōu)椋蓪?duì)象橫向或縱向拉伸，如圖1.12〔d〕是橫向水平拉伸。圖1.12圖形對(duì)象的縮放〔a〕〔b〕〔c〕〔d〕9/24/202314〔3〕應(yīng)用直接選擇工具單擊對(duì)象，如圖1.13〔a〕所示，注意與選擇工具選擇對(duì)象后的區(qū)別。單擊對(duì)象中的某個(gè)節(jié)點(diǎn)，如圖1.13〔b〕所示，拖曳該節(jié)點(diǎn)后，對(duì)象的局部圖形將有所變化，如圖1.13〔d〕所示。而單擊兩個(gè)節(jié)點(diǎn)之間的路徑，拖曳后圖形也將變化，如圖1.14所示。這種方法對(duì)調(diào)整局部圖形是很有用的?！瞐〕單擊對(duì)象〔b〕單擊節(jié)點(diǎn)〔c〕拖曳節(jié)點(diǎn)〔d〕拖曳節(jié)點(diǎn)后放開圖1.14單擊路徑及拖曳后的結(jié)果圖1.13直接選擇工具選擇對(duì)象和節(jié)點(diǎn)及拖曳后的結(jié)果9/24/202315【實(shí)例2】試用組選擇工具對(duì)對(duì)象進(jìn)行操作?！?〕在IllustratorCS中翻開如圖1.15所示的AI文件，這枝花是由花瓣、花莖和一片葉子組成，分別如圖1.15〔a〕、圖1.15〔b〕、圖1.15〔c〕所示。

跟我學(xué)〔a〕〔b〕〔c〕〔d〕〔e〕圖1.15花朵的形成〔2〕將花莖和葉子組成如圖1.15〔d〕所示的結(jié)果，并用選擇工具選擇它們。翻開菜單欄中的“對(duì)象〞〔Object〕菜單，選擇“群組〞〔Group〕命令，那么花莖和葉子形成一體。再將花瓣放在花莖上面，組成一枝有莖和葉的花朵，按圖1.15〔e〕所示全部選擇它們，再執(zhí)行“群組〞命令，那么形成一個(gè)整體。9/24/202316〔3〕用組選擇工具單擊葉子，葉子選中；再單擊花莖，花莖被選中；再單擊花瓣，花瓣又被選中，三個(gè)過(guò)程如圖1.16所示?？梢?jiàn)用組選擇工具每單擊一次，就將群組對(duì)象中的一個(gè)子集參加到當(dāng)前選擇集中。圖1.16組選擇工具的使用9/24/202317

對(duì)象前后順序的調(diào)整

在IllustratorCS中，對(duì)象擺放的先后順序是十分重要的，首先創(chuàng)立的對(duì)象在最后，最后創(chuàng)立的對(duì)象在最前。但對(duì)象的擺放順序是可以變化的，執(zhí)行菜單欄中對(duì)象\排列〔Object\Arrange〕子菜單中的各種命令就可以改變?！緦?shí)例3】如圖1.17〔a〕所示的三個(gè)圖形對(duì)象的前后順序是“魚〞、“水草〞和“蟹〞，試對(duì)各個(gè)圖形對(duì)象進(jìn)行前后順序的調(diào)整，以到達(dá)如圖1.17〔b〕和圖1.17〔c〕的要求。圖1.17對(duì)象的前后順序調(diào)整9/24/202318〔1〕如要將“蟹〞放在圖中的最前面，“魚〞放在最后面，如圖1.17〔b〕所示。先選擇對(duì)象“蟹〞，再單擊菜單欄中的對(duì)象\排列\(zhòng)排到最前面〔Object\Arrange\BringtoFront〕命令，如圖1.18所示的菜單，這時(shí)“蟹〞置于“水草〞之前。同理，選擇對(duì)象“魚〞，再單擊對(duì)象\排列\(zhòng)排到最后面〔SendtoBack〕，“魚〞將置于“水草〞之后，就完成了前后順序的調(diào)整。圖1.17(b)、(c)

跟我學(xué)圖1.18“排列〞菜單〔2〕要到達(dá)如圖1.17〔c〕所示的順序，只要將“水草〞置于最前面即可。可見(jiàn)使用“排列〞下的各個(gè)命令很容易實(shí)現(xiàn)對(duì)象在圖層位置上的前后調(diào)整，讀者可試試用“排在前一層〞〔BringForward〕和“排在后一層〞〔BringBackward〕來(lái)實(shí)現(xiàn)圖1.17〔b〕和圖1.17〔c〕各個(gè)圖形的位置。9/24/202319【實(shí)例4】通過(guò)對(duì)圖1.17的演化，以到達(dá)如圖1.19所示的效果。〔1〕選擇圖形對(duì)象“魚〞，執(zhí)行編輯\復(fù)制命令，再連續(xù)執(zhí)行三次粘貼命令，那么在圖面上多了三條“魚〞，分別對(duì)他們進(jìn)行縮小或旋轉(zhuǎn)。旋轉(zhuǎn)方法如圖1.20所示，即將對(duì)象選取后，光標(biāo)放在某一角邊，變成形狀，按照希望旋轉(zhuǎn)的方向旋轉(zhuǎn)，本圖是逆時(shí)針旋轉(zhuǎn)?！?〕同理復(fù)制一只“蟹〞，按圖中形狀適當(dāng)縮小和順時(shí)針?lè)较蛐D(zhuǎn)?！?〕將每條魚在圖中的位置進(jìn)行前后順序的調(diào)整，使得魚兒在水草中有穿梭游動(dòng)的感覺(jué)。

跟我學(xué)9/24/202320

對(duì)象的對(duì)齊與分布

【實(shí)例5】將如圖1.21〔a〕所示的三個(gè)圖形對(duì)象經(jīng)過(guò)一定操作演變成如圖1.21〔b〕所示的圖形?！?〕執(zhí)行窗口\排列命令，那么翻開“排列〞面板如圖1.22所示。面板中有三個(gè)欄目：對(duì)齊對(duì)象〔Align〕、分布對(duì)象〔Distribute〕和分布間距。其中對(duì)齊對(duì)象從左至右分別為：水平左對(duì)齊、水平居中對(duì)齊、水平右對(duì)齊、垂直上對(duì)齊、垂直居中對(duì)齊和垂直下對(duì)齊單擊按鈕。

跟我學(xué)圖1.22“排列〞浮動(dòng)面板9/24/202321〔2〕用選擇工具同時(shí)選擇大小兩個(gè)圓，然后單擊水平居中對(duì)齊按鈕，得如圖1.23〔a〕所示的效果；再單擊垂直居中對(duì)齊按鈕，得如圖1.23〔b〕所示的效果。〔3〕執(zhí)行對(duì)象\群組命令，那么兩個(gè)圓成為整體?！?〕同時(shí)選擇圓和三角形，單擊垂直下對(duì)齊按鈕，再單擊水平居中對(duì)齊，那么得如圖1.21〔b〕的效果。9/24/202322【實(shí)例6】將如圖1.24〔a〕所示的四個(gè)小圓位置重新進(jìn)行分布，變成如圖1.24〔b〕和1.24〔c〕所示?！?〕本例將用到排列浮動(dòng)面板中的“分布對(duì)象〞中的各種按鈕，分布對(duì)象從左至右分別為：垂直依上均分、垂直居中均分、垂直依下均分、水平依左均分、水平居中均分和水平依右均分?！?〕用選擇工具同時(shí)選擇四個(gè)小圓，單擊垂直居中均分，那么在垂直距離上，每個(gè)小圓之間的中心距相等，得如圖1.24〔b〕所示的效果。〔3〕用選擇工具同時(shí)選擇四個(gè)小圓，單擊水平居中均分，那么在水平距離上，每個(gè)小圓之間的中心距相等，得如圖1.24〔c〕所示的效果。

跟我學(xué)9/24/2023231.4.4

對(duì)象的組合與分割【實(shí)例7】將如圖1.25〔a〕所示的兩個(gè)圖形對(duì)象進(jìn)行組合和分割，分別變成如圖1.25〔b〕、〔c〕和〔d〕所示的效果。本例中兩個(gè)圖形的前后順序是：三角形在前，圓形在后。

跟我學(xué)〔1〕執(zhí)行窗口\排列命令，得到圖1.22所示的浮動(dòng)面板，單擊“修整〞，那么翻開“修整〞〔Pathfinder〕浮動(dòng)面板，如圖1.26所示?！?〕翻開圖1.25的AI文件，同時(shí)選擇圖1.25〔a〕中兩個(gè)圖形對(duì)象，單擊合并外形區(qū)域〔Addtoshapearea〕按鈕，這時(shí)前面三角形圖形的顏色將覆蓋整個(gè)圖形，變?yōu)閳D1.25〔b〕所示的新組合的圖形。〔3〕同時(shí)選擇圖1.25〔a〕中兩個(gè)圖形對(duì)象，單擊挖空垂疊區(qū)域〔Excludeoverlappingshapearea〕按鈕，那么出現(xiàn)如圖1.26〔c〕所示圖形，從新圖形中可看出，圓形和三角形的重合局部被挖空，而且和前面圖形〔三角形〕一致。

〔4〕再同時(shí)選擇圖1.25〔a〕中兩個(gè)圖形對(duì)象，單擊分割〔Divide〕按鈕，兩個(gè)圖形被“群組〞，執(zhí)行對(duì)象\解散群組命令，分別向上移動(dòng)圓形和向下移動(dòng)三角形，那么原圖形被分割成三個(gè)不同形狀的圖形，如圖1.25〔d〕所示。9/24/2023241.5

綜合實(shí)例1

根據(jù)如圖1.27給出的三個(gè)圓的圖形，作出如圖1.28所示的圖形。【任務(wù)分析】米老鼠的圖形根本上由圓、橢圓和圓弧曲線組成，可通過(guò)圓、橢圓和圓弧線的組合，并通過(guò)“修整〞浮動(dòng)面板中的操作工具來(lái)實(shí)現(xiàn)。9/24/202325〔1〕首先選擇黑色的圓，用對(duì)象\復(fù)制和粘貼命令生成三個(gè)圓，并分別放大和縮小，將縮小的兩個(gè)圓進(jìn)行適當(dāng)?shù)男D(zhuǎn)，按圖1.29〔a〕所示進(jìn)行放置，最后執(zhí)行對(duì)象\群組命令，三個(gè)圖形變?yōu)橐粋€(gè)整體。

〔2〕將帶有黑邊框的圓用復(fù)制\粘貼命令生成四個(gè)圓，通過(guò)變形、縮小和旋轉(zhuǎn)等操作，排列成如圖1.29〔b〕所示的圖形，并放置在圖1.29〔a〕上，構(gòu)成臉形。

〔3〕選擇所有圖形，如圖1.29〔c〕所示，并單擊“修整〞浮動(dòng)面板中的〔外形區(qū)域減去前面〕按鈕，那么生成如圖1.29〔d〕的頭形。

跟我學(xué)9/24/202326〔4〕作兩個(gè)橢圓如圖1.30〔a〕所示，注意前后順序，再用一個(gè)白色無(wú)邊框的橢圓覆蓋在前面橢圓的上半局部，如圖1.30〔b〕所示，結(jié)果如圖1.30〔c〕所示，將這個(gè)圖形“群組〞，并將1.30〔c〕圖移動(dòng)到1.29〔d〕圖上，得圖1.30〔d〕所示。9/24/202327〔5〕眼睛的設(shè)計(jì)制作。分別作兩個(gè)帶黑邊框的小橢圓和兩個(gè)小黑色橢圓，如圖1.31〔a〕所示，構(gòu)成如圖1.31〔b〕所示的眼睛，并將兩只眼睛分別“群組〞。〔6〕嘴唇的制作。制作兩個(gè)橢圓，大橢圓放前、小橢圓放后如圖1.32〔b〕所示，選擇全部圖形，并單擊按鈕，就形成如圖1.32〔c〕所示的圖形，再執(zhí)行“群組〞命令。9/24/202328〔7〕將兩個(gè)眼睛和嘴唇分別選取，并執(zhí)行對(duì)象\排列\(zhòng)排在最前面命令，放在如圖1.30〔d〕的臉形圖形上，調(diào)整適當(dāng)位置；再在鼻子和嘴唇上加兩個(gè)小的黑橢圓，就得到如圖1.33所示的圖形?！?〕為了使圖形更加傳神，可在眼球和鼻子黑點(diǎn)處加上白點(diǎn)；要使耳朵顯的更有立體感，可加兩條白色圓弧線，放置在適當(dāng)位置。最后完成圖1.28的制作。圖1.33臉部五官的放置圖1.28米老鼠9/24/202329NED返回主菜單9/24/202330第2章巧用繪圖工具【知識(shí)要點(diǎn)】

各種幾何圖形工具的使用方法與技巧

圖形色彩的填充

混合圖形的制作

直線、曲線和網(wǎng)格工具的使用

手繪工具的使用方法與技巧

漸變網(wǎng)格工具的使用方法與技巧9/24/2023312.1幾何圖形的生成

在IllustratorCS中可以用幾何工具很方便地制作矩形、圓、星形和多邊形等，在工具箱中展開矩形工具按鈕，如圖2.1所示，不同的按鈕可以制作不同的圖形。圖2.1幾何圖形制作工具9/24/202332

矩形和橢圓形工具【實(shí)例1】繪制一個(gè)矩形?！?〕新建一個(gè)文件，單擊矩形工具按鈕，鼠標(biāo)顯示為形狀?！?〕在工作區(qū)域中任意一點(diǎn)單擊鼠標(biāo)左鍵，按住鼠標(biāo)不放并拖曳，能夠看見(jiàn)矩形的輪廓線，放開鼠標(biāo)就得到所需的矩形，如圖2.2所示?！?〕單擊矩形工具按鈕后按下Alt鍵，那么鼠標(biāo)顯示為形狀；在工作區(qū)域任意一點(diǎn)單擊鼠標(biāo)左鍵，按住鼠標(biāo)和Alt鍵不放并拖曳，也能形成一個(gè)矩形，如圖2.3所示，這時(shí)的拖曳方向由中心向外擴(kuò)展。圖2.2從角開始展開的矩形制作圖2.3從中心點(diǎn)開始的矩形制作〔4〕在生成矩形過(guò)程中，當(dāng)鼠標(biāo)還未放開時(shí)，同時(shí)按住空格鍵，可以調(diào)整圖形在圖面上的位置。這種方法在下面繪制各種幾何圖形時(shí)，都可以使用。

跟我學(xué)9/24/202333圓角矩形的制作方法和矩形相似，而圓角半徑確實(shí)定有兩種方法。〔1〕精確繪制圓角矩形。單擊圓角矩形按鈕后，可在工作區(qū)域上的任意位置單擊鼠標(biāo)，將出現(xiàn)對(duì)話框，如圖2.6〔a〕所示，選定寬度、高度和圓角半徑，確定后即得到一個(gè)圓角矩形，如圖2.6〔b〕所示。 〔2〕任意繪制一個(gè)圓角矩形。單擊圓角矩形按鈕后，鼠標(biāo)在工作區(qū)域拖曳時(shí)，按住“↑〞鍵可加大圓角半徑，按住“↓〞鍵減小圓角半徑，按住“←〞鍵圓角形變成矩形，按住“→〞鍵變成一個(gè)有固定圓角半徑的圓角矩形，最后選定自己適宜的圓角矩形。

圓角矩形工具【實(shí)例1】繪制一個(gè)圓角矩形。圖2.6圓角矩形的制作

跟我學(xué)9/24/202334多邊形工具是繪制形態(tài)不一的多邊形對(duì)象的工具?！緦?shí)例3】繪制一個(gè)六邊形和一個(gè)八邊形。

多邊形工具〔1〕翻開多邊形工具按鈕，并在工作區(qū)域中的任意一點(diǎn)單擊，按住鼠標(biāo)拖曳不放，同時(shí)調(diào)整，在這個(gè)過(guò)程中可看到多邊形的輪廓線，放開鼠標(biāo)就得到所需的六邊形，如圖2.7所示?！?〕八角形的制作與生成六邊形的過(guò)程一樣，按住鼠標(biāo)拖曳不放，再按住“↑〞鍵，可明顯看到多邊形的輪廓線的邊數(shù)增加，到達(dá)八邊形時(shí)松開鼠標(biāo)，即生成八邊形，如圖2.8所示。圖2.7六角形的生成圖2.8八角形的生成

跟我學(xué)9/24/202335圖2.10星形的制作〔1〕新建一個(gè)文件，然后單擊星形工具按鈕?！?〕在工作區(qū)域中的任意一點(diǎn)單擊，并按住鼠標(biāo)拖曳不放，在這個(gè)過(guò)程中可看到星形的輪廓線，放開鼠標(biāo)就得到一個(gè)五角星形，如圖2.10所示?！?〕繪制一個(gè)有精確尺寸的星形。在工具箱中選擇星形工具按鈕后，再在工作區(qū)域頁(yè)面上單擊，彈出對(duì)話框如圖2.11所示。設(shè)置半徑〔Radius〕1和半徑2為26mm和8mm、頂點(diǎn)數(shù)〔Point〕為9，確定后繪出如圖2.12所示的9角星形。圖2.11準(zhǔn)確制作星形

圖2.129角星形

星形工具星形工具是用來(lái)繪制各種星形對(duì)象的工具。

【實(shí)例4】繪制星形圖形。

跟我學(xué)

外節(jié)點(diǎn)內(nèi)節(jié)點(diǎn)起點(diǎn)9/24/2023362.2

圖形的色彩填充本節(jié)主要學(xué)習(xí)填充工具組的使用及了解幾種填充的類型。2.2.1

填充工具組如圖2.15所示的是工具箱中的填充工具，它可以對(duì)已選擇的對(duì)象進(jìn)行填充顏色，給對(duì)象加上輪廓線色。圖2.15填充工具組圖中〔1〕是給對(duì)象設(shè)定的填充色。〔2〕是工具中默認(rèn)的顏色，這里對(duì)象的填充色是白色，輪廓線是黑色。〔3〕是當(dāng)前激活的填充色或輪廓線色變更為最后選中的顏色?！?〕是互換填充色和輪廓線色；〔5〕為輪廓線色；〔6〕是使填充色或輪廓線色為無(wú)色；〔7〕為黑到白色的直線形漸變色。9/24/202337顏色〔color〕浮動(dòng)面板

在第1章中我們已經(jīng)知道了在顏色浮動(dòng)面板中可以設(shè)定不同的色彩模式，如設(shè)定色彩模式為CMYK。要調(diào)配所需的顏色，并在激活的填充色顯示框或輪廓線顯示框中顯示出來(lái)，有三種方法：〔1〕鼠標(biāo)移到圖1.5色譜條上時(shí)，鼠標(biāo)變?yōu)槲軤?，吸管在色譜條上移動(dòng)時(shí)，參數(shù)值將改變，可調(diào)整到你需要的顏色上?！?〕拖動(dòng)C、M、Y、K下面的小三角尖滑塊，可調(diào)整出不同的顏色?！?〕直接在文本框中輸入?yún)?shù)值。圖1.5CMYK色彩模式浮動(dòng)面板9/24/202338

圖形的單色填充【實(shí)例5】對(duì)如圖2.16〔a〕所示的星形圖形進(jìn)行顏色填充，原來(lái)的填充色為白色，輪廓線為黑色?！?〕選擇星形，翻開顏色浮動(dòng)面板，設(shè)定為CMYK色彩模式，激活填充色顯示框，設(shè)定填充色M100，八角形填充色變?yōu)榧t色，這時(shí)輪廓線色還是黑色?！?〕激活輪廓線色顯示框，設(shè)定Y100，輪廓色為明黃色，如圖2.16〔b〕所示?！?〕單擊填充工具組中的互換填充按鈕，八角形的填充色變?yōu)闉槊鼽S色，輪廓色為紅色，如圖2.16〔c〕所示。

跟我學(xué)〔a〕〔b〕〔c〕圖2.16色彩的填充9/24/202339

所謂的漸變填充就是從一種顏色平滑過(guò)渡到另一種顏色的填充。執(zhí)行窗口\漸變〔Window\Gradient〕命令，即翻開漸變浮動(dòng)面板，如圖2.18所示。面板中可設(shè)置類型〔type〕和角度〔angle〕，其中類型分為線性和放射性兩種；調(diào)整箭頭1所指的菱形滑塊，可改變漸變色彩的分布；調(diào)整箭頭2所指的色塊，可改變顏色在漸變填充中的位置，整個(gè)長(zhǎng)條色塊叫做漸變滑桿。2.2.4

圖形的漸變填充圖2.18漸變浮動(dòng)面板9/24/202340【實(shí)例6】繪制一個(gè)如圖2.19〔a〕所示的球體?！?〕繪制一個(gè)圓形。〔2〕翻開如圖2.18所示的漸變浮動(dòng)面板，單擊箭頭2處的色標(biāo)，設(shè)定為白色；再單擊箭頭3處，設(shè)定為黑色，類型選擇為線性，那么圓形填充為黑白漸變的色彩，如圖2.19〔b〕所示?！?〕如改變類型為放射性，那么如圖2.19〔c〕所示，光線亮點(diǎn)在中心?！?〕激活圖2.19〔c〕，并單擊工具箱中的漸變按鈕，使鼠標(biāo)從圖中自右上向左下拖曳，如圖2.19〔d〕中的箭頭方向，將改變色彩的漸變方向，得圖2.19〔a〕顏色分布關(guān)系，這時(shí)光線亮點(diǎn)在右上方，再設(shè)置輪廓線為無(wú)色，得一立體感較強(qiáng)的球體。

跟我學(xué)〔a〕〔b〕〔c〕〔d〕圖2.19立體球體的制作9/24/202341【實(shí)例7】繪制彩蛋?！?〕在圖2.20漸變面板中，選擇類型為線性；單擊左邊色塊，如圖2.20中的〔1〕，設(shè)定C100。〔2〕單擊漸變滑桿下方，出現(xiàn)新的小色塊，如圖2.20中的〔2〕，設(shè)定C100、M100?！?〕分別在漸變上下方單擊確定〔3〕、〔4〕、〔5〕，出現(xiàn)各個(gè)新小色塊，分別設(shè)定顏色。〔4〕單擊最右邊的〔6〕位置所對(duì)應(yīng)的小色塊，設(shè)定顏色，漸變滑桿的顏色變?yōu)槲宀世_紛。〔5〕執(zhí)行菜單工程中窗口/色樣命令，色樣面板被翻開，單擊該面板中按鈕，將漸變滑桿中的顏色樣本添加到了色樣面板之中，成為一個(gè)新的樣本。〔6〕繪制一個(gè)橢圓形，再單擊色樣面板中的新樣本，那么將漸變色彩填充，如圖2.21所示?！?〕選取圖2.21后，單擊漸變工具，將鼠標(biāo)從右下方拉到左上方，如圖2.22所示，得到圖2.23所示的斜紋彩蛋。

跟我學(xué)圖2.20漸變浮動(dòng)面板圖2.21彩蛋圖2.22運(yùn)用漸變工具圖2.23斜紋彩蛋9/24/2023422.2.5

圖形的圖案填充用圖案對(duì)圖形進(jìn)行填充，主要是繪制底紋?？梢杂蒙珮印睸watches〕面板中的圖案來(lái)實(shí)現(xiàn)，也可以自己創(chuàng)立新的圖案來(lái)填充。執(zhí)行窗口\色樣命令就翻開了色樣面板，如圖2.24所示是處于顯示圖案色樣位置?！?〕在工作區(qū)域內(nèi)按題目要求作一圓角矩形框?！?〕設(shè)置填充色和輪廓色顯示框都為空?！?〕單擊色樣面板中的某一圖案，一個(gè)有背景圖案的圓角矩形即生成，如圖2.25所示。圖2.24色樣浮動(dòng)面板圖2.25圖案填充【實(shí)例8】利用現(xiàn)有色樣圖案在一個(gè)80mm×80mm、圓角為5mm的圓角矩形圖上作一背景。

跟我學(xué)9/24/202343圖2.26新圖案〔1〕用圓形工具和星形工具作如圖2.26所示圖形，并給每個(gè)小圖形填充顏色?！?〕選取整個(gè)圖形，并執(zhí)行編輯\定義圖案〔Edit\DefinePattern〕命令?！?〕在翻開的窗口中定義圖案名稱，如圖2.27所示，確定后新圖案出現(xiàn)在色樣圖案中。〔4〕在工作區(qū)域上繪制一個(gè)矩形框，并將填充色顯示框置前，設(shè)為空?！?〕單擊色樣面板中的新圖案樣本，新圖案填充至矩形框內(nèi)，如圖2.28所示?！緦?shí)例9】創(chuàng)立一個(gè)新的圖案，并填充至一個(gè)矩形內(nèi)。

跟我學(xué)圖2.27“新建色樣〞對(duì)話框圖2.28新建圖案填充9/24/2023442.3線條圖形的繪制1．任意直線的繪制〔1〕單擊直線工具按鈕，拖曳鼠標(biāo)，可以在工作區(qū)域中繪制一條直線輪廓線，松開鼠標(biāo)后，即一條直線。〔2〕假設(shè)拖曳時(shí)再按住“Alt〞鍵，所繪直線由單擊點(diǎn)為中心點(diǎn)向兩端延長(zhǎng)，如圖2.35所示?！?〕假設(shè)拖曳時(shí)再按住“～〞鍵，和上述作各種幾何圖形一樣，可繪制發(fā)射狀的多條直線，如圖2.36所示?！?〕假設(shè)拖曳時(shí)再同時(shí)按住“～〞和“Alt〞鍵，如圖2.37所示。2.3.1直線工具利用線條工具，可以繪制直線、弧線、螺旋線和網(wǎng)格等線條圖形。中心點(diǎn)延長(zhǎng)延長(zhǎng)圖2.35按住Alt鍵圖2.36按住“～〞鍵圖2.37按住“～〞鍵和Alt鍵2．精確繪制直線〔1〕選擇直線工具按鈕，單擊工作區(qū)域?！?〕在彈出的對(duì)話框中，如圖2.38所示，輸入長(zhǎng)度和角度，其中角度可直接輸入數(shù)值或通過(guò)旋轉(zhuǎn)把手調(diào)節(jié)，單擊“確定〞按鈕后，直線創(chuàng)立完成。圖2.38“線段工具選項(xiàng)〞對(duì)話框9/24/202345圖2.39任意圓弧線的繪制〔a〕〔b〕〔c〕〔d〕1．任意圓弧線的繪制〔1〕單擊弧線工具按鈕，拖曳鼠標(biāo)，可以在工作區(qū)域中繪制一條圓弧輪廓線，松開鼠標(biāo)后，即一條弧線。假設(shè)在拖曳的過(guò)程中，同時(shí)按住“Shift〞鍵，那么得到一個(gè)正圓的圓弧線，如圖2.39〔a〕所示?！?〕假設(shè)拖曳時(shí)再按住或松開“C〞鍵，所繪圓弧將在開放和閉合圓弧間變化，如圖2.39〔b〕所示?！?〕假設(shè)拖曳時(shí)再按住“F〞鍵，可以繪制和原來(lái)圓弧輪廓線相翻轉(zhuǎn)的圓弧，如圖2.39〔c〕所示?！?〕假設(shè)拖曳時(shí)再按住“～〞鍵，可以在拖曳中得到多條圓弧線，如圖2.39〔d〕所示?；【€工具用來(lái)繪制各種開放的或閉合的圓弧。

2.3.2

弧線工具9/24/202346

螺旋線工具螺旋線工具用于繪制各種螺旋線?！?〕假設(shè)拖曳時(shí)再按住“Ctrl〞鍵，可以調(diào)整螺旋線的緊密程度?！?〕假設(shè)拖曳時(shí)再按住“～〞鍵，可繪制多條連續(xù)的螺旋線?！?〕假設(shè)拖曳時(shí)再按住“Shift〞鍵，螺旋線會(huì)以45°為增量旋轉(zhuǎn)?？梢岳L制矩形或正方形的網(wǎng)格圖形，操作時(shí)拖曳鼠標(biāo)，其大小就是網(wǎng)格圖形的大小。鼠標(biāo)拖曳時(shí)配合一些功能鍵，可以得到不同的網(wǎng)格效果?！?〕同時(shí)按下“Shift〞鍵，可以繪制正方形的網(wǎng)格?！?〕同時(shí)按下“Alt〞鍵，網(wǎng)格的生成變?yōu)橛蓡螕酎c(diǎn)為起點(diǎn)向外繪制網(wǎng)格?！?〕同時(shí)按下“F〞鍵，使水平方向的網(wǎng)格間距由下而上以10%遞增。〔4〕同時(shí)按下“V〞鍵，使水平方向的網(wǎng)格間距由下而上以10%遞減。〔5〕同時(shí)按下“X〞鍵，使垂直方向的網(wǎng)格間距由左至右以10%遞增。〔6〕同時(shí)按下“C〞鍵，使垂直方向的網(wǎng)格間距由左至右以10%遞減?！?〕同時(shí)按下“→〞或“←〞箭頭按鍵，增加或減少水平方向的網(wǎng)格線?！?〕同時(shí)按下“↑〞或“↓〞箭頭按鍵，增加或減少垂直方向的網(wǎng)格線。

矩形網(wǎng)格工具使用矩形網(wǎng)絡(luò)工具9/24/202347【實(shí)例11】給如圖2.43所示的黑天鵝圖片進(jìn)行修飾，以到達(dá)如圖2.44所示的效果?！?〕雙擊矩形網(wǎng)格工具〔1〕在IllustratorCS中翻開圖2.43?！?〕雙擊矩形網(wǎng)格工具將出現(xiàn)一個(gè)對(duì)話框，如圖2.45所示。在對(duì)話框中設(shè)置水平分割〔HorizontalDividers〕中的數(shù)量〔Number〕為7、下偏離量〔Bottom〕為40%；垂直分割〔VerticalDividers〕中數(shù)量為5、左偏離量為40%，并將外矩形框作為框架使用。〔3〕這時(shí)矩形網(wǎng)格工具是處于選中狀態(tài)，將鼠標(biāo)從圖片中的左上角至右下角拉開，使網(wǎng)格覆蓋整個(gè)圖片?！?〕選取輪廓色為白色，并執(zhí)行窗口\輪廓命令，在輪廓浮動(dòng)面板中選取輪廓寬度為2pt，那么完成如圖2.44效果圖的設(shè)計(jì)。

跟我學(xué)圖2.43黑天鵝圖2.44帶有網(wǎng)格的黑天鵝效果圖圖2.45“矩形網(wǎng)格工具選項(xiàng)〞對(duì)話框9/24/202348

極坐標(biāo)網(wǎng)格工具

使用極坐標(biāo)網(wǎng)絡(luò)工具可以繪制矩形或正方形的網(wǎng)格圖形，操作時(shí)拖曳鼠標(biāo)，其大小就是網(wǎng)格圖形的大小。鼠標(biāo)拖曳時(shí)配合一些功能鍵，可以得到不同的網(wǎng)格效果?！?〕同時(shí)按下“Shift〞鍵，可以繪制正圓形的網(wǎng)格?！?〕同時(shí)按下“Alt〞鍵，網(wǎng)格的生成變?yōu)橛蓡螕酎c(diǎn)為起點(diǎn)向外繪制網(wǎng)格。〔3〕同時(shí)按下“F〞鍵，使水平方向的網(wǎng)格間距由下而上以10%遞增?！?〕同時(shí)按下“V〞鍵，使水平方向的網(wǎng)格間距由下而上以10%遞減。〔5〕同時(shí)按下“X〞鍵，使垂直方向的網(wǎng)格間距由左至右以10%遞增?！?〕同時(shí)按下“C〞鍵，使垂直方向的網(wǎng)格間距由左至右以10%遞減。〔7〕同時(shí)按下“→〞或“←〞箭頭按鍵，增加或減少水平方向的網(wǎng)格線。〔8〕同時(shí)按下“↑〞或“↓〞箭頭按鍵，增加或減少垂直方向的網(wǎng)格線。以上效果如圖2.46所示。圖2.46各種極坐標(biāo)網(wǎng)格9/24/2023492.4

綜合實(shí)例2

設(shè)計(jì)如圖2.47所示的“磁盤〞圖形?！救蝿?wù)分析】〔1〕仔細(xì)觀察這個(gè)圖形，它是由外形和標(biāo)簽各一個(gè)圓角矩形、內(nèi)凹兩個(gè)半圓角矩形和一個(gè)磁盤門上半個(gè)圓角矩形、磁盤門上的一個(gè)圓角矩形孔組成?！?〕磁盤上的兩個(gè)保護(hù)孔是矩形?！?〕磁盤門是金屬制作，光線從右上方射入，要用到漸變；磁盤外形是塑料制作、標(biāo)簽是紙質(zhì)，都要用到顏色填充。圖形的分解如圖2.48所示。圖2.47“磁盤〞圖形圖2.48磁盤圖形的分解9/24/202350〔1〕執(zhí)行編輯〔edit〕菜單下的參數(shù)預(yù)置〔Preferences〕\單位〔Units〕命令，設(shè)定單位為毫米〔mm〕?！?〕磁盤外形的制作。在工具欄中選取圓角矩形工具，在IllustratorCS工作區(qū)域內(nèi)雙擊鼠標(biāo)左鍵，設(shè)定寬度為90mm、高度為93mm、圓角半徑為2mm，單擊“確定〞按鈕后，出現(xiàn)一個(gè)圓角圖形。設(shè)定填充色為R225、G157、B121，輪廓線為黑色，并執(zhí)行窗口\輪廓命令，設(shè)定輪廓線大小〔Stroke〕為0.353mm〔1pt〕?！?〕放置標(biāo)簽的內(nèi)凹圖形的制作。作一個(gè)寬度為72mm、高度為60mm、圓角半徑為3mm的圓角圖形；再作一個(gè)寬度為75mm、高度為5mm的矩形；將矩形放在圓角圖形的底邊，翻開“排列〞浮動(dòng)面板，全部選擇兩個(gè)圖形，單擊垂直下對(duì)齊和水平居中對(duì)齊按鈕，那么兩個(gè)圖形底邊對(duì)齊和居中對(duì)齊，如圖2.49〔a〕所示；再全部選擇兩個(gè)圖形，翻開“修整〞浮動(dòng)面板，單擊“分割〞按鈕，執(zhí)行對(duì)象\解散群組命令，選擇直接選擇工具，拉開圓角矩形局部，并將矩形局部去除，如圖2.49〔b〕所示，就得到內(nèi)凹半個(gè)圓角圖形，填充色和輪廓線色同上，得如圖2.48〔a〕所示?！?〕放置磁盤門內(nèi)凹圖形的制作。同上述方法，作一個(gè)寬度為60mm、高度為40mm、圓角半徑為3mm的圓角圖形；再作一個(gè)寬度為60mm、高度為8mm的矩形2；將該矩形2放在這個(gè)圓角圖形的上邊，然后仿造步驟3的方法得出如圖2.48〔b〕所示的圖形。圖2.49放置標(biāo)簽的內(nèi)凹圖形的制作

跟我學(xué)9/24/202351〔5〕磁盤門的制作。作一個(gè)寬度為48mm、高度為40mm、圓角半徑為3mm的圓角圖形，再作一個(gè)寬度為50mm、高度為10mm的矩形；仿造步驟4的方法，得半個(gè)圓角矩形。選擇半圓角矩形，執(zhí)行窗口\漸變和顏色命令，翻開漸變和顏色浮動(dòng)面板，選擇色彩模式為灰度；在漸變浮動(dòng)面板中的漸變滑桿中選擇一種顏色，如圖2.50〔a〕所示，得到圖2.50〔b〕；再單擊工具箱中的漸變按鈕，按對(duì)角線拉開，如圖2.50〔c〕所示，最后得到如圖2.48〔c〕所示的效果。圖2.50磁盤門顏色的填充9/24/202352〔6〕作磁盤門內(nèi)的矩形缺口。設(shè)一個(gè)寬度為12mm、高度為250mm、圓角半徑為1mm的圓角圖形，填充色同步驟2，得圖形如圖2.48〔d〕所示。將該缺口放在磁盤門內(nèi)，并選擇群組命令，構(gòu)成一個(gè)整體?！?〕標(biāo)簽的制作。作一個(gè)寬度為70mm、高度為51mm、圓角半徑為3mm的圓角圖形；選擇工具箱中的線條按鈕，在工作區(qū)域上單擊，在出現(xiàn)如圖2.38所示的對(duì)話框上，選擇長(zhǎng)度為70mm，角度為0，在圖面上作出一條直線，將其放在圓角矩形的某一位置，如圖2.51〔a〕所示；全部選取整個(gè)圖形，單擊修整浮動(dòng)面板中的“分割〞按鈕，并執(zhí)行“解散群組〞命令，那么分為兩個(gè)局部。用直接選擇工具選取上半局部，設(shè)填充色為R30、G195、B255；同理設(shè)下半局部填充色為R165、G245、B255，那么上下兩局部顏色分別設(shè)定，如圖2.51〔b〕所示?！?〕標(biāo)簽中直線的分布。將標(biāo)簽的上半局部移開，同步驟7的方法再制作長(zhǎng)度相同的線條四條〔也可用復(fù)制和粘貼的方法〕，線條輪廓色用R30、G130、B255色，輪廓寬度為1pt，將它們?nèi)我夥旁跇?biāo)簽的下半局部，并將其中一條放在頂邊，使用排列浮動(dòng)面板中的“左對(duì)齊按鈕〞和分布對(duì)象中的“垂直依下均分〞按鈕，那么它們將均布在下半局部的標(biāo)簽之中，如圖2.51〔c〕所示。移去放在頂邊的那條線條，最后將上下兩局部重新對(duì)齊，如圖2.48〔e〕所示。將2.48〔e〕圖形全選，并執(zhí)行群組命令〔a〕〔b〕〔c〕圖2.51標(biāo)簽的制作9/24/202353〔9〕標(biāo)簽中字母的設(shè)計(jì)。字體的設(shè)計(jì)我們將在后面章節(jié)講述，這里簡(jiǎn)單介紹使用方法。單擊工具箱中的文本工具，在工作區(qū)域上拖曳，出現(xiàn)一個(gè)文本框，這就是輸入文字的地方；執(zhí)行文字\字體命令，選擇ArialBlack〔黑體〕中的Italic〔斜體〕；再執(zhí)行文字\大小命令，選擇大小為24pt，就可以在文本框輸入“ABC〞字母，并填充顏色。〔10〕磁盤外形缺角的制作。選擇工具箱中的線條按鈕，在工作區(qū)域上單擊，在圖2.38對(duì)話框中取長(zhǎng)度為15mm、角度為315°，將該線條移到磁盤外形的右上角上，如圖2.52〔a〕所示；全部選擇磁盤外形的線條，如圖2.52〔b〕所示；翻開“修整〞浮動(dòng)面板，單擊“分割〞按鈕，用直接選擇工具，選擇圓角局部，拉開并去除，如圖2.52〔c〕所示，得到帶有缺角的磁盤外形。圖2.52磁盤外形缺角的制作磁盤保護(hù)孔和“HD〞字體，讀者可試著進(jìn)行設(shè)計(jì)，不再詳細(xì)描述。將各局部放在磁盤外形上，再執(zhí)行群組命令，構(gòu)成如圖2.47所示的圖形，設(shè)計(jì)完成。9/24/2023542.5徒手繪制圖形

利用鉛筆工具組和鋼筆工具組，可以徒手繪制直線、弧線等線條圖形。2.5.1鉛筆工具組1．鉛筆工具

在工具箱中單擊鉛筆〔Pencil〕工具按鈕，隨著鼠標(biāo)的拖動(dòng)，其軌跡顯示出其所繪制的自由路徑和連接路徑的節(jié)點(diǎn)，如圖2.53所示，可知它能夠在IllustratorCS中繪制任意的線段，使用起來(lái)如同平時(shí)用鉛筆一樣，但鉛筆工具并不是精確的繪圖工具。圖2.53用鉛筆工具繪制的各種路徑圖2.53〔c〕是一個(gè)開放的路徑，其起點(diǎn)是A，終點(diǎn)是B。當(dāng)你要使它們變?yōu)殚]合路徑時(shí)，只要在鉛筆繪制到B點(diǎn)時(shí)，同時(shí)按下“Alt〞鍵，那么B點(diǎn)到A點(diǎn)會(huì)自動(dòng)產(chǎn)生一條直線，使它們構(gòu)成閉合路徑，如圖2.53〔d〕所示。而所謂路徑，就是指使用繪圖工具繪制的圖形，它由方向線、方向點(diǎn)、路徑線段和節(jié)點(diǎn)構(gòu)成。方向線是用來(lái)調(diào)整曲線形態(tài)的線；方向點(diǎn)是指方向線末端的點(diǎn)；節(jié)點(diǎn)那么是路徑線段的端點(diǎn)，決定著路徑的位置和形狀，它又分為平滑點(diǎn)和角點(diǎn)。9/24/202355【實(shí)例12】試用鉛筆工具繪制一“企鵝〞圖形，如圖2.54〔c〕所示。〔1〕用鉛筆在圖面上畫出兩條路徑，輪廓線取1pt，作出如圖2.54〔a〕所示圖形?！?〕用橢圓工具作一小橢圓當(dāng)成眼睛。〔3〕將三個(gè)對(duì)象組合，即成一個(gè)“企鵝〞圖形，如圖2.54〔b〕所示?！?〕選取背部路徑，對(duì)這開放式的路徑填充黑的顏色，效果如圖2.54〔c〕所示。這時(shí)該路徑的起點(diǎn)和終點(diǎn)之間會(huì)自動(dòng)連成一條直線，構(gòu)成一個(gè)閉合路徑后再對(duì)其填充顏色。

跟我學(xué)圖2.54用鉛筆工具繪制“企鵝〞9/24/202356〔1〕用直接選擇工具單擊“企鵝〞背部A和B路徑之間的一點(diǎn)，如圖2.55〔a〕所示。在圖2.55〔b〕中移動(dòng)方向點(diǎn)，那么該條方向線的角度和長(zhǎng)短隨之變動(dòng)，A和B之間的路徑線段也隨之變化，變化后的圖形如圖2.55〔c〕所示。在這變化過(guò)程中A點(diǎn)兩邊的曲線都發(fā)生了變化，那么稱A點(diǎn)為平滑點(diǎn)。知識(shí)拓展圖2.55方向線、平滑點(diǎn)和角點(diǎn)的特征〔2〕用直接選擇工具單擊“企鵝〞背部B和C路徑之間的一點(diǎn)，并按如圖2.55〔d〕所示移動(dòng)，松開鼠標(biāo)后將得如圖2.55〔e〕所示；這時(shí)C點(diǎn)位置不動(dòng)，DC路徑不變，而BC路徑發(fā)生了變化，那么稱C點(diǎn)為角點(diǎn)，是節(jié)點(diǎn)的另一種形式。9/24/202357全選圖2.56〔a〕圖形，用平滑〔Smooth〕工具分別從A點(diǎn)到B點(diǎn)拖動(dòng)、從C點(diǎn)到B點(diǎn)拖動(dòng)，如下圖操作，那么A到B的路徑和C到B的路徑都有變化，變?yōu)楦鼮楣饣?，如圖2.56〔b〕所示。執(zhí)行平滑工具后，路徑和節(jié)點(diǎn)都將有所改變，對(duì)照?qǐng)D2.56〔a〕和圖2.56〔c〕，你看出了哪些變化了嗎？2．平滑工具圖2.56平滑工具的使用如圖2.57所示對(duì)星形的A點(diǎn)到B點(diǎn)執(zhí)行平滑操作后，平滑的效果那就更加明顯了。從上可知，平滑工具的使用將使圖形線段的外形變?yōu)楦尤岷?，?jié)點(diǎn)數(shù)將有所變化。圖2.57星形的平滑9/24/202358用直接選擇工具單擊“企鵝〞的背部路徑，在圖2.58〔a〕中將擦除工具從A點(diǎn)到B點(diǎn)進(jìn)行拖動(dòng)，那么該路徑被擦除，結(jié)果如圖2.58〔b〕所示。用擦除工具可以使閉合路徑變成開放路徑。3．擦除工具圖2.58路徑的擦除9/24/2023592.5.2鋼筆工具組

1．鋼筆工具鋼筆工具是一個(gè)能繪制精確路徑圖形的工具，能夠繪制直線、折線、曲線和封閉圖形，如圖2.59所示?！緦?shí)例13】試用鉛筆工具繪制圖2.59中的曲線。圖2.59鋼筆工具繪制的圖形圖2.60信息面板〔1〕選擇鋼筆工具，同時(shí)執(zhí)行窗口\信息命令，將翻開信息面板，如圖2.60所示?！?〕單擊圖面，得起點(diǎn)A，再單擊一點(diǎn)B，這時(shí)直線AB之間的距離就是信息面板中的D，如調(diào)整D20.187mm，角度0°，如圖2.61〔a〕所示?！?〕當(dāng)單擊B點(diǎn)時(shí)，鼠標(biāo)不能放開，鼠標(biāo)往右下方移動(dòng)，可以看到一方向線，產(chǎn)生一下凹的曲線，如圖2.61〔b〕所示?！?〕放開鼠標(biāo)，得圖2.61〔c〕所示，再單擊另一點(diǎn)C點(diǎn)，使BC距離和AB距離相等，角度為0，得圖2.61〔d〕所示，新的曲線生成?！?〕當(dāng)單擊B點(diǎn)時(shí)，鼠標(biāo)不能放開，鼠標(biāo)往右下方移動(dòng)，可以看到一方向線，產(chǎn)生一下凹的曲線，如圖2.61〔b〕所示?！?〕放開鼠標(biāo)，得圖2.61〔c〕所示，再單擊另一點(diǎn)C點(diǎn)，使BC距離和AB距離相等，角度為0，得圖2.61〔d〕所示，新的曲線生成。

跟我學(xué)圖2.61用鋼筆工具繪制曲線圖中B點(diǎn)就是平滑點(diǎn)，當(dāng)移動(dòng)平滑點(diǎn)的方向線時(shí)，同時(shí)調(diào)整了該點(diǎn)兩側(cè)的曲線。9/24/202360〔1〕眼睛局部的制作可以用原來(lái)學(xué)過(guò)的知識(shí)來(lái)制作。眼球半徑為25mm，眼珠半徑為12mm、填充色G125、B127，瞳孔半徑為6mm，填充為黑色，群組后如圖2.63所示。

〔2〕心形的制作。作一條直線和兩個(gè)眼球相切，用鋼筆工具選擇一點(diǎn)A，再作一點(diǎn)B在直線上，用上述制作曲線的方法作AB曲線，記下信息面板中AB之間的距離，如圖2.64〔a〕所示。

〔3〕放開鼠標(biāo)，單擊B點(diǎn)，再選擇C點(diǎn)，使BC和AB距離相等，作曲線BC，如圖2.64〔b〕所示。

〔4〕放開鼠標(biāo)，單擊D點(diǎn)，作曲線DC，如圖2.64〔c〕所示；同理作曲線DA，心形圖形制作完成，選擇心形填充色為R255、G175，刪除直線。調(diào)整心形的位置，最后如題目要求所示。【實(shí)例14】試用鋼筆工具和其他工具繪制如圖2.62所示的“貓頭鷹〞圖形?！救蝿?wù)分析】從圖形中可以看出頭部是由一個(gè)心形圖形組成，眼睛局部是由數(shù)個(gè)圓組成。

跟我學(xué)圖2.62“貓頭鷹〞圖形圖2.63眼睛的制作圖2.64“心形〞的制作9/24/2023612．轉(zhuǎn)換節(jié)點(diǎn)工具第1章中圖1.15〔a〕是一朵花瓣，你知道是如何制作的嗎？在IllustratorCS中可以使用轉(zhuǎn)換節(jié)點(diǎn)工具的轉(zhuǎn)換功能來(lái)實(shí)現(xiàn)。這個(gè)工具可以實(shí)現(xiàn)不同類型線段的連接?！緦?shí)例15】制作花瓣，如圖2.65〔a〕所示。〔1〕使用星形工具繪制一個(gè)五角星形，如圖2.65〔b〕所示?！?〕使用轉(zhuǎn)換工具在星形的角點(diǎn)上單擊，并移動(dòng)鼠標(biāo)，產(chǎn)生一曲線，這時(shí)角點(diǎn)變?yōu)槠交c(diǎn)，如圖2.65〔c〕所示?！?〕同步驟2的制作方法，如圖2.65〔d〕和2.65〔e〕所示，就可以完成花瓣的制作。圖2.65花瓣的制作〔4〕用放射狀的漸變方法，給花瓣填充顏色，同時(shí)去除輪廓線，完成花瓣的制作。9/24/2023623．增加節(jié)點(diǎn)工具和刪除節(jié)點(diǎn)工具使用這兩個(gè)工具，可以對(duì)圖形對(duì)象增加或減少節(jié)點(diǎn)。如圖2.66〔a〕所示的是一個(gè)圓，只有四個(gè)節(jié)點(diǎn)，用增加節(jié)點(diǎn)工具分別單擊圓的B、C、D點(diǎn)，就增加了三個(gè)節(jié)點(diǎn)；而用減少節(jié)點(diǎn)工具單擊該圖2.66〔a〕中的A點(diǎn)，那么變?yōu)閳D2.66〔c〕所示的圖形，可見(jiàn)路徑圖形發(fā)生了變化。圖2.66節(jié)點(diǎn)的增加或減少【實(shí)例16】制作如圖2.67所示的各種圖形?！?〕選擇圖2.66〔a〕中的圓。〔2〕執(zhí)行效果\扭曲和變換\縮攏和膨脹命令，出現(xiàn)對(duì)話框如圖2.68所示，數(shù)值框中輸入60〔膨脹〕，按確定鍵后，就完成了圖2.67〔a〕的制作?！?〕選擇如圖2.66〔d〕，按步驟〔2〕的方法，可以得到圖2.67〔b〕所示的圖形?！?〕在圖2.66〔d〕的根底上再增加一倍的節(jié)點(diǎn)，然后按步驟〔2〕的方法，但數(shù)值框中輸入60〔內(nèi)陷〕，單擊“確定〞按鈕后，就完成圖2.67〔c〕圖形的制作。從這里可知，隨著節(jié)點(diǎn)數(shù)的不同，執(zhí)行內(nèi)陷和膨脹命令后所變化的圖形也不同。

跟我學(xué)圖2.67圖形的變化圖2.68“縮攏和膨脹〞對(duì)話框9/24/2023632.5.3剪刀工具組剪刀工具組主要有剪刀工具和切割工具，使用它們可以改變圖形或圖形路徑?！緦?shí)例17】對(duì)圖2.67〔a〕進(jìn)行剪切或切割，并判斷結(jié)果。(1〕用選擇工具選取圖2.67〔a〕，用剪刀工具在該圖形上選擇A和B點(diǎn)，那么如圖2.69〔a〕和圖2.69〔b〕所示，再用選擇工具選取A和B兩點(diǎn)的上半局部，再做移動(dòng)，如圖2.69〔c〕所示。分析：從圖2.69〔c〕和圖2.70〔b〕可以看出剪刀工具是對(duì)圖形路徑的切割，原來(lái)封閉路徑變?yōu)殚_放式路徑，而切割工具是對(duì)圖形切割，原圖形切割后變成兩個(gè)圖形，且都是封閉圖形。

跟我學(xué)〔2〕而用選擇工具同樣選取圖2.67〔a〕,用切割工具劃過(guò)A和B兩點(diǎn)，再用選擇工具選取A和B兩點(diǎn)的上半局部，再做移動(dòng)，如圖2.70〔b〕所示。圖2.69用剪刀工具剪切圖形路徑圖2.70用切割工具切割圖形9/24/2023642.6漸變網(wǎng)絡(luò)圖形的繪制圖2.71是山巒起伏的群山，它是利用網(wǎng)格工具繪制的，如用直接選擇工具單擊該圖，可以看到圖形是由網(wǎng)格構(gòu)成，并填充一定的漸變顏色，如圖2.72所示。圖2.71山巒起伏的群山圖2.72由網(wǎng)格構(gòu)成的群山9/24/2023652.6.1漸變網(wǎng)格的創(chuàng)立漸變網(wǎng)格是如何創(chuàng)立的？下面可以用一個(gè)實(shí)例來(lái)加以說(shuō)明。【實(shí)例18】設(shè)計(jì)一個(gè)橢圓形圖形，并對(duì)其進(jìn)行漸變填充，效果如圖2.73所示?！?〕建立一個(gè)橢圓形圖案，如圖2.74〔a〕所示，并填充顏色，去除邊框色。

跟我學(xué)圖2.73漸變網(wǎng)格效果圖圖2.74圖形網(wǎng)格的形成〔2〕單擊工具箱中的“網(wǎng)絡(luò)工具〞，將鼠標(biāo)移到橢圓形圖案上時(shí)，鼠標(biāo)變?！?〕分別在圖案中A、B、C三點(diǎn)中單擊，如圖2.74〔b〕、〔c〕、〔d〕所示，構(gòu)成了網(wǎng)格?！?〕用直接選取工具分別單擊如圖2.75所示的A、B、C三點(diǎn)，選擇填充顏色為白色，最后形成如圖2.73所示的圖形。圖2.75制作效果圖9/24/202366〔1〕使用“網(wǎng)絡(luò)工具〞時(shí)，將創(chuàng)立網(wǎng)格線、網(wǎng)格點(diǎn)和構(gòu)成網(wǎng)格單元，如圖2.76所示。〔2〕網(wǎng)格對(duì)象的每一個(gè)網(wǎng)格點(diǎn)和網(wǎng)格單元可以填充不同的顏色。如圖2.75中的A、B、和C三點(diǎn)，填充為白色。用直接選擇工具選擇一個(gè)網(wǎng)格單元，如圖2.77〔a〕所示；再選擇某一種顏色進(jìn)行填充，顏色隨之變化，如圖2.77〔b〕所示。知識(shí)拓展圖2.76有關(guān)網(wǎng)格的概念圖2.77網(wǎng)格顏色的填充9/24/2023672.6.2用菜單命令創(chuàng)立漸變網(wǎng)格〔1〕執(zhí)行菜單欄中的對(duì)象\創(chuàng)立漸變網(wǎng)格命令〔Object\CreateGradientMest〕也可以創(chuàng)立漸變網(wǎng)格。如用直接選擇工具選取圖2.74〔a〕，執(zhí)行上述命令，將翻開一對(duì)話框，如圖2.78所示，輸入水平和垂直網(wǎng)格線的數(shù)目4，外觀選擇“至中央〞〔ToCenter〕，那么效果圖如圖2.79〔a〕所示；外觀選擇“至邊緣〞〔ToEdge〕，那么效果圖如圖2.79〔b〕所示。圖2.79不同位置亮光的漸變網(wǎng)格圖2.78創(chuàng)立網(wǎng)格對(duì)話框9/24/202368〔2〕如圖2.80所示的是一個(gè)漸變圖形，如執(zhí)行菜單中的對(duì)象\擴(kuò)展〔Object\Expand〕命令，出現(xiàn)如圖2.81“擴(kuò)展〞對(duì)話框所示，選擇“填充〞和“漸變網(wǎng)格〞，那么圖2.80將變成如圖2.82〔a〕所示的網(wǎng)格圖形。用直接選擇工具單擊圖2.82中的A點(diǎn)，選取不同的顏色，那么局部填充色產(chǎn)生了變化。這種漸變填充對(duì)象轉(zhuǎn)變?yōu)榫W(wǎng)格填充對(duì)象，豐富了圖形填充的效果。圖2.80漸變圖形圖2.81“擴(kuò)展〞對(duì)話框圖2.82對(duì)漸變圖形添加網(wǎng)格并改變填充色9/24/2023692.6.3網(wǎng)格對(duì)象的編輯〔1〕網(wǎng)格點(diǎn)及相連的網(wǎng)格線的刪除。對(duì)圖2.83〔a〕所示的圖形，網(wǎng)格線已經(jīng)生成。選用“網(wǎng)絡(luò)工具〞，將鼠標(biāo)放在該圖網(wǎng)格點(diǎn)A上，鼠標(biāo)形狀變?yōu)?，按下“Alt〞鍵，鼠標(biāo)形狀變?yōu)?，并單擊左鍵，該網(wǎng)格點(diǎn)及相連的網(wǎng)格線被刪除，如圖2.83〔b〕所示?！?〕網(wǎng)格線的刪除。按上述方法，將鼠標(biāo)放在某一網(wǎng)格線上，如圖2.83〔c〕的B點(diǎn)所示，按下“Alt〞鍵，并單擊左鍵，該網(wǎng)格線被刪除，如圖2.83〔d〕所示?！?〕漸變網(wǎng)格的調(diào)整。使用直接選擇工具單擊圖2.84〔a〕中的A點(diǎn)，往上移動(dòng)，網(wǎng)格點(diǎn)和相連的網(wǎng)格線隨之移動(dòng)，如圖2.84〔b〕所示；而將指向某一網(wǎng)格片，如圖2.84〔c〕所示，向右下方移動(dòng)，那么如圖2.84〔d〕所示；從這兩種調(diào)整方式可知，漸變網(wǎng)格對(duì)象的形狀和顏色分布都將有相應(yīng)的變化。圖2.84漸變網(wǎng)格對(duì)象的調(diào)整圖2.83網(wǎng)格對(duì)象的編輯9/24/2023702.6.4綜合實(shí)例3作如圖2.85花瓶圖形?！救蝿?wù)分析】〔1〕在設(shè)計(jì)該圖形時(shí)，主要要考慮的是顏色和光線的處理。〔2〕整個(gè)花瓶由花瓶口、花瓶?jī)?nèi)陰影、花瓶主體和花瓶底座組成，如圖2.86所示。〔3〕如圖形要打印，可采用CMYK色彩，并以湖藍(lán)色〔C52〕為主色調(diào)。〔4〕要用到橢圓工具、鋼筆工具和漸變網(wǎng)格工具。圖2.85花瓶圖2.86花瓶圖形結(jié)構(gòu)分解9/24/202371〔1〕用鋼筆工具作一條曲線，如圖2.87〔a〕所示?！?〕選取該曲線，執(zhí)行對(duì)象\變換\反相命令，彈出“反相〞對(duì)話框，如圖2.88所示，按對(duì)話框中參數(shù)設(shè)定，單擊復(fù)制按鈕，生成一條完全和原來(lái)曲線對(duì)稱的新曲線，如圖2.87〔b〕所示?！?〕將兩條對(duì)稱的曲線適當(dāng)放置，并全部選取它們，執(zhí)行窗口\排列命令，在翻開的排列面板中單擊“垂直下對(duì)齊〞，使兩條曲線底部對(duì)齊，并群組，用鋼筆工具作一條直線相連接，填充色用C52，去除邊線色，構(gòu)成如圖2.89所示。圖2.87曲線的繪制圖2.88“反相〞對(duì)話框圖2.89花瓶原型9/24/202372〔7〕將瓶口、瓶底和花瓶主體放置在一起，最后執(zhí)行群組命令，完成如圖2.85所示的圖形設(shè)計(jì)。〔4〕將漸變網(wǎng)格工具作用于花瓶主體上，設(shè)計(jì)高亮光和過(guò)渡色，制作如圖2.86〔a〕所示?！?〕作瓶口的兩個(gè)橢圓，其中一個(gè)小一些；大橢圓邊線色用C52，填充色用純白，如圖2.86〔b〕所示；小橢圓無(wú)邊線色，填充色用純白，作網(wǎng)格，設(shè)計(jì)右邊局部的網(wǎng)格填充色為K3至K5不等。將兩個(gè)重合，并群組，如圖2.90所示。〔6〕制作瓶底的橢圓，作網(wǎng)格，注意和花瓶主體相對(duì)應(yīng)，填充相應(yīng)的顏色，如圖2.91所示。圖2.90瓶口圖2.91瓶底9/24/202373NED返回主菜單9/24/202374【知識(shí)要點(diǎn)】各種根本變形工具的使用變形工具的使用及效果封套變形命令的使用第3章圖形的變形9/24/2023753.1圖形的根本變形

從圖3.1中我們可以看到，兩只小鳥除了大小略有不同之外，形狀是一樣的；而以中間的花朵為準(zhǔn)，通過(guò)不同的變形產(chǎn)生了另外兩朵花。可見(jiàn)在IllustratorCS中，根據(jù)設(shè)計(jì)的需要對(duì)圖形進(jìn)行變形是常見(jiàn)的操作，主要有縮放、旋轉(zhuǎn)、鏡像和傾斜等。常用工具有圖形根本變形工具組，窗口菜單下的“變換〞〔Transform〕面板，對(duì)象菜單下的“變換〞子菜單等，分別如圖3.2、圖3.3、圖3.4所示。圖3.1鳥語(yǔ)花香圖3.2圖形根本變形工具組圖3.3窗口菜單下的“變換〞面板圖3.4對(duì)象\變換下的子菜單9/24/2023763.1.1圖形的縮放和旋轉(zhuǎn)

在第1章中我們已經(jīng)知道用直接選取工具選取后，可以對(duì)圖形進(jìn)行縮放和旋轉(zhuǎn)，如圖3.5〔b〕和圖3.5〔c〕就是對(duì)圖3.5〔a〕的變形，但這種縮放和旋轉(zhuǎn)都不夠精確。要使圖形進(jìn)行精確地縮放或旋轉(zhuǎn)，可用對(duì)象\變換子菜單下的縮放和旋轉(zhuǎn)命令。在圖3.4中選擇縮放命令，翻開比例對(duì)話框如圖3.6所示，在比例輸入框中輸入不同的數(shù)字，圖形將精確縮放。如選取圖3.5〔a〕圖形，輸入數(shù)字60，那么縮小的圖形如圖3.5〔d〕所示。同理，在上述子菜單中選擇旋轉(zhuǎn)命令，將翻開“旋轉(zhuǎn)〞對(duì)話框，如圖3.7所示，再在角度輸入框輸入60，圖形變換如圖3.5〔e〕所示。圖3.5圖形的縮放和旋轉(zhuǎn)變形圖3.6“比例〞對(duì)話框圖3.7“旋轉(zhuǎn)〞對(duì)話框9/24/2023773.1.2圖形的鏡像

在設(shè)計(jì)對(duì)稱的圖形時(shí)，我們是先用鋼筆制作一條曲線后，再用翻轉(zhuǎn)的方法生成另一條曲線。而在IllustratorCS變形圖形工具中，有一個(gè)鏡像工具可以完成這種設(shè)計(jì)工作?！緦?shí)例1】完成圖3.5〔a〕所示小鳥的鏡像圖形制作。

〔1〕用直接選擇工具選取小鳥圖形，點(diǎn)擊鏡像工具?！?〕將光標(biāo)在小鳥圖形右邊點(diǎn)擊，出現(xiàn)一個(gè)基準(zhǔn)點(diǎn)，如圖3.8〔a〕所示?！?〕將光標(biāo)放在小鳥圖形上，向右邊移動(dòng)，出現(xiàn)一個(gè)虛的圖像，如圖3.8〔b〕所示?！?〕放開鼠標(biāo)得圖3.8〔a〕鏡像圖形，如圖3.8〔c〕所示。圖3.8鏡像圖形的制作

跟我學(xué)9/24/202378還可以用以下兩種方法制作鏡像圖形：〔1〕要在保持原圖形的同時(shí)，得到一個(gè)鏡像圖形，可在上述步驟3的根底上，按下“Alt〞鍵，松開鼠標(biāo)，即到到一個(gè)鏡像圖形。如圖3.8〔b〕中的虛圖將變?yōu)閷?shí)圖?！?〕用直接選擇工具選取小鳥圖形后，雙擊鏡像工具，將出現(xiàn)一個(gè)對(duì)話框，如圖3.9所示。如果直接單擊“確定〞按鈕，將在原圖位置上直接生成一個(gè)鏡像圖形；如果單擊“復(fù)制〞按鈕，那么在原圖位置復(fù)制一個(gè)鏡像圖形，如圖3.10所示。知識(shí)拓展圖3.9“反相〞對(duì)話框圖3.10用“復(fù)制〞按鈕生成的鏡像圖形9/24/2023793.1.3

圖形的傾斜

通過(guò)圖3.1，我們可以截取如圖3.11所示的兩朵花，其中圖3.11〔b〕是圖3.11〔a〕的變形，這種變形可以應(yīng)用傾斜工具來(lái)實(shí)現(xiàn)?！緦?shí)例2】根據(jù)圖3.12〔a〕來(lái)完成圖3.12〔d〕所示圖形的制作?！?〕用直接選擇工具選取圖3.12〔a〕，點(diǎn)擊傾斜工具，在圖形上出現(xiàn)一個(gè)基準(zhǔn)點(diǎn)。〔2〕將光標(biāo)放在人頭的圖形上，向右邊移動(dòng)，出現(xiàn)一個(gè)虛的圖像，如圖3.12〔c〕所示。〔3〕放開鼠標(biāo)得圖3.12〔d〕所示的傾斜圖形。

跟我學(xué)(a〕〔b〕〔c〕〔d〕〔a〕〔b〕圖3.11花的變形圖3.12圖形傾斜9/24/2023803.1.4

圖形的綜合變形

要進(jìn)行圖形的上述變形，還可以使用菜單欄中的對(duì)象\變換\分別變換〔Object\Transform\TransformEach〕命令，在彈出的對(duì)話框中進(jìn)行設(shè)置，如圖3.13所示。在對(duì)話框中進(jìn)行適當(dāng)?shù)脑O(shè)置可以對(duì)圖形進(jìn)行移動(dòng)、縮放、旋轉(zhuǎn)或鏡像等操作。試用直接選取工具選擇圖3.8〔a〕的小鳥，按上述對(duì)話框進(jìn)行設(shè)置，假設(shè)單擊“復(fù)制〞按鈕，看一看會(huì)產(chǎn)生什么新的圖形；而直接單擊“確定〞按鈕又會(huì)產(chǎn)生什么變化？假設(shè)改變圖中小黑點(diǎn)〔圖形的基準(zhǔn)點(diǎn)〕的不同位置，新產(chǎn)生的圖形位置又有什么變化？請(qǐng)讀者試一試。圖3.13“變換每個(gè)〞對(duì)話框9/24/2023813.2

圖形的各種變形效果

要對(duì)圖形進(jìn)行變形，在IllustratorCS工具箱中，還提供了變形工具組，從左至右分別為變形〔彎曲〕、扭轉(zhuǎn)、擠壓〔折疊〕、膨脹、扇形扭曲、晶格化和折皺工具。而執(zhí)行菜單欄中的濾鏡\扭曲〔Filter\Distort〕下的命令，如圖3.14所示；效果\扭曲和變換〔Effect\Distort&Transform〕下的命令，如圖3.15所示。這些命令也可以對(duì)各種圖形進(jìn)行變形。圖3.14濾鏡\扭曲下的子菜單圖3.15效果\扭曲和變換下的子菜單9/24/2023823.2.1運(yùn)用變形工具組

1．變形工具本工具像一個(gè)手指，可以在選定的圖形上用涂抹的方式進(jìn)行變形處理。選定變形工具后，光標(biāo)是一個(gè)空的圓形，將其放在圖3.16〔a〕上，效果如圖3.16〔b〕所示，對(duì)圖形進(jìn)行屢次涂抹，效果如圖3.16〔c〕所示，其效果是不是更具有卡通畫的味道？從而可知變形工具能使圖形隨著鼠標(biāo)拖曳的方向自由變形。2．扭轉(zhuǎn)工具選定扭轉(zhuǎn)工具，將光標(biāo)放在圖3.16〔a〕中間的半圓圖形上，單擊鼠標(biāo)一至二次，效果如圖3.17〔a〕所示；再將光標(biāo)放在邊緣的光輝上，分別對(duì)點(diǎn)擊數(shù)次，效果如圖3.17〔b〕所示，具有抽象畫的風(fēng)格。從變形后的圖形可看出，扭轉(zhuǎn)工具能使被單擊局部的圖形呈旋渦形狀，而單擊后同時(shí)拖曳又會(huì)產(chǎn)生更加特殊形狀的圖形效果。圖3.16彎曲變形圖3.17扭轉(zhuǎn)變形9/24/2023833．折疊工具選定折疊工具，將光標(biāo)如圖3.18〔a〕所示放置，單擊鼠標(biāo)后效果如圖3.18〔b〕所示，中間的半圓被擠壓〔折疊〕，可見(jiàn)該工具能使圖形產(chǎn)生向單擊點(diǎn)收縮的效果。4．膨脹工具如圖3.19〔a〕所示，要使圖中的圓孔作膨脹變形，可選取膨脹工具后將光標(biāo)按如圖3.19〔b〕所示放置，單擊鼠標(biāo)，中心孔膨脹如圖3.19〔c〕所示?？梢?jiàn)膨脹工具能使圖形隨單擊點(diǎn)或拖曳方向呈膨脹效果。圖3.18擠壓〔折疊〕變形圖3.19膨脹變形9/24/2023845．扇形扭曲工具選取扇形扭曲工具后將光標(biāo)按如圖3.20〔a〕所示放置，單擊鼠標(biāo)并適當(dāng)拖曳，原圖變成圖3.20〔b〕所示，可見(jiàn)該工具能使圖形從輪廓處向內(nèi)收縮變形。假設(shè)多單擊對(duì)象，那么收縮更加劇烈。圖3.21〔a〕是一片樹葉，使用扇形工具點(diǎn)擊樹葉邊緣，效果如圖3.21〔b〕所示，產(chǎn)生小的皺狀變形，使所繪制的樹葉更加形象化。6．晶格工具選取晶格工具后將光標(biāo)按如圖3.20〔a〕所示放置，單擊鼠標(biāo)，原圖變成圖3.22所示，可見(jiàn)該工具能使圖形從輪廓處向外擴(kuò)展變形。用本工具對(duì)圖3.23〔a〕樹葉進(jìn)行處理，將使圖形產(chǎn)生一些的尖角和突起，如圖3.23〔b〕所示。圖3.22擴(kuò)展變形圖3.23尖角和突起圖3.20收縮變形圖3.21樹葉邊緣的皺狀變形9/24/2023857．折皺工具選取折皺工具后將光標(biāo)按如圖3.24〔a〕所示放置，屢次單擊鼠標(biāo)，原圖變成如圖3.24〔b〕所示，可見(jiàn)該工具能使圖形輪廓產(chǎn)生波浪狀的變形。假設(shè)按住鼠標(biāo)左鍵不放，并上下拖曳，那么效果如圖3.24〔c〕所示，圖形變化更大。而對(duì)圖3.23〔a〕進(jìn)行折皺處理后，圖形產(chǎn)生局部碎化變形，產(chǎn)生效果如圖3.25所示。應(yīng)用上述前四項(xiàng)工具，還可以雙擊它們，得到同種類型的對(duì)話框。如圖3.26所示是“變形工具選項(xiàng)〞對(duì)話框。而后三項(xiàng)工具，雙擊它們也可以得到一個(gè)同一種類型的對(duì)話框。如圖3.27所示是“晶格工具選項(xiàng)〞對(duì)話框。圖3.27“晶格工具選項(xiàng)〞對(duì)話框圖3.26“變形工具選項(xiàng)〞對(duì)話框圖3.24折皺變形圖3.25局部碎化9/24/202386

應(yīng)用菜單下的各種變形命令

從圖3.14和圖3.15可看出，兩個(gè)菜單中的命令都非常相似，但它們卻有本質(zhì)的區(qū)別。讓我們先了解效果\扭曲和變換〔Effect\Distort&Transform〕下的命令效果，最后再來(lái)分析兩個(gè)菜單的不同點(diǎn)。1．變換〔Transform〕選擇圖3.28〔a〕，執(zhí)行效果\扭曲和變換\變換命令，出現(xiàn)如圖3.29所示的對(duì)話框，勾選“反射〔X〕〞框，按確定后出現(xiàn)如圖3.28〔b〕所示圖形。從圖3.28〔b〕中可以看出，圖形在方向、位置上發(fā)生了變化，但原有的路徑?jīng)]有改變〔圖中虛線局部〕。圖3.29對(duì)話框和執(zhí)行對(duì)象\變換\分別變換命令后得到的對(duì)話框一樣，見(jiàn)圖3.13；而對(duì)圖3.28〔a〕執(zhí)行分別變換命令后，同理選擇一樣的參數(shù)，得出如圖3.28〔c〕所示圖形，但這時(shí)路徑隨著圖形的變換也跟著改變，路徑和圖形重合。圖3.28執(zhí)行“變換〞后的效果與“分別變換〞后的效果比較圖3.29“變換效果〞對(duì)話框9/24/2023872．鋸齒〔Zigzag〕選擇圖3.28〔a〕，執(zhí)行鋸齒命令，出現(xiàn)對(duì)話框，如圖3.30所示。對(duì)話框中的變形參數(shù)：大小〔Size〕：表示鋸齒的大小程度，數(shù)值越大鋸齒越明