中文Illustrator教程課件

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

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

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

每個(gè)組中帶有小黑三角形標(biāo)志的表示某個(gè)工具里含有一小組工具，單擊該工具并拖曳，就可以展開這小組工具1.1初識(shí)IllustratorCS1/3/20233二、工具箱1.1初識(shí)IllustratorCS12/2三、浮動(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í)IllustratorCS1/3/20234三、浮動(dòng)面板

浮動(dòng)面板可在菜單欄中1.2

位圖和矢量圖

1．矢量圖

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

1．矢量圖12/27/20222．位圖

位圖圖像，也稱為點(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位圖和矢量圖

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

放大后邊緣呈鋸齒形12/21.3

色彩模式

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

四種色彩模式:

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

色彩模式就是把色彩分解1．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色彩模式1/3/202381．RGB色彩模式

RGB色彩模2．CMYK色彩模式

CMYK也稱做印刷色彩模式，它是唯一一種專門針對(duì)印刷業(yè)設(shè)定的顏色標(biāo)準(zhǔn)，是通過對(duì)青（Cyan）、洋紅（Magenta）、黃（Yellow）、黑（Black）四種顏色的變化以及它們相互之間的疊加來(lái)得到各種顏色。CMYK取之于青、洋紅和黃色首字符，黑色取尾字符，以避免和藍(lán)色相混淆。CMYK同時(shí)也代表四種印刷專用的油墨顏色，在印刷上通過控制青、洋紅、黃、黑四色油墨在紙張上的相疊印刷來(lái)產(chǎn)生色彩，稱之為四色印刷。通過如圖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色彩模式1/3/202392．CMYK色彩模式

CMYK也稱做印刷色彩模式3．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)圖1/3/2023103．HSB色彩模式1.3色彩模式圖1.7HSB色彩模4．灰度模式

灰度色中不包含任何色相，不存在紅色、黃色這樣的顏色，只存在所謂灰度色，即從純黑到純白以及從黑到白的過渡色。我們所指的黑白照片、黑白電視，實(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模式限制了其使用范圍。

1/3/2023114．灰度模式1.3色彩模式圖1.9灰度模式浮動(dòng)面板51.4對(duì)象的選擇與管理

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

在Illus1.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)1/3/2023131.4.1對(duì)象的選擇跟我學(xué)（1）將選擇工具放（2）用選擇工具還可以在水平或垂直方向縮放對(duì)象。單擊對(duì)象，并將光標(biāo)放在四角的控制點(diǎn)上，這時(shí)光標(biāo)變?yōu)?，如圖1.12（a）所示。移動(dòng)光標(biāo)可將對(duì)象縮放，結(jié)果如圖1.12（b）所示。若在移動(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）1/3/202314（2）用選擇工具還可以在水平或垂（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)整局部圖形是很有用的。（a）單擊對(duì)象（b）單擊節(jié)點(diǎn)（c）拖曳節(jié)點(diǎn)（d）拖曳節(jié)點(diǎn)后放開圖1.14單擊路徑及拖曳后的結(jié)果圖1.13直接選擇工具選擇對(duì)象和節(jié)點(diǎn)及拖曳后的結(jié)果1/3/202315（3）應(yīng)用直接選擇工具單擊對(duì)象，如圖1【實(shí)例2】試用組選擇工具對(duì)對(duì)象進(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é)果，并用選擇工具選擇它們。打開菜單欄中的“對(duì)象”（Object）菜單，選擇“群組”（Group）命令，則花莖和葉子形成一體。再將花瓣放在花莖上面，組成一枝有莖和葉的花朵，按圖1.15（e）所示全部選擇它們，再執(zhí)行“群組”命令，則形成一個(gè)整體。1/3/202316【實(shí)例2】試用組選擇工具對(duì)對(duì)象進(jìn)行操作。（3）用組選擇工具單擊葉子，葉子選中；再單擊花莖，花莖被選中；再單擊花瓣，花瓣又被選中，三個(gè)過程如圖1.16所示。可見用組選擇工具每單擊一次，就將群組對(duì)象中的一個(gè)子集加入到當(dāng)前選擇集中。圖1.16組選擇工具的使用1/3/202317（3）用組選擇工具單擊葉子，葉子選中1.4.2

對(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)整1/3/2023181.4.2對(duì)象前后順序的調(diào)整

在I（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）所示的順序，只要將“水草”置于最前面即可?？梢娛褂谩芭帕小毕碌母鱾€(gè)命令很容易實(shí)現(xiàn)對(duì)象在圖層位置上的前后調(diào)整，讀者可試試用“排在前一層”（BringForward）和“排在后一層”（BringBackward）來(lái)實(shí)現(xiàn)圖1.17（b）和圖1.17（c）各個(gè)圖形的位置。1/3/202319（1）如要將“蟹”放在圖中的最前面，“魚”放在最后面【實(shí)例4】通過對(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)。（2）同理復(fù)制一只“蟹”，按圖中形狀適當(dāng)縮小和順時(shí)針方向旋轉(zhuǎn)。（3）將每條魚在圖中的位置進(jìn)行前后順序的調(diào)整，使得魚兒在水草中有穿梭游動(dòng)的感覺。

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

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

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

跟我學(xué)圖1.22“排列”浮動(dòng)面板1/3/2023211.4.3對(duì)象的對(duì)齊與分布

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

跟我學(xué)1/3/202323【實(shí)例6】將如圖1.24（a）所示的四個(gè)小圓位置重新進(jìn)行分布1.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所示。（2）打開圖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）所示。

1/3/2023241.4.4對(duì)象的組合與分割【實(shí)例7】將如圖1.251.5

綜合實(shí)例1

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

（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è)圓，通過變形、縮小和旋轉(zhuǎn)等操作，排列成如圖1.29（b）所示的圖形，并放置在圖1.29（a）上，構(gòu)成臉形。

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

跟我學(xué)1/3/202326（1）首先選擇黑色的圓，用對(duì)象\復(fù)制和粘貼命令生成三個(gè)圓（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）所示。1/3/202327（4）作兩個(gè)橢圓如圖1.30（a）所示，注意前后順序，再用一（5）眼睛的設(shè)計(jì)制作。分別作兩個(gè)帶黑邊框的小橢圓和兩個(gè)小黑色橢圓，如圖1.31（a）所示，構(gòu)成如圖1.31（b）所示的眼睛，并將兩只眼睛分別“群組”。（6）嘴唇的制作。制作兩個(gè)橢圓，大橢圓放前、小橢圓放后如圖1.32（b）所示，選擇全部圖形，并單擊按鈕，就形成如圖1.32（c）所示的圖形，再執(zhí)行“群組”命令。1/3/202328（5）眼睛的設(shè)計(jì)制作。分別作兩個(gè)帶黑邊框的小橢圓和兩個(gè)（7）將兩個(gè)眼睛和嘴唇分別選取，并執(zhí)行對(duì)象\排列\(zhòng)排在最前面命令，放在如圖1.30（d）的臉形圖形上，調(diào)整適當(dāng)位置；再在鼻子和嘴唇上加兩個(gè)小的黑橢圓，就得到如圖1.33所示的圖形。（8）為了使圖形更加傳神，可在眼球和鼻子黑點(diǎn)處加上白點(diǎn)；要使耳朵顯的更有立體感，可加兩條白色圓弧線，放置在適當(dāng)位置。最后完成圖1.28的制作。圖1.33臉部五官的放置圖1.28米老鼠1/3/202329（7）將兩個(gè)眼睛和嘴唇分別選取，并執(zhí)行對(duì)經(jīng)常不斷地學(xué)習(xí),你就什么都知道。你知道得越多,你就越有力量StudyConstantly,AndYouWillKnowEverything.TheMoreYouKnow,TheMorePowerfulYouWillBe學(xué)習(xí)總結(jié)經(jīng)常不斷地學(xué)習(xí),你就什么都知道。你知道得越多,你就越有力量學(xué)結(jié)束語(yǔ)當(dāng)你盡了自己的最大努力時(shí)，失敗也是偉大的，所以不要放棄，堅(jiān)持就是正確的。WhenYouDoYourBest,FailureIsGreat,SoDon'TGiveUp,StickToTheEnd演講人：XXXXXX時(shí)間：XX年XX月XX日

結(jié)束語(yǔ)第1章IllustratorCS入門【知識(shí)要點(diǎn)】初識(shí)IllustratorCS了解IllustratorCS工作界面（工具箱、菜單欄、浮動(dòng)面板）了解位圖和矢量圖的概念與區(qū)別了解各種色彩模式了解對(duì)象的多種選擇方法熟練掌握選擇工具的使用方法掌握對(duì)象前后順序的調(diào)整掌握對(duì)象的對(duì)齊與分布方法掌握對(duì)象的組合與分割1/3/202332第1章IllustratorCS入門【知識(shí)要點(diǎn)】初識(shí)Il1.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)1/3/2023331.1初識(shí)IllustratorCS

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

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

每個(gè)組中帶有小黑三角形標(biāo)志的表示某個(gè)工具里含有一小組工具，單擊該工具并拖曳，就可以展開這小組工具1.1初識(shí)IllustratorCS1/3/202334二、工具箱1.1初識(shí)IllustratorCS12/2三、浮動(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í)IllustratorCS1/3/202335三、浮動(dòng)面板

浮動(dòng)面板可在菜單欄中1.2

位圖和矢量圖

1．矢量圖

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

1．矢量圖12/27/20222．位圖

位圖圖像，也稱為點(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位圖和矢量圖

放大后邊緣呈鋸齒形1/3/2023372．位圖1.2位圖和矢量圖

放大后邊緣呈鋸齒形12/21.3

色彩模式

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

四種色彩模式:

1．RGB2.CMYK3.HSB4.灰度1/3/2023381.3色彩模式

色彩模式就是把色彩分解1．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色彩模式1/3/2023391．RGB色彩模式

RGB色彩模2．CMYK色彩模式

CMYK也稱做印刷色彩模式，它是唯一一種專門針對(duì)印刷業(yè)設(shè)定的顏色標(biāo)準(zhǔn)，是通過對(duì)青（Cyan）、洋紅（Magenta）、黃（Yellow）、黑（Black）四種顏色的變化以及它們相互之間的疊加來(lái)得到各種顏色。CMYK取之于青、洋紅和黃色首字符，黑色取尾字符，以避免和藍(lán)色相混淆。CMYK同時(shí)也代表四種印刷專用的油墨顏色，在印刷上通過控制青、洋紅、黃、黑四色油墨在紙張上的相疊印刷來(lái)產(chǎn)生色彩，稱之為四色印刷。通過如圖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色彩模式1/3/2023402．CMYK色彩模式

CMYK也稱做印刷色彩模式3．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)圖1/3/2023413．HSB色彩模式1.3色彩模式圖1.7HSB色彩模4．灰度模式

灰度色中不包含任何色相，不存在紅色、黃色這樣的顏色，只存在所謂灰度色，即從純黑到純白以及從黑到白的過渡色。我們所指的黑白照片、黑白電視，實(shí)際上都應(yīng)該稱為灰度色才確切。灰度值可用黑色油墨覆蓋的百分比來(lái)表示，如圖1.9所示，可以看到0%表示白色，100%表示黑色。1.3色彩模式圖1.9灰度模式浮動(dòng)面板5．色彩模式的選擇

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

1/3/2023424．灰度模式1.3色彩模式圖1.9灰度模式浮動(dòng)面板51.4對(duì)象的選擇與管理

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

在Illus1.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)1/3/2023441.4.1對(duì)象的選擇跟我學(xué)（1）將選擇工具放（2）用選擇工具還可以在水平或垂直方向縮放對(duì)象。單擊對(duì)象，并將光標(biāo)放在四角的控制點(diǎn)上，這時(shí)光標(biāo)變?yōu)?，如圖1.12（a）所示。移動(dòng)光標(biāo)可將對(duì)象縮放，結(jié)果如圖1.12（b）所示。若在移動(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）1/3/202345（2）用選擇工具還可以在水平或垂（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)整局部圖形是很有用的。（a）單擊對(duì)象（b）單擊節(jié)點(diǎn)（c）拖曳節(jié)點(diǎn)（d）拖曳節(jié)點(diǎn)后放開圖1.14單擊路徑及拖曳后的結(jié)果圖1.13直接選擇工具選擇對(duì)象和節(jié)點(diǎn)及拖曳后的結(jié)果1/3/202346（3）應(yīng)用直接選擇工具單擊對(duì)象，如圖1【實(shí)例2】試用組選擇工具對(duì)對(duì)象進(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é)果，并用選擇工具選擇它們。打開菜單欄中的“對(duì)象”（Object）菜單，選擇“群組”（Group）命令，則花莖和葉子形成一體。再將花瓣放在花莖上面，組成一枝有莖和葉的花朵，按圖1.15（e）所示全部選擇它們，再執(zhí)行“群組”命令，則形成一個(gè)整體。1/3/202347【實(shí)例2】試用組選擇工具對(duì)對(duì)象進(jìn)行操作。（3）用組選擇工具單擊葉子，葉子選中；再單擊花莖，花莖被選中；再單擊花瓣，花瓣又被選中，三個(gè)過程如圖1.16所示?？梢娪媒M選擇工具每單擊一次，就將群組對(duì)象中的一個(gè)子集加入到當(dāng)前選擇集中。圖1.16組選擇工具的使用1/3/202348（3）用組選擇工具單擊葉子，葉子選中1.4.2

對(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)整1/3/2023491.4.2對(duì)象前后順序的調(diào)整

在I（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）所示的順序，只要將“水草”置于最前面即可?？梢娛褂谩芭帕小毕碌母鱾€(gè)命令很容易實(shí)現(xiàn)對(duì)象在圖層位置上的前后調(diào)整，讀者可試試用“排在前一層”（BringForward）和“排在后一層”（BringBackward）來(lái)實(shí)現(xiàn)圖1.17（b）和圖1.17（c）各個(gè)圖形的位置。1/3/202350（1）如要將“蟹”放在圖中的最前面，“魚”放在最后面【實(shí)例4】通過對(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)。（2）同理復(fù)制一只“蟹”，按圖中形狀適當(dāng)縮小和順時(shí)針方向旋轉(zhuǎn)。（3）將每條魚在圖中的位置進(jìn)行前后順序的調(diào)整，使得魚兒在水草中有穿梭游動(dòng)的感覺。

跟我學(xué)1/3/202351【實(shí)例4】通過對(duì)圖1.17的演化，以達(dá)到如圖1.19所示的效1.4.3

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

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

跟我學(xué)圖1.22“排列”浮動(dòng)面板1/3/2023521.4.3對(duì)象的對(duì)齊與分布

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

跟我學(xué)1/3/202354【實(shí)例6】將如圖1.24（a）所示的四個(gè)小圓位置重新進(jìn)行分布1.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所示。（2）打開圖1.25的AI文件，同時(shí)選擇圖1.25（a）中兩個(gè)圖形對(duì)象，單擊合并外