Illustrator 平面設計 課件 項目1 Illustrator入門基礎

項目一

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

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

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

SVG交互調(diào)板

信息面板

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

圖層面板

圖形樣式面板外觀面板

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

字符面板段落面板

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

畫筆面板

符號面板

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

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

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

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

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

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

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