Illustrator 平面設(shè)計(jì) 課件 項(xiàng)目1 Illustrator入門基礎(chǔ)

項(xiàng)目一

Illustrator入門基礎(chǔ)任務(wù)1圖形圖像的重要概念任務(wù)2Illustrator工作界面任務(wù)3文件管理任務(wù)4標(biāo)尺、參考線和網(wǎng)格任務(wù)5圖像的顯示任務(wù)1圖形圖像的重要概念任務(wù)引入小王是一名大學(xué)生，最近對(duì)畫冊(cè)海報(bào)設(shè)計(jì)產(chǎn)生了興趣，了解到Illustrator是繪制矢量圖形應(yīng)用最廣泛的軟件，那么Illustrator有哪些特點(diǎn)呢？知識(shí)準(zhǔn)備Illustrator是Adobe公司開發(fā)的功能強(qiáng)大的矢量繪圖軟件，了解關(guān)于圖形的基礎(chǔ)處理的知識(shí)，這樣有利于學(xué)習(xí)矢量圖設(shè)計(jì)軟件。一、矢量圖與位圖電腦圖形設(shè)計(jì)可以分為兩類：一類是矢量圖像，一類是位圖。矢量圖像，也稱為面向?qū)ο蟮膱D像或繪圖圖像，在數(shù)學(xué)上定義為一系列由線連接的點(diǎn)。每個(gè)對(duì)象都是一個(gè)自成一體的實(shí)體，就可以在維持它原有清晰度和彎曲度的同時(shí)，多次移動(dòng)和改變它的屬性，而不會(huì)影響圖例中的其它對(duì)象。位圖又稱光柵圖，一般用于照片品質(zhì)的圖像處理，是由許多像小方塊一樣的"像素"組成的圖形。由其位置與顏色值表示，能表現(xiàn)出顏色陰影的變化。二、顏色模式在Illustratorcs中常用的顏色模式有RGB、HSB、CMYK和灰度模式，下面介紹這幾種顏色模式的概念及通常每種顏色的運(yùn)用范圍。1．RGB顏色模式RGB顏色模式是利用紅（Red）、綠（Green）和藍(lán)（Blue）三種基本顏色進(jìn)行顏色加法，配制出肉眼能看到的顏色。2．HSB顏色模式HSB顏色模式通過對(duì)顏色的色相、顏色的飽和度、顏色的亮度來改變顏色。模式是由物體本身的固有顏色、顏色的飽和度以及色彩的明暗度組成的。3．CMYK顏色模式CMYK顏色模式主要因用于印刷的一種顏色模式，分別是指青（Cyan）、品紅（Magenta）、黃（Yellow）和黑（Black）。4．灰度顏色模式灰度模式是通過256級(jí)灰度來表現(xiàn)圖像，讓圖像的顏色過渡更柔和平滑。三、文件輸出格式Illustrator支持多種文件輸出格式，常用的格式有AI、PDF、EPS、AIT、SVG、JPED、PSD、TIFF等格式，下面介紹這幾種格式的特性。1．AI文件格式AI文件格式是Illustrator程序生成的文件格式，是Amiga和InterchangeFileFormat的縮寫。2．PDF格式Adobe便攜文檔格式PDF是保留多種應(yīng)用程序和平臺(tái)上創(chuàng)建的字體、圖像和源文檔排版的通用文件格式。3．EPS格式EPS格式是一種應(yīng)用非常廣泛的圖像輸出格式，可以同時(shí)包含矢量圖形和位圖圖形，而且?guī)缀跛械膱D形、圖標(biāo)和頁(yè)面版面程序都支持該文件格式。4．AIT格式AIT文件格式是AdobeIllustratorTemplate格式，即Illustrator模板格式，這種輸出格式能創(chuàng)建可共享通用設(shè)置和設(shè)計(jì)元素的新文檔。5．SVG格式SVG格式是一種矢量圖格式，也是一種壓縮格式，比JPEG格式要小，它可以任意放大顯示但不會(huì)丟失圖像的細(xì)節(jié)。6．JPEG格式JPEG格式是最常用的一種圖像輸出壓縮格式，它是采用的有損壓縮方式來壓縮圖像，因此在圖像顯示時(shí)會(huì)丟失某些細(xì)節(jié)。7．PSD格式PSD格式是由Photoshop生成的文件格式可以保存多個(gè)制作信息，因此該格式存儲(chǔ)的文件也比較大。8．TIFF格式TIFF格式在印刷和設(shè)計(jì)軟件中應(yīng)用最多的一種儲(chǔ)存格式。任務(wù)2Illustrator工作界面任務(wù)引入小王想要熟練使用Illustrator軟件，必須先了解該軟件的操作界面，只有對(duì)界面有了宏觀的認(rèn)識(shí)，才能更好的更快的作出設(shè)計(jì)效果。Illustrator的工作界面包含哪些組成部分呢？各組成部分主要實(shí)現(xiàn)什么操作呢？知識(shí)準(zhǔn)備Illustrator2022的工作界面簡(jiǎn)單明了，易于操作，主要由標(biāo)題欄、菜單欄、工具箱、控制面板、面板、頁(yè)面區(qū)域、狀態(tài)欄等部分組成，如圖所示。Illustrator2022工作界面一、菜單欄Illustrator菜單欄功能強(qiáng)大，內(nèi)容繁多。菜單欄由9個(gè)主菜單組成，如圖所示。

Illustrator菜單欄選擇下拉菜單二、工具箱Illustrator的工具箱包括了大量具有強(qiáng)大功能的工具，在工具箱中，有些工具的右下角帶有一個(gè)灰色的三角形，這表示該工具還有展開工作組。用鼠標(biāo)按住該工具不放，即可彈出展開工具組。例如，用鼠標(biāo)按住矩形工具，將展開矩形工具組。單擊展開工具組右面的三角形，可以將展開工具組拖出，如圖所示。如果單擊工具箱頂部的或按鈕，可以切換工具箱的顯示狀態(tài)，使工具箱的工具分2列排列或分1列排列，如圖所示。下面分別簡(jiǎn)要介紹工具箱中的各個(gè)工具。1．選擇工具組選擇工作組是Illustrator中使用頻率最高的一個(gè)工具組，因?yàn)橐庉嫷膶?duì)象只有在被選取的情況下才能對(duì)此圖像執(zhí)行其他命令。2．繪圖工具組繪圖工具組的工具主要用于繪制圖形、線段和編輯各種路徑錨點(diǎn)等功能。3．文字工具組文字工具組的工具主要應(yīng)用于輸入文本和編輯文本路徑、走向和各種效果。展開并拖出矩形工具組

切換工具箱的顯示狀態(tài)4．上色工具組上色工具組的工具主要對(duì)已經(jīng)繪制好的圖形內(nèi)部進(jìn)行顏色或是畫筆的填充。5．變形工具組變形工作組主要針對(duì)需要編輯的圖像進(jìn)行縮放、旋轉(zhuǎn)、扭曲變形等操作。6．符號(hào)工具組符號(hào)工作組主要對(duì)符號(hào)進(jìn)行創(chuàng)建、移動(dòng)、風(fēng)格化等處理。7．圖表工具組通過圖表工具組的工具可以創(chuàng)建出不同風(fēng)格和作用的統(tǒng)計(jì)圖表圖形。8．切片和剪切工具組切片工具和剪刀工具組主要針對(duì)網(wǎng)絡(luò)應(yīng)用和比較大的圖形圖像進(jìn)行裁剪和分割，這樣使上傳到網(wǎng)絡(luò)上的圖片瀏覽速度得到提升。9．移動(dòng)和縮放工具組通過移動(dòng)和縮放工具組的工具可以對(duì)視圖進(jìn)行移動(dòng)和設(shè)置縮放顯示等。10．其他工具組工具箱底部的工具組如圖所示。（1）演示文稿模式：（2）正常屏幕模式：（3）帶有菜單欄的全屏模式：（4）全屏模式：三、面板Illustrator為我們提供了幾十個(gè)面板，可以在主菜單欄上的“窗口”菜單中進(jìn)行選擇需要顯示面板的名稱。常用的一些面板的功能和快捷鍵如下所示。1．SVG交互SVG交互是為了網(wǎng)絡(luò)設(shè)計(jì)的基于文本的圖像格式。該面板可以升級(jí)矢量圖形，創(chuàng)建出高質(zhì)量的交互式網(wǎng)頁(yè)，并控制SVG對(duì)象的交互特性，其面板如圖所示。2．信息該面板使用快捷鍵Ctrl+F8打開，用來顯示當(dāng)前對(duì)象的大小、坐標(biāo)以及色彩的信息，其面板如圖所示。3．動(dòng)作該面板是將用戶在繪圖過程中使用的所有工具、命令、以及操作步驟錄制在動(dòng)作中，在以后對(duì)其他的圖像執(zhí)行該相同的操作時(shí)，在動(dòng)作面板中播放動(dòng)作就可以完成處理，大大提高了工作效率。通常使用在大批量的圖形編輯中，其面板如圖所示。

SVG交互調(diào)板

信息面板

動(dòng)作面板4.變換該面板快捷鍵為Shift+F8打開，如圖所示。5.圖層按下快捷鍵F7可以打開“圖層”面板，如圖所示。6.圖形樣式按下快捷鍵Shift+F5可以打開“圖形樣式”面板，如圖所示。7.外觀按下快捷鍵Shift+F6可以打開“外觀”面板，如圖所示。8.對(duì)齊按下快捷鍵Shift+F7可以打開“對(duì)齊”面板，如圖所示。9.描邊按下快捷鍵Ctrl+F10可以打開“描邊”面板，如圖所示。變換面板

圖層面板

圖形樣式面板外觀面板

對(duì)齊面板描邊面板10.文字執(zhí)行主菜單欄上的“窗口”→“文字”命令，可以看到“文字”的擴(kuò)展菜單上有“OpenType”、“制表符”、“字形”、“字符”、“字符樣式”、“段落”和“段落樣式”命令，如圖所示。11.漸變按下快捷鍵Ctrl+F9可以打開“漸變”面板，如圖所示，在漸變面板中用戶可以設(shè)置漸變顏色、類型、角度和位置等相關(guān)屬性。打開文字面板命令

字符面板段落面板

漸變面板12.畫筆按下快捷鍵F5可以打開“畫筆”面板，如圖所示。13.符號(hào)按下快捷鍵Shift+Ctrl+F11可以打開該面板，如圖所示。14.色板在該面板可以存儲(chǔ)默認(rèn)和用戶自定義的顏色、漸變和圖案，并可以對(duì)這些顏色進(jìn)行添加、刪除和應(yīng)用等操作，如圖所示。15.路徑查找器按下快捷鍵Shift+Ctrl+F9可以打開該面板，如圖所示。16.透明度按下快捷鍵Shift+Ctrl+F10可以打開該面板，如圖所示。17.顏色按下快捷鍵F6可以打開“顏色”面板，如圖所示。

畫筆面板

符號(hào)面板

色板面板路徑查找器面板透明度面板顏色面板四、狀態(tài)欄狀態(tài)欄位于Illustrator窗口的底部左側(cè)，如圖所示。最左側(cè)的百分比表示的是當(dāng)前文檔的顯示比例，在下拉菜單中可以根據(jù)用戶的需要來選擇合適的顯示比例；右側(cè)顯示畫板導(dǎo)航；單擊“選擇”，彈出的菜單顯示當(dāng)前使用的畫板名稱、當(dāng)前使用的工具，當(dāng)前日期時(shí)間、文件操作的還原次數(shù)及文檔顏色配置文件。選擇“顯示”子菜單中的選項(xiàng)?？筛臓顟B(tài)欄中所顯示信息的類型；選擇“在Bridge中顯示”，可在AdobeBridge中顯示當(dāng)前文件。任務(wù)3文件管理任務(wù)引入這些天，小王已經(jīng)對(duì)Illustrator的操作界面有了一個(gè)初步的認(rèn)識(shí)。那么，怎么開始創(chuàng)建文件呢？做好的設(shè)計(jì)文件怎么保存到指定位置？怎么打開已有的Illustrator文件？怎么置入素材文件呢？知識(shí)準(zhǔn)備一、新建文件用戶在使用Illustrator繪制圖形時(shí)首先需要新建文件，下面詳細(xì)講解新建文件的方法以及“新建文件”對(duì)話框中各個(gè)選項(xiàng)的含義。（1）啟動(dòng)Illustrator軟件程序。（2）執(zhí)行菜單欄的“文件”→“新建”命令，打開“新建文檔”對(duì)話框，如圖所示。二、打開文件用戶使用Illustrator處理圖像文件時(shí)首先需要打開該文件，下面以實(shí)例操作的方式詳細(xì)講解打開圖像文件的步驟。（1）啟動(dòng)Illustrator軟件程序。（2）執(zhí)行菜單欄的“文件”→“打開”命令，彈出“打開”對(duì)話框。（3）在“打開”對(duì)話框中，選擇在計(jì)算機(jī)相應(yīng)路徑下需要打開的圖像文件，如圖所示。（4）單擊“打開”按鈕，Illustrator的頁(yè)面區(qū)域即顯示打開的圖像文件，如圖所示。選擇圖像文件

打開的圖像文件三、置入文件置入文件主要是置入使用“打開”命令不能打開的圖像文件，這個(gè)命令可以將多達(dá)26種格式的圖像文件置入到Illustrator程序中。文件還可以以嵌入或鏈接的形式被置入，也可以作為模板文件置入。下面通過置入一個(gè)PDF文件的實(shí)例詳細(xì)講解置入文件的步驟。（1）啟動(dòng)Illustrator軟件程序，新建一個(gè)文檔。（2）執(zhí)行菜單欄的“文件”→“置入”命令，打開如圖所示的“置入”對(duì)話框。（3）在“置入”對(duì)話框中，選取“顯示導(dǎo)入選項(xiàng)”復(fù)選框，并在計(jì)算機(jī)中選擇一個(gè)PDF文件。（4）單擊“置入”按鈕，彈出如圖所示的“置入PDF”對(duì)話框。選擇文件

設(shè)置置入選項(xiàng)四、保存文件在Illustrator序中繪制圖形后，需要將文件保存在計(jì)算機(jī)相應(yīng)的路徑下。下面詳細(xì)講解保存文件的兩種方法和步驟。方法一：（1）執(zhí)行菜單欄的“文件”→“存儲(chǔ)”命令，彈出如圖所示的“存儲(chǔ)為”對(duì)話框。（2）在“文件名”選項(xiàng)的文本框中輸入導(dǎo)出的文件名稱，在“保存類型”下拉菜單中選擇“AdobeIllustrator（*.AI）”格式，并選擇在計(jì)算機(jī)中的導(dǎo)出路徑。然后，單擊“保存”按鈕，彈出如圖所示的“Illustrator選項(xiàng)”對(duì)話框。（3）設(shè)置Illustrator存儲(chǔ)選項(xiàng)后，單擊“確定”按鈕，這樣就把文件存儲(chǔ)到計(jì)算機(jī)的相應(yīng)路徑下?！按鎯?chǔ)為”對(duì)話框設(shè)置“Illustrator選項(xiàng)”方法二：如果需要保存再次編輯的圖像文件，并保存上一次編輯的原文件，則可以用到“存儲(chǔ)為”或“存儲(chǔ)副本”命令。（1）執(zhí)行菜單欄的“文件”→“存儲(chǔ)為/存儲(chǔ)副本”命令，彈出“存儲(chǔ)為/存儲(chǔ)副本”對(duì)話框。（2）單擊“保存”按鈕，彈出“Illustrator選項(xiàng)”對(duì)話框。五、輸出文件使用Illustrator菜單欄的“導(dǎo)出”命令，可以將在Illustrator程序所繪制的圖形導(dǎo)出為其他格式的文件，從而能在其他軟件中繼續(xù)進(jìn)行編輯處理。下面通過導(dǎo)出一個(gè)PSD文件的實(shí)例詳細(xì)講解置入文件的步驟。（1）啟動(dòng)Illustrator軟件程序，打開一個(gè)圖像文件。（2）執(zhí)行菜單欄的“文件”→“導(dǎo)出”命令，打開如圖所示的“導(dǎo)出”對(duì)話框。（3）在“文件名”選項(xiàng)的文本框中輸入導(dǎo)出的文件名稱，在“保存文件”下拉菜單中選擇“Photoshop（*.PSD）”格式，并選擇在計(jì)算機(jī)中的導(dǎo)出路徑。然后，單擊“保存”按鈕，彈出如圖所示的“Photoshop導(dǎo)出選項(xiàng)”對(duì)話框。（4）設(shè)置顏色模型、分辨率等選項(xiàng)后，單擊“確定”按鈕，這樣就把文件導(dǎo)出到計(jì)算機(jī)的相應(yīng)路徑下。這時(shí)，啟動(dòng)Photoshop軟件程序，就可以打開剛導(dǎo)出的PSD文件進(jìn)行編輯。六、還原和恢復(fù)Illustrator具有強(qiáng)大的還原功能，在出現(xiàn)操作錯(cuò)誤時(shí)，可以根據(jù)需要選擇“編輯”→“還原”命令來重新編輯文檔。在默認(rèn)情況下，可以還原的操作最小次數(shù)為5次。如果需要恢復(fù)到還原前的圖像效果，可以執(zhí)行“編輯”→“重做”命令再次返回操作。除了可以使用“還原/重做”命令修改錯(cuò)誤外，還可以執(zhí)行“文件”→“恢復(fù)”命令將文檔恢復(fù)到最近保存的版本。“導(dǎo)出”對(duì)話框設(shè)置導(dǎo)出選項(xiàng)任務(wù)4標(biāo)尺、參考線和網(wǎng)格任務(wù)引入小王想要設(shè)計(jì)一本畫冊(cè)，需要設(shè)置圖畫的尺寸和位置，通過對(duì)Illustrator的學(xué)習(xí)，可以運(yùn)用標(biāo)尺和參考線來進(jìn)行定位，那么，怎樣顯示標(biāo)尺和參考線呢？怎么進(jìn)行編輯呢？知識(shí)準(zhǔn)備一、使用標(biāo)尺在Illustrator中使用標(biāo)尺可以幫助用戶對(duì)操作對(duì)象進(jìn)行測(cè)量和定位。標(biāo)尺在Illustrator圖像窗口的頂部和左部。1．顯示或隱藏標(biāo)尺執(zhí)行“視圖”→“標(biāo)尺”→“顯示標(biāo)尺”命令，可以顯示標(biāo)尺。反之，執(zhí)行“視圖”→“標(biāo)尺”→“隱藏標(biāo)尺”命令，則隱藏標(biāo)尺。2．改變標(biāo)尺單位在默認(rèn)的情況下，標(biāo)尺的度量單位是毫米。如果需要改變默認(rèn)的標(biāo)尺單位，執(zhí)行“編輯”→“首選項(xiàng)”→“單位”命令，在彈出的“首選項(xiàng)”對(duì)話框中將“常規(guī)”設(shè)置為其他的度量單位，如圖所示。3．改變標(biāo)尺原點(diǎn)在默認(rèn)的情況下，標(biāo)尺的原點(diǎn)位置在視圖的左下角，根據(jù)用戶的需要可以改變標(biāo)尺原點(diǎn)的位置。改變標(biāo)尺原點(diǎn)的操作步驟如下：（1）將鼠標(biāo)置于頂部標(biāo)尺和左側(cè)標(biāo)尺的交界處單擊，這時(shí)鼠標(biāo)指針將變?yōu)橐粋€(gè)“＋”字光標(biāo)。（2）按下鼠標(biāo)左鍵，向視圖內(nèi)拖動(dòng)，這時(shí)將顯示一個(gè)“＋”字相交線。（3）將“＋”字相交線拖動(dòng)到需要設(shè)置為新原點(diǎn)的位置釋放鼠標(biāo)，這樣就重新定義了標(biāo)尺原點(diǎn)的位置。（4）如果需要重新設(shè)置標(biāo)尺原點(diǎn)到系統(tǒng)默認(rèn)位置，雙擊標(biāo)尺交界的位置即可完成操作。設(shè)置標(biāo)尺常規(guī)單位

標(biāo)尺單位快捷菜單二、使用參考線參考線能幫助用戶對(duì)齊并準(zhǔn)確放置對(duì)象，它可以從標(biāo)尺中拖出，也可以用圖像中的路徑來制作，例如直線、圓以及其他各種形狀。根據(jù)需要可以創(chuàng)建多條參考線，1．創(chuàng)建參考線由標(biāo)尺創(chuàng)建參考線的詳細(xì)操作步驟如下：（1）執(zhí)行“編輯”→“首選項(xiàng)”→“參考線和網(wǎng)格”命令，在彈出的“首選項(xiàng)”對(duì)話框中設(shè)置參考線的顏色和樣式，如圖所示。（2）執(zhí)行“視圖”→“顯示標(biāo)尺”命令，顯示標(biāo)尺。（3）執(zhí)行“視圖”→“參考線”→“顯示參考線”命令，顯示參考線。（4）將光標(biāo)移到標(biāo)尺上，按下鼠標(biāo)并拖到工作區(qū)中。從水平、垂直標(biāo)尺上拖出來的是相應(yīng)的水平或垂直參考線。設(shè)置參考線樣式和顏色

創(chuàng)建多條參考線2．鎖定參考線為了避免操作時(shí)移動(dòng)參考線的位置，可以將參考線進(jìn)行鎖定。3．釋放參考線通過釋放參考線，可以將任何一種參考線轉(zhuǎn)換為可以編輯的矢量對(duì)象。4．清除參考線5．智能參考線智能參考線和普通參考線的不同之處在于，智能參考線可以根據(jù)當(dāng)前執(zhí)行的操作顯示參考線以及相應(yīng)的提示信息。由路徑創(chuàng)建參考線

智能參考線提示的參考線及信息

設(shè)置顯示選項(xiàng)三、使用網(wǎng)格網(wǎng)格是一種方格類型的參考線，它可以用來對(duì)齊頁(yè)面和圖形的位置。同時(shí)，還可以使用網(wǎng)格的對(duì)齊功能，讓圖形自動(dòng)對(duì)齊網(wǎng)格并編排圖文，從而達(dá)到有規(guī)則地排列圖形和文字。顯示網(wǎng)格的視圖效果如圖所示。1．顯示網(wǎng)格執(zhí)行“視圖”→“顯示網(wǎng)格”命令，即可在視圖中顯示網(wǎng)格；反之，執(zhí)行“視圖”→“隱藏網(wǎng)格”命令，即可在視圖中隱藏網(wǎng)格。2．設(shè)置網(wǎng)格執(zhí)行“編輯”→“首選項(xiàng)”→“參考線和網(wǎng)格”命令，在彈出的“首選項(xiàng)”對(duì)話框中可以設(shè)置網(wǎng)格的顏色、樣式、網(wǎng)格線間隔等選項(xiàng)，如圖所示。顯示網(wǎng)格