中文Illustrator教程課件

第1章IllustratorCS入門【知識要點】初識IllustratorCS了解IllustratorCS工作界面（工具箱、菜單欄、浮動面板）

了解位圖和矢量圖的概念與區(qū)別

了解各種色彩模式

了解對象的多種選擇方法

熟練掌握選擇工具的使用方法

掌握對象前后順序的調(diào)整

掌握對象的對齊與分布方法

掌握對象的組合與分割8/14/20231第1章IllustratorCS入門【知識要點】初識Il1.1

初識IllustratorCS

一、中文IllustratorCS的界面

1．標(biāo)題欄2．菜單欄（1）文件（File）（2）編輯（Edit）（3）對象（Object）（4）文字（Type）（5）選擇（Select）（6）濾鏡（Filter）（7）效果（Effect）（8）視圖（View）（9）窗口（Window）（10）幫助（Help）3．工具箱4．浮動面板5．工作平臺8/14/202321.1初識IllustratorCS

一、中文Illu二、工具箱工具分為8組：

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

每個組中帶有小黑三角形標(biāo)志的表示某個工具里含有一小組工具，單擊該工具并拖曳，就可以展開這小組工具1.1初識IllustratorCS8/14/20233二、工具箱1.1初識IllustratorCS7/24三、浮動面板

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

浮動面板可在菜單欄中1.2

位圖和矢量圖

1．矢量圖

矢量圖像，也稱為面向?qū)ο蟮膱D像，是基于用數(shù)學(xué)方式繪制的曲線或其他幾何圖形，是由輪廓和填充組成的圖形。其圖形元素稱為對象，而每個對象都是一個自成一體的實體，它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。矢量的繪圖同分辨率無關(guān)，在軟件制作中放大或縮小矢量圖而不會改變其清晰度，也意味著它們可以按最高分辨率將圖形輸出到輸出設(shè)備上。矢量圖的文件大小由圖像的復(fù)雜程度決定，與圖形的大小無關(guān)，其輪廓清晰、色彩明快，可任意縮放而保持圖像視覺質(zhì)量等方面的特性受到許多設(shè)計者的青睞。8/14/202351.2位圖和矢量圖

1．矢量圖7/24/202352．位圖

位圖圖像，也稱為點陣圖像，是由稱做像素（圖片元素）的單個點組成的，這些點可以進(jìn)行不同的排列和染色以構(gòu)成圖像。每個像素都指定一個特定的位置和顏色數(shù)值。處理位圖圖像時，所處理的是像素，而非物件或形狀。但位圖圖像可以優(yōu)化微小細(xì)節(jié)，更逼真地表現(xiàn)外部世界。位圖一般用于照片的圖像處理，其代表軟件有PhotoShop。數(shù)碼相機(jī)拍攝的相片就是位圖圖片，其分辨率的大小決定了圖像大小，而低分辨率的圖像放大后會使線條和形狀顯得參差不齊。1.2位圖和矢量圖

放大后邊緣呈鋸齒形8/14/202362．位圖1.2位圖和矢量圖

放大后邊緣呈鋸齒形7/241.3

色彩模式

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

四種色彩模式:

1．RGB2.CMYK3.HSB4.灰度8/14/202371.3色彩模式

色彩模式就是把色彩分解1．RGB色彩模式

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

RGB色彩模2．CMYK色彩模式

CMYK也稱做印刷色彩模式，它是唯一一種專門針對印刷業(yè)設(shè)定的顏色標(biāo)準(zhǔn)，是通過對青（Cyan）、洋紅（Magenta）、黃（Yellow）、黑（Black）四種顏色的變化以及它們相互之間的疊加來得到各種顏色。CMYK取之于青、洋紅和黃色首字符，黑色取尾字符，以避免和藍(lán)色相混淆。CMYK同時也代表四種印刷專用的油墨顏色，在印刷上通過控制青、洋紅、黃、黑四色油墨在紙張上的相疊印刷來產(chǎn)生色彩，稱之為四色印刷。通過如圖1.5所示的色彩模式浮動面板可以看到CMYK是以百分比來選擇的，相當(dāng)于油墨的濃度。

青、洋紅和黃色組合的顏色如圖1.6所示，從理論上來說，只需要CMY三種油墨就足夠了，它們?nèi)齻€加在一起就可以得到黑色，但是由于目前制造工藝還不能造出高純度的油墨，CMY相加的結(jié)果實際是一種暗咖啡色，因此還需要加入一種專門的黑墨來中和。圖1.5CMYK色彩模式浮動面板圖1.6CMY三種顏色及組合1.3色彩模式8/14/202392．CMYK色彩模式

CMYK也稱做印刷色彩模式3．HSB色彩模式HSB色彩模式把顏色分為色相（Hue）、飽和度（Saturation）、明度（Brightness）三個要素，其色彩模式浮動面板如圖1.7所示。所謂的色相是指物體固有的顏色（物體反射的光波），以度（°）來表示，按0°～360°的標(biāo)準(zhǔn)色輪的位置來確定，如圖1.8所示。飽和度用色相中的灰色成分所占的比例來表示，0%是純灰色，100%是完全飽和，它是指顏色的強(qiáng)度或純度；它相當(dāng)于彩電中的色彩濃度，飽和度高色彩較艷麗，飽和度低色彩就越接近灰色。明度也稱為亮度，它相當(dāng)于彩電中的亮度，亮度越高色彩就越明亮，最高定義為純白（0%）；亮度越低色彩就越暗淡，最低定義為純黑（100%）。1.3色彩模式圖1.7HSB色彩模式浮動面板

圖1.8色相環(huán)圖8/14/2023103．HSB色彩模式1.3色彩模式圖1.7HSB色彩模4．灰度模式

灰度色中不包含任何色相，不存在紅色、黃色這樣的顏色，只存在所謂灰度色，即從純黑到純白以及從黑到白的過渡色。我們所指的黑白照片、黑白電視，實際上都應(yīng)該稱為灰度色才確切?；叶戎悼捎煤谏湍采w的百分比來表示，如圖1.9所示，可以看到0%表示白色，100%表示黑色。1.3色彩模式圖1.9灰度模式浮動面板5．色彩模式的選擇

在選擇圖像處理時的色彩模式時，如只要求在屏幕中顯示，則可用RGB模式；而所處理的圖像需要打印或者印刷，就必須使用CMYK模式，才可確保印刷品顏色與設(shè)計時的一致；處理黑白圖片可用灰度模式。而HSB色彩模式因屏幕顯示用RGB模式、打印和印刷用CMYK模式限制了其使用范圍。

8/14/2023114．灰度模式1.3色彩模式圖1.9灰度模式浮動面板51.4對象的選擇與管理

在IllustratorCS中，對象的選擇是最基本的操作，如圖1.10所示有5種選擇工具，同時還在“選擇”菜單中提供了一些命令，供不同的對象進(jìn)行選擇。圖1.10選擇工具組8/14/2023121.4對象的選擇與管理

在Illus1.4.1對象的選擇【實例1】試用選擇工具和直接選擇工具對如圖1.11所示的AI圖案（擬操作的對象）進(jìn)行各種操作。

跟我學(xué)（1）將選擇工具放在圖1.11上的不同位置光標(biāo)將呈現(xiàn)不同的狀態(tài)，而單擊對象，則對象被選中，這時可以將對象拖曳到圖面上的任何位置。圖1.11選擇工具作用在對象不同位置的狀態(tài)8/14/2023131.4.1對象的選擇跟我學(xué)（1）將選擇工具放（2）用選擇工具還可以在水平或垂直方向縮放對象。單擊對象，并將光標(biāo)放在四角的控制點上，這時光標(biāo)變?yōu)椋鐖D1.12（a）所示。移動光標(biāo)可將對象縮放，結(jié)果如圖1.12（b）所示。若在移動光標(biāo)的同時，按下Shift鍵，則縮放對象的比例保持不變，結(jié)果如圖1.12（c）所示。將光標(biāo)放在中間控制點上，這時光標(biāo)變?yōu)椋蓪ο髾M向或縱向拉伸，如圖1.12（d）是橫向水平拉伸。圖1.12圖形對象的縮放（a）（b）（c）（d）8/14/202314（2）用選擇工具還可以在水平或垂（3）應(yīng)用直接選擇工具單擊對象，如圖1.13（a）所示，注意與選擇工具選擇對象后的區(qū)別。單擊對象中的某個節(jié)點，如圖1.13（b）所示，拖曳該節(jié)點后，對象的局部圖形將有所變化，如圖1.13（d）所示。而單擊兩個節(jié)點之間的路徑，拖曳后圖形也將變化，如圖1.14所示。這種方法對調(diào)整局部圖形是很有用的。（a）單擊對象（b）單擊節(jié)點（c）拖曳節(jié)點（d）拖曳節(jié)點后放開圖1.14單擊路徑及拖曳后的結(jié)果圖1.13直接選擇工具選擇對象和節(jié)點及拖曳后的結(jié)果8/14/202315（3）應(yīng)用直接選擇工具單擊對象，如圖1【實例2】試用組選擇工具對對象進(jìn)行操作。（1）在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é)果，并用選擇工具選擇它們。打開菜單欄中的“對象”（Object）菜單，選擇“群組”（Group）命令，則花莖和葉子形成一體。再將花瓣放在花莖上面，組成一枝有莖和葉的花朵，按圖1.15（e）所示全部選擇它們，再執(zhí)行“群組”命令，則形成一個整體。8/14/202316【實例2】試用組選擇工具對對象進(jìn)行操作。（3）用組選擇工具單擊葉子，葉子選中；再單擊花莖，花莖被選中；再單擊花瓣，花瓣又被選中，三個過程如圖1.16所示。可見用組選擇工具每單擊一次，就將群組對象中的一個子集加入到當(dāng)前選擇集中。圖1.16組選擇工具的使用8/14/202317（3）用組選擇工具單擊葉子，葉子選中1.4.2

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

在IllustratorCS中，對象擺放的先后順序是十分重要的，首先創(chuàng)建的對象在最后，最后創(chuàng)建的對象在最前。但對象的擺放順序是可以變化的，執(zhí)行菜單欄中對象\排列（Object\Arrange）子菜單中的各種命令就可以改變。【實例3】如圖1.17（a）所示的三個圖形對象的前后順序是“魚”、“水草”和“蟹”，試對各個圖形對象進(jìn)行前后順序的調(diào)整，以達(dá)到如圖1.17（b）和圖1.17（c）的要求。圖1.17對象的前后順序調(diào)整8/14/2023181.4.2對象前后順序的調(diào)整

在I（1）如要將“蟹”放在圖中的最前面，“魚”放在最后面，如圖1.17（b）所示。先選擇對象“蟹”，再單擊菜單欄中的對象\排列\(zhòng)排到最前面（Object\Arrange\BringtoFront）命令，如圖1.18所示的菜單，這時“蟹”置于“水草”之前。同理，選擇對象“魚”，再單擊對象\排列\(zhòng)排到最后面（SendtoBack），“魚”將置于“水草”之后，就完成了前后順序的調(diào)整。圖1.17(b)、(c)

跟我學(xué)圖1.18“排列”菜單（2）要達(dá)到如圖1.17（c）所示的順序，只要將“水草”置于最前面即可?？梢娛褂谩芭帕小毕碌母鱾€命令很容易實現(xiàn)對象在圖層位置上的前后調(diào)整，讀者可試試用“排在前一層”（BringForward）和“排在后一層”（BringBackward）來實現(xiàn)圖1.17（b）和圖1.17（c）各個圖形的位置。8/14/202319（1）如要將“蟹”放在圖中的最前面，“魚”放在最后面【實例4】通過對圖1.17的演化，以達(dá)到如圖1.19所示的效果。

（1）選擇圖形對象“魚”，執(zhí)行編輯\復(fù)制命令，再連續(xù)執(zhí)行三次粘貼命令，則在圖面上多了三條“魚”，分別對他們進(jìn)行縮小或旋轉(zhuǎn)。旋轉(zhuǎn)方法如圖1.20所示，即將對象選取后，光標(biāo)放在某一角邊，變成形狀，按照希望旋轉(zhuǎn)的方向旋轉(zhuǎn)，本圖是逆時針旋轉(zhuǎn)。（2）同理復(fù)制一只“蟹”，按圖中形狀適當(dāng)縮小和順時針方向旋轉(zhuǎn)。（3）將每條魚在圖中的位置進(jìn)行前后順序的調(diào)整，使得魚兒在水草中有穿梭游動的感覺。

跟我學(xué)8/14/202320【實例4】通過對圖1.17的演化，以達(dá)到如圖1.19所示的效1.4.3

對象的對齊與分布

【實例5】將如圖1.21（a）所示的三個圖形對象經(jīng)過一定操作演變成如圖1.21（b）所示的圖形。（1）執(zhí)行窗口\排列命令，則打開“排列”面板如圖1.22所示。面板中有三個欄目：對齊對象（Align）、分布對象（Distribute）和分布間距。其中對齊對象從左至右分別為：水平左對齊、水平居中對齊、水平右對齊、垂直上對齊、垂直居中對齊和垂直下對齊單擊按鈕。

跟我學(xué)圖1.22“排列”浮動面板8/14/2023211.4.3對象的對齊與分布

【實例5】將如圖1.21（a（2）用選擇工具同時選擇大小兩個圓，然后單擊水平居中對齊按鈕，得如圖1.23（a）所示的效果；再單擊垂直居中對齊按鈕，得如圖1.23（b）所示的效果。（3）執(zhí)行對象\群組命令，則兩個圓成為整體。（4）同時選擇圓和三角形，單擊垂直下對齊按鈕，再單擊水平居中對齊，則得如圖1.21（b）的效果。8/14/202322（2）用選擇工具同時選擇大小兩個圓，然后單擊水平居中對齊按鈕【實例6】將如圖1.24（a）所示的四個小圓位置重新進(jìn)行分布，變成如圖1.24（b）和1.24（c）所示。（1）本例將用到排列浮動面板中的“分布對象”中的各種按鈕，分布對象從左至右分別為：垂直依上均分、垂直居中均分、垂直依下均分、水平依左均分、水平居中均分和水平依右均分。（2）用選擇工具同時選擇四個小圓，單擊垂直居中均分，則在垂直距離上，每個小圓之間的中心距相等，得如圖1.24（b）所示的效果。（3）用選擇工具同時選擇四個小圓，單擊水平居中均分，則在水平距離上，每個小圓之間的中心距相等，得如圖1.24（c）所示的效果。

跟我學(xué)8/14/202323【實例6】將如圖1.24（a）所示的四個小圓位置重新進(jìn)行分布1.4.4

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

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

（4）再同時選擇圖1.25（a）中兩個圖形對象，單擊分割（Divide）按鈕，兩個圖形被“群組”，執(zhí)行對象\解散群組命令，分別向上移動圓形和向下移動三角形，則原圖形被分割成三個不同形狀的圖形，如圖1.25（d）所示。

8/14/2023241.4.4對象的組合與分割【實例7】將如圖1.251.5

綜合實例1

根據(jù)如圖1.27給出的三個圓的圖形，作出如圖1.28所示的圖形?！救蝿?wù)分析】米老鼠的圖形基本上由圓、橢圓和圓弧曲線組成，可通過圓、橢圓和圓弧線的組合，并通過“修整”浮動面板中的操作工具來實現(xiàn)。8/14/2023251.5綜合實例1根據(jù)如圖1.27給出的三個圓

（1）首先選擇黑色的圓，用對象\復(fù)制和粘貼命令生成三個圓，并分別放大和縮小，將縮小的兩個圓進(jìn)行適當(dāng)?shù)男D(zhuǎn)，按圖1.29（a）所示進(jìn)行放置，最后執(zhí)行對象\群組命令，三個圖形變?yōu)橐粋€整體。

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

（3）選擇所有圖形，如圖1.29（c）所示，并單擊“修整”浮動面板中的（外形區(qū)域減去前面）按鈕，則生成如圖1.29（d）的頭形。

跟我學(xué)8/14/202326（1）首先選擇黑色的圓，用對象\復(fù)制和粘貼命令生成三個圓（4）作兩個橢圓如圖1.30（a）所示，注意前后順序，再用一個白色無邊框的橢圓覆蓋在前面橢圓的上半部分，如圖1.30（b）所示，結(jié)果如圖1.3