電腦美術(shù)基礎(chǔ)與實(shí)用案例

1、本章重點(diǎn)：Adobe Illustrator是出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫軟件。無論您是生產(chǎn)印刷出版線稿的設(shè)計(jì)者、專業(yè)插畫家、生產(chǎn)多媒體圖像的藝術(shù)家，還是互聯(lián)網(wǎng)頁或在線內(nèi)容的制作者，都會(huì)發(fā)現(xiàn)Illustrator 不僅僅是一個(gè)藝術(shù)產(chǎn)品工具。該軟件為您的線稿提供無與倫比的精度和控制，適合生產(chǎn)任何小型設(shè)計(jì)到大型的復(fù)雜項(xiàng)目。作為全球最著名的圖形軟件，Illustrator以其強(qiáng)大的功能和體貼用戶的界面已經(jīng)占據(jù)了全球矢量編輯軟件中的大部分份額。據(jù)不完全統(tǒng)計(jì)，全球有67%的設(shè)計(jì)師在使用Illustrator進(jìn)行藝術(shù)設(shè)計(jì)！尤其基于Adobe公司專利的PostScript技術(shù)的運(yùn)用，Illust

2、rator已經(jīng)完全占領(lǐng)了專業(yè)的印刷出版領(lǐng)域。Illustrator強(qiáng)大的功能和簡潔的界面設(shè)計(jì)風(fēng)格都是其他同類軟件所無法比擬的！隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，Adobe公司也不斷調(diào)整產(chǎn)品的發(fā)展方向，而Illustrator CS3的諸多新的功能大大強(qiáng)化了它在網(wǎng)頁設(shè)計(jì)中的地位。無論是圖像在網(wǎng)頁上的最終輸出，還是矢量圖形在網(wǎng)頁上的發(fā)布(SVG技術(shù))，都體現(xiàn)了Adobe公司對網(wǎng)絡(luò)發(fā)展的重視！ 在本章中，詳細(xì)介紹了圖形圖像的各種基本知識和Illustrator軟件界面的組成。通過學(xué)習(xí)，能掌握界面中各元素的功能。本章內(nèi)容包括：l Illustrator在平面設(shè)計(jì)中的應(yīng)用l 了解Illustrator的一些基本概

3、念l 認(rèn)識位圖和矢量圖l 熟悉歡迎屏幕畫面l 熟悉操作界面l 剖析用Illustrator創(chuàng)作的過程初識Illustrator CS31.1 Illustrator在平面設(shè)計(jì)中的應(yīng)用Illustrator CS3是Adobe公司出品的矢量繪圖軟件，是出版、多媒體和網(wǎng)頁圖像的標(biāo)準(zhǔn)插畫軟件，功能非常強(qiáng)大，無論是新手還是插畫專家，它都提供了所需的工具，從而獲得專業(yè)質(zhì)量結(jié)果。如果你是從事出版印刷的設(shè)計(jì)者，選擇它將可以設(shè)計(jì)出最精美的版面；如果你是專業(yè)的廣告創(chuàng)意家，它將成為你的最佳助手；如果你愛好漫畫、插圖，它更是你不可或缺的伙伴。另外，它在工業(yè)設(shè)計(jì)、企業(yè)VI策劃、地圖繪制等領(lǐng)域，也展示了驚人的創(chuàng)造力。再

4、加上在網(wǎng)頁圖像領(lǐng)域的應(yīng)用，Illustrator可以說是貫穿了整個(gè)電腦圖形世界。1. 插畫為企業(yè)或產(chǎn)品繪制插圖。現(xiàn)代的商業(yè)插畫，不只是早期的作為文字的配置，而是獨(dú)立以一門畫種而存在的。由于商業(yè)插畫需要后續(xù)設(shè)計(jì)不同的大小，所以就需要此作品具有可縮放功能，這時(shí)矢量的商業(yè)插畫就得到了廣泛的重視，并在插畫中的地位不斷提高。商業(yè)插畫的效果如圖1-1所示。圖1-1 商業(yè)插畫2. 廣告在現(xiàn)代印刷廣告中，圖片所占的空間越來越大。從視覺順序上看，圖片的注意率僅次于廣告的標(biāo)題，而那些經(jīng)過精心設(shè)計(jì)的出色圖片卻往往首先吸引人們的注意。廣告插畫作為圖片的重要類型，它的創(chuàng)意與設(shè)計(jì)也向來受到廣告人的青睞。由于矢量圖形可任意

5、放大不失真的特點(diǎn)，所以在小到POP廣告，大到戶外廣告牌上都可以使用設(shè)計(jì)的矢量圖形，這為廣告的制作帶來了極大的方便，所以越來越多的矢量圖形被應(yīng)用于廣告中。目前最出色的應(yīng)是蘋果ipod視聽和手機(jī)產(chǎn)品的廣告，ipod廣告完全采用矢量圖形，為其產(chǎn)品體現(xiàn)出時(shí)尚和前位的特點(diǎn)做出了巨大的貢獻(xiàn)。在如圖1-2所示中的矢量圖形采用寫實(shí)的手法，將產(chǎn)品的特點(diǎn)和質(zhì)感表現(xiàn)得一目了然，加之在構(gòu)圖上采用滿構(gòu)圖突出了產(chǎn)品的視覺沖擊力，達(dá)到了宣傳產(chǎn)品的特點(diǎn)。圖1-2 廣告作品 3. 包裝設(shè)計(jì)商品的包裝是對商品的外部起保護(hù)作用的容器，其設(shè)計(jì)內(nèi)容包括形狀、顏色、圖案和文字效果的設(shè)計(jì)。矢量圖形在包裝的設(shè)計(jì)上起到兩個(gè)作用，一是設(shè)計(jì)包裝的

6、圖形和樣式，二是設(shè)計(jì)包裝中的圖形，如標(biāo)志和商品圖形。風(fēng)格獨(dú)特、繪制精美的包裝插畫具有極強(qiáng)的審美性和藝術(shù)感染力，如圖1-3所示的包裝中表現(xiàn)出來的魅力可以深入到每一個(gè)人的心里，極大地提高了商品的文化品位和時(shí)尚感，使觀者都對商品產(chǎn)生購買欲望。圖1-3 手提袋設(shè)計(jì)4. VI設(shè)計(jì)矢量圖使用直線和曲線來描述圖形，這些圖形的元素是一些點(diǎn)、線、矩形、多邊形、圓和弧線等。矢量圖形文件體積一般較小。矢量圖形最大的優(yōu)點(diǎn)是無論放大、縮小或旋轉(zhuǎn)等不會(huì)失真。它是一種可編輯的圖形格式，在以后的應(yīng)用當(dāng)中可以對矢量圖形的標(biāo)志進(jìn)行制作。矢量圖形的標(biāo)志可應(yīng)用在網(wǎng)站上或某些印刷品和廣告上，如圖1-4和圖1-5所示。 圖1-4 標(biāo)志設(shè)

7、計(jì)圖1-5 VI作品5. 版式設(shè)計(jì)現(xiàn)代平面設(shè)計(jì)作為版面設(shè)計(jì)有兩種概念意義上的版式編排：一種是圖形與文字的結(jié)合，另一種是純粹文字間的自由組合，這兩種形式均可稱為版式設(shè)計(jì)。從世界范圍來看，各國各民族文字都來源于“畫圖記事”，都與圖相聯(lián)系。如果把這種“畫”稱為繪畫的話，那么文字和繪畫在它們幼年時(shí)代本是同根同源，但從現(xiàn)代設(shè)計(jì)的角度或世界文明史的進(jìn)程來看這一問題，就會(huì)發(fā)現(xiàn)文字的形態(tài)特征顯然已完全抽象地“獨(dú)立”于“繪畫”了。此外，在近一個(gè)世紀(jì)的現(xiàn)代設(shè)計(jì)發(fā)展歷程中，前輩設(shè)計(jì)師們在實(shí)踐中總結(jié)出了一系列版式編排的形式法則，構(gòu)成了現(xiàn)代設(shè)計(jì)的基礎(chǔ)理論，如：比例、力場、中心、方向、對稱、均衡、韻律、對比、分割等，以及

8、黃金分割在設(shè)計(jì)中的運(yùn)用、德國標(biāo)準(zhǔn)比例、動(dòng)力對稱學(xué)說、草席形、立體派格調(diào)、螺旋形、模/數(shù)等，都集中體現(xiàn)了平面設(shè)計(jì)的獨(dú)特語言；而影響版式編排藝術(shù)性的“字體形態(tài)”已逐漸發(fā)展成為新的設(shè)計(jì)學(xué)科；圖形版式設(shè)計(jì)的效果如圖1-6所示。6. 工業(yè)設(shè)計(jì)現(xiàn)代產(chǎn)品一般給人傳遞兩種信息，一種是知識即理性的信息，如常提到的產(chǎn)品的功能、材料、工藝等；另一種是感性信息，如產(chǎn)品的造型、色彩、使用方法等。由于人的感性更多于理性，所以感性信息也就得到了極大的重視。(矢量圖形在造形設(shè)計(jì)的準(zhǔn)確性和可無限放大方面的優(yōu)勢，使其在工業(yè)產(chǎn)品的造型設(shè)計(jì)方面得到了廣泛的應(yīng)用，如圖1-7所示。) 圖1-6 版式設(shè)計(jì) 圖1-7 產(chǎn)品設(shè)計(jì)作品在了解了I

9、llustrator和它所在各行業(yè)創(chuàng)建的作品后，將了解Illustrator的基本概念和位圖與矢量圖的區(qū)別，這是學(xué)好此軟件的第一步。1.2 學(xué)習(xí)Illustrator的基本概念l 對象：所有在工作區(qū)內(nèi)可編輯的元素都是對象。對象包括很多種類，比如曲線、美術(shù)字等，這些元素構(gòu)成了作品。l 曲線：曲線是構(gòu)成矢量圖形的最基本元素，由錨點(diǎn)(Node)的位置和方向線控制。曲線也分為幾類，其中最特殊的一種是直線。l 路徑：路徑由一條以上的直線段或曲線段組成，線段的起始點(diǎn)和結(jié)束點(diǎn)由錨點(diǎn)標(biāo)記，就像用于固定線的針。通過編輯路徑的錨點(diǎn)，可以改變路徑的形狀。l 填充：Illustrator可以對閉合或開放的曲線進(jìn)行填充

10、，填充可以是單一顏色、漸變色和圖案等，也允許對象沒有填充。l 邊線：邊線與對象不可分割，但I(xiàn)llustrator允許對象沒有邊線，邊線擁有粗細(xì)、筆觸、顏色等屬性。1.3 位圖與矢量圖的區(qū)別根據(jù)原理的不同，在計(jì)算機(jī)中所使用的圖形可以分為矢量圖和位圖兩種類型。在學(xué)習(xí)繪圖之前，首先需要了解這些基本概念。1.3.1 矢量圖矢量圖形以數(shù)學(xué)的矢量方式來記錄圖像的內(nèi)容，內(nèi)容以色塊和線條為主，如一條直線的數(shù)據(jù)只需要記錄兩個(gè)端點(diǎn)的位置、直線的粗細(xì)和顏色等，因此矢量圖所占的數(shù)據(jù)容量比較小，它的清晰度與分辨率的大小無關(guān)。對矢量圖進(jìn)行放大、縮小、旋轉(zhuǎn)等操作時(shí)，圖形對象始終保持原有的清晰度和光滑度，不會(huì)發(fā)生任何偏差，精

11、確度很高，如圖1-8所示。矢量圖形與分辨率無關(guān)，也就是說可以將它們縮放到任意尺寸，從而可以按任意分辨率打印，而不丟失細(xì)節(jié)，也不會(huì)降低清晰度。 因此，對于縮放到不同大小時(shí)必須保留清晰線條的圖形(如徽標(biāo))，矢量圖形是表現(xiàn)這些圖形的最佳選擇。圖1-8 矢量圖形縮放效果1.3.2 位圖位圖彌補(bǔ)了矢量圖像的缺陷，它是由“像素”構(gòu)成的，單位面積內(nèi)的像素?cái)?shù)將決定位圖的顯示質(zhì)量和文件大小，利用它能制作出色彩非常豐富的圖像，單位面積內(nèi)的像素越多，圖像的分辨率越高，圖像也就表現(xiàn)得越細(xì)膩，顯示更清晰，但文件所占的空間越大，處理速度越慢。另外，位圖還有一個(gè)缺陷：無法制作出逼真的三維圖像。因?yàn)槲粓D是由“像素”構(gòu)成的，所

12、以當(dāng)對位圖圖像進(jìn)行放大時(shí)，放大的只是像素點(diǎn)，位圖圖像的四周會(huì)出現(xiàn)鋸齒狀，如圖1-9所示。圖1-9 位圖圖像的縮放效果到這里，將進(jìn)入運(yùn)行Illustrator CS3對軟件界面中各種面板和工具箱進(jìn)行了解，為下一步繪制做好準(zhǔn)備。1.4 熟悉歡迎屏幕畫面運(yùn)行Illustrator CS3，首先顯示 Illustrator的各種信息，如圖1-10所示。圖1-10 Illustrator信息出現(xiàn)Illustrator信息窗口，然后彈出“歡迎屏幕”對話框，如圖1-11所示。圖1-11 “歡迎屏幕”對話框l 打開最近使用的項(xiàng)目：在下面的列表中選擇最近使用或創(chuàng)建的文檔。l 打開：單擊“打開”鏈接，彈

13、出“打開”對話框，選擇需要的文件，單擊“打開”按鈕后，在畫板中進(jìn)行編輯。l 新建：在下面的列表中選擇一個(gè)新的文檔配置文件。將打開“新建文檔”對話框，并將所有選項(xiàng)設(shè)置為針對選定的新建文檔配置文件而優(yōu)化的值。您可以根據(jù)需要更改任何預(yù)設(shè)值，然后單擊“確定”按鈕以打開新文檔。l “打印”文檔：選擇此選項(xiàng)將使用“大小”為A4的畫板，“顏色模式”為CMYK，“柵格效果”為300(ppi)來創(chuàng)建新文檔。并提供各種其他預(yù)設(shè)打印大小以從中進(jìn)行選擇。如果準(zhǔn)備將此文件發(fā)送給服務(wù)商以輸出到高端打印機(jī)，請使用此配置 文件。 l “網(wǎng)站”文檔：選擇此選項(xiàng)將提供為輸出到 Web 而優(yōu)化的預(yù)設(shè)選項(xiàng)。 l “移動(dòng)設(shè)備”文檔：選

14、擇此選項(xiàng)將創(chuàng)建一個(gè)較小的文件，它是為特定移動(dòng)設(shè)備預(yù)設(shè)的。您可以從“大小”菜單中選擇設(shè)備。單擊Device Central以打開Adobe Device Central，并在指定的設(shè)備界面中查看文檔布局。 l “視頻和膠片”文檔：選擇此選項(xiàng)將提供幾個(gè)特定于視頻和膠片的預(yù)設(shè)裁剪區(qū)域大小(請注意，對于此配置文件，“畫板”選項(xiàng)將變?yōu)椤安眉舸笮　?。Illustrator僅創(chuàng)建方形像素文件，因此，為確保在視頻應(yīng)用程序中正確解釋這些大小，Illustrator 將會(huì)調(diào)整“寬度”和“高度”值。例如，如果選擇“NTSC DV 標(biāo)準(zhǔn)”，Illustrator將使用像素大小648×480，它在基于視頻的

15、應(yīng)用程序中將轉(zhuǎn)換為740×480像素。 l “基本CMYK”文檔：選擇此選項(xiàng)將使用默認(rèn)A4畫板，并提供各種其他大小以從中進(jìn)行選擇。如果準(zhǔn)備將文檔發(fā)送給多種類型的媒體，請使用此配置文件。如果其中的一種媒體類型是服務(wù)商，則需要手動(dòng)將“柵格效果”設(shè)置增加到“高”。 l “基本RGB”文檔：選擇此選項(xiàng)將使用默認(rèn)800×600 大小畫板，并提供各種其他打印、視頻以及特定于Web 的大小以從中進(jìn)行選擇。如果準(zhǔn)備將文檔發(fā)送給服務(wù)商或輸出到高端打印機(jī)，請不要使用此選項(xiàng)。對于將輸出到中檔打印機(jī)、Web 或多種類型的媒體的文檔，請使用此配置文件。l 從模板新建：選擇此選項(xiàng)利用Illustrat

16、or提供的模板新建文檔。l 快速入門：選擇此選項(xiàng)可以打開幫助文件，快速掌握Illustrator的功能和使用方法。l 新增功能：選擇此選項(xiàng)打開幫助文件中Illustrator CS3的新增功能文件。l 資源：選擇此選項(xiàng)可以使用Illustrator提供的各種視頻、社區(qū)和下載等支持。l 最大程度地利用Illustrator：單擊該圖標(biāo)可打開Bridge Home中查找定期更新的提示、技巧、幫助視頻播客和更多軟件的信息等資料。l 不再顯示：選擇此復(fù)選框，在下次運(yùn)行Illustrator CS3時(shí)將不會(huì)顯示此對話框。1.5 熟悉操作界面在“歡迎屏幕”對話框中，單擊“打開文檔”選項(xiàng)，彈出“打開”對話框

17、，選擇“寫實(shí)效果.ai”，單擊“打開”按鈕，打開素材，如圖1-12所示，Illustrator CS3所有的繪圖工作都將在這里完成，熟悉操作界面是熟練使用Illustrator CS3繪圖的開始。1. 菜單欄Illustrator CS3的主要功能都可以通過執(zhí)行菜單欄中的命令來完成，執(zhí)行菜單命令是最基本的操作方式。Illustrator CS3的菜單欄包括“文件”、“編輯”、“對象”、“文字”、“選擇”、“濾鏡”、“效果”、“視圖”、“窗口”和“幫助”10個(gè)功能各異的菜單。2. 選項(xiàng)欄選項(xiàng)欄提供了選擇對象和使用工具時(shí)的相關(guān)選項(xiàng)。通過對“控制面板”中的相關(guān)選項(xiàng)的設(shè)置，可以控制對象產(chǎn)生相應(yīng)的變化，

18、如圖1-13所示。移動(dòng)和設(shè)備文檔：創(chuàng)建一個(gè)較小的文件，它是為特定移動(dòng)設(shè)備預(yù)設(shè)的。單擊“移動(dòng)和設(shè)備文檔”項(xiàng)打開Adobe Device Central CS3對話框。在“設(shè)備”和“可用設(shè)備”列表中指定設(shè)備界面，就可以創(chuàng)建出與該設(shè)備相匹配的文檔。圖1-12 Illustrator CS3的操作界面圖1-13 控制面板3. 工具箱在默認(rèn)情況下，工具箱位于繪圖區(qū)的左邊，在工具箱中放置了使用頻繁的繪畫和編輯工具。有的工具中還包含有其他工具，它們被稱為隱藏工具。包含有隱藏工具的圖標(biāo)，在其右下角帶有一個(gè)小三角形符號，用鼠標(biāo)按下帶有三角形符號的按鈕圖標(biāo)，可打開隱藏工具條，將鼠標(biāo)拖動(dòng)到工具條上的圖標(biāo)上，即可選取

19、該隱藏工具。Illustrator CS3為了釋放更多的屏幕空間，可以根據(jù)需要單擊工具箱上的“折疊”按鈕將工具箱任意設(shè)置為單條或雙條。工具箱中的工具如圖1-14和圖1-15所示，各類工具的具體應(yīng)用將在后面的章節(jié)中詳細(xì)介紹。4. 停放折疊圖標(biāo)面板在工作界面的右側(cè)，放置了各種功能面板，和以前的版本不同的是功能面板不再是浮動(dòng)的面板，它們泊靠在界面的右側(cè)。單擊某個(gè)功能面板的圖標(biāo)，此功能面板就會(huì)顯示出來，如圖1.16(a)所示，這樣可以節(jié)省大量的屏幕顯示空間。單擊“折疊為圖標(biāo)”按鈕，可顯示出垂直停放的3個(gè)面板組，如圖1.16(b)所示。再單擊“折疊到圖標(biāo)”按鈕，面板會(huì)折疊為停放折疊圖標(biāo)面板，如圖1.16(c)所示。不過如果喜歡浮動(dòng)面板模式，只要將其拖動(dòng)出來即可。在繪制圖形過程中，面板的應(yīng)用是必不可少的。主要的面板有“圖層”、“畫筆”、“顏色”、“色板”、“符號”、“描邊”、“漸變”、“透明度”、“外觀”和“圖形樣式”等，面板之間可以根據(jù)需要，拖動(dòng)其選項(xiàng)卡任意組合。 圖1-14 單條工具箱 圖1-15 雙