Illustrator平面設(shè)計(jì)立體化教程（Illustrator 2021）（微課版）課件 項(xiàng)目1 初識 Illustrator平面設(shè)計(jì)

Illustrator平面設(shè)計(jì)立體化教程（微課版）新形態(tài)立體化精品系列教材項(xiàng)目1初識Illustrator平面設(shè)計(jì)目錄Contents任務(wù)1.1了解Illustrator平面設(shè)計(jì)基礎(chǔ)任務(wù)1.2認(rèn)識Illustrator2021工作界面任務(wù)1.3設(shè)計(jì)節(jié)氣海報(bào)綜合實(shí)戰(zhàn)設(shè)計(jì)《時(shí)尚彩妝》雜志封面裝幀任務(wù)1.1

了解Illustrator平面設(shè)計(jì)基礎(chǔ)1．Illustrator的應(yīng)用領(lǐng)域應(yīng)用領(lǐng)域商標(biāo)設(shè)計(jì)

插畫設(shè)計(jì)海報(bào)設(shè)計(jì)畫冊設(shè)計(jì)VI設(shè)計(jì)產(chǎn)品包裝設(shè)計(jì)UI設(shè)計(jì)任務(wù)1.1

了解Illustrator平面設(shè)計(jì)基礎(chǔ)2．矢量圖與位圖的區(qū)別矢量圖又稱為向量圖，是指由點(diǎn)組成的直線或曲線所構(gòu)成的圖形，構(gòu)成這些圖形的點(diǎn)和線，可被稱為對象，每個(gè)對象都是一個(gè)單獨(dú)的個(gè)體，它具有大小、方向、輪廓、顏色和位置等屬性。右圖所示為草莓矢量圖的原圖及放大后的效果。位圖的單位面積內(nèi)像素（Pixel，簡稱px）越多，分辨率就越高，文件越大，圖像效果就越好，如右圖所示為614×756像素（文件大小1.33MB）、30×37像素（文件大小3.25KB）的草莓位圖對比效果。升圖像合成能力。任務(wù)1.1

了解Illustrator平面設(shè)計(jì)基礎(chǔ)3．Illustrator支持的文件格式Illustrator支持的文件格式有以下11種。AI格式01EPS格式02PSD格式03PDF格式04SVG格式05JPEG格式06TIFF格式07PNG格式08BMP格式09SWF格式10GIF格式11目錄Contents任務(wù)1.1了解Illustrator平面設(shè)計(jì)基礎(chǔ)任務(wù)1.2認(rèn)識Illustrator2021工作界面任務(wù)1.3設(shè)計(jì)節(jié)氣海報(bào)綜合實(shí)戰(zhàn)設(shè)計(jì)《時(shí)尚彩妝》雜志封面裝幀設(shè)計(jì)師打開或新建Illustrator文件后，都會進(jìn)入Illustrator的工作界面，熟悉工作界面布局、掌握工作界面各個(gè)組成部分的作用，是使用Illustrator設(shè)計(jì)作品的基礎(chǔ)。Illustrator2021的工作界面主要由菜單欄、控制欄、文件窗口、工具箱、面板等組成，如圖所示。任務(wù)1.2

認(rèn)識Illustrator2021工作界面任務(wù)1.2

認(rèn)識Illustrator2021工作界面1．菜單欄Illustrator的菜單欄中包含了文件、編輯、對象、文字、選擇、效果、視圖、窗口和幫助9個(gè)菜單選項(xiàng)。選擇某一個(gè)菜單選項(xiàng)，在彈出的子菜單中選擇一個(gè)命令，可執(zhí)行該命令?？刂茩陲@示了一些常用的參數(shù)選項(xiàng)。使用不同工具或選擇不同的對象時(shí)，控制欄的參數(shù)也會隨之發(fā)生變化，如選擇繪制的圖形，控制欄會顯示圖形的填充、描邊、不透明度、位置、寬度和高度等參數(shù)。若控制欄沒有顯示參數(shù)，可以選擇【窗口】/【控制】命令將其展示出來。2．控制欄任務(wù)1.2

認(rèn)識Illustrator2021工作界面3．文件窗口文件窗口包含標(biāo)題欄、畫板、滾動(dòng)條和狀態(tài)欄等部分，直接拖曳標(biāo)題欄可將當(dāng)前文件窗口從工作界面中分離出來，該文件窗口將變?yōu)楦?dòng)窗口，如右圖所示。畫板：畫板是文件窗口中黑線所框成的矩形區(qū)域，也是Illustrator進(jìn)行操作和預(yù)覽文件效果的區(qū)域。標(biāo)題欄：打開文件后，標(biāo)題欄中會自動(dòng)顯示該文件的名稱、格式、窗口縮放比例以及顏色模式等信息。狀態(tài)欄：狀態(tài)欄位于畫板底部，它顯示了當(dāng)前畫板的縮放比例、畫板數(shù)量、切換畫板按鈕、工具信息等內(nèi)容。滾動(dòng)條：當(dāng)畫板內(nèi)不能完全顯示出整個(gè)文檔時(shí)，可以通過拖曳滾動(dòng)條來實(shí)現(xiàn)對整個(gè)文檔的全部瀏覽。任務(wù)1.2

認(rèn)識Illustrator2021工作界面4．工具箱工具箱中集合了Illustrator提供的所有工具，默認(rèn)位置在工作界面左側(cè)，通過拖曳工具箱的頂部可以將其移動(dòng)到工作界面的任意位置。Illustrator提供了多種面板，主要用于配合編輯圖稿、設(shè)置工具參數(shù)和選項(xiàng)等，設(shè)計(jì)師通過“窗口”菜單可以打開所需的各種面板，系統(tǒng)默認(rèn)已打開的面板是在操作過程中經(jīng)常需使用的，位于工作界面右側(cè)，單擊面板右上角的按鈕可關(guān)閉該面板。面板可以單獨(dú)顯示，也可以拖曳面板到已有面板頂部形成面板組，單擊按鈕可以將展開的面板折疊成圖標(biāo)顯示，如右圖所示。5．面板目錄Contents任務(wù)1.1了解Illustrator平面設(shè)計(jì)基礎(chǔ)任務(wù)1.2認(rèn)識Illustrator2021工作界面任務(wù)1.3設(shè)計(jì)節(jié)氣海報(bào)綜合實(shí)戰(zhàn)設(shè)計(jì)《時(shí)尚彩妝》雜志封面裝幀某客戶委托公司設(shè)計(jì)一組以“二十四節(jié)氣”為主題的海報(bào)，以弘揚(yáng)中國傳統(tǒng)文化。老洪接過該任務(wù)，由于二十四節(jié)氣較多，老洪便將其中的“處暑”“白露”節(jié)氣海報(bào)分配給米拉設(shè)計(jì)。海報(bào)的文字字體考慮采用如行云流水的書法體，弘揚(yáng)和發(fā)展中國傳統(tǒng)文化。本任務(wù)的參考效果如圖所示。任務(wù)1.3

設(shè)計(jì)節(jié)氣海報(bào)任務(wù)描述任務(wù)背景二十四節(jié)氣是中國傳統(tǒng)文化中的重要組成部分，它是中國人民自古以來根據(jù)農(nóng)業(yè)生產(chǎn)和氣候變化制定的一個(gè)時(shí)間系統(tǒng)。二十四節(jié)氣為立春、雨水、驚蟄、春分、清明、谷雨、立夏、小滿、芒種、夏至、小暑、大暑、立秋、處暑、白露、秋分、寒露、霜降、立冬、小雪、大雪、冬至、小寒、大寒。某文化品牌委托公司制作節(jié)氣海報(bào)，通過節(jié)氣海報(bào)進(jìn)行借勢營銷，對品牌進(jìn)行推廣，要求結(jié)合節(jié)氣特點(diǎn)，體現(xiàn)中國傳統(tǒng)文化的魅力和時(shí)代價(jià)值。任務(wù)描述任務(wù)目標(biāo)知識要點(diǎn)新建文件、打開文件、置入文件、新建畫板、關(guān)閉文件、視圖縮放設(shè)置、啟用智能輔助線、存儲文件、導(dǎo)出文件。①?運(yùn)用已有的“處暑”“白露”圖片、文案資料設(shè)計(jì)節(jié)氣海報(bào)。②?制作尺寸為1242px×2208px，分辨率為72像素/英寸的節(jié)氣海報(bào)。③?海報(bào)排版精致、美觀，“處暑”“白露”節(jié)氣主題突出。知識準(zhǔn)備1．新建文件選擇【文件】/【新建】命令，或在啟動(dòng)界面單擊“新建”按鈕，都可打開如下圖所示的“新建文檔”對話框。若單擊“更多設(shè)置”按鈕，將打開“更多設(shè)置”對話框，如右圖所示，在其中能對文件進(jìn)行更詳細(xì)的參數(shù)設(shè)置，設(shè)置完成后單擊“創(chuàng)建文檔”按鈕。知識準(zhǔn)備1．新建文件“新建文檔”對話框與“更多設(shè)置”對話框的參數(shù)大致相同，主要參數(shù)含義介紹如下。畫板數(shù)量：用于設(shè)置工作界面中畫板的數(shù)量。間距：用于設(shè)置畫板之間的默認(rèn)間距。列數(shù)：用于設(shè)置畫板排列的列數(shù)。大?。河糜谠O(shè)置畫板的預(yù)設(shè)尺寸。寬度/高度：用于設(shè)置畫板的尺寸。單位：默認(rèn)狀態(tài)下為“毫米”。取向（方向）：設(shè)置新建頁面豎向或橫向排列。名稱（預(yù)設(shè)詳細(xì)信息）：用于設(shè)置新建文件的名稱，默認(rèn)狀態(tài)下為“未標(biāo)題－1”。配置文件：該下拉列表中提供了打印、Web（網(wǎng)頁）、基本RGB3個(gè)選項(xiàng)，選擇任一選項(xiàng)后，文件參數(shù)會自動(dòng)根據(jù)所選選項(xiàng)進(jìn)行調(diào)整。出血：用于設(shè)置頁面上、下、左、右的出血值。顏色模式：用于設(shè)置文件的顏色模式。光柵效果：用于設(shè)置文件柵格效果的分辨率。預(yù)覽模式：用于設(shè)置文件的預(yù)覽模式。知識準(zhǔn)備2．設(shè)置畫板新建文件后，畫板的大小和位置可以更改，而且一個(gè)文件中可同時(shí)存在多個(gè)畫板，常用于多頁面設(shè)計(jì)作品。選擇“畫板工具”，將鼠標(biāo)指針移動(dòng)到畫板內(nèi)部，直接拖曳到其他位置可以移動(dòng)畫板，拖曳畫板界定框上的控制點(diǎn)可以調(diào)整畫板大小，如右圖所示。在畫板工具控制欄可以設(shè)置畫板的參數(shù)，如下圖所示。知識準(zhǔn)備2．設(shè)置畫板畫板選項(xiàng)：單擊該按鈕，打開“畫板選項(xiàng)”對話框，可設(shè)置畫板參數(shù)。X/Y：用于設(shè)置畫板在工作界面的位置。高/寬：用于設(shè)置畫板的大小。約束寬度和高度比例：單擊該按鈕，設(shè)置畫面的寬度和高度時(shí)。對齊所選選項(xiàng)：此處為未激活狀態(tài)，選擇多個(gè)對象后該按鈕激活，用于設(shè)置對齊的參考對象。自定：選擇畫板，在該下拉列表中選擇一種預(yù)設(shè)的尺寸，可修改畫板大小?？v向/橫向：單擊對應(yīng)按鈕，可以調(diào)整畫板的方向。新建畫板：單擊該按鈕，可新建一個(gè)與所選畫板相同大小的畫板。刪除畫板：單擊該按鈕刪除所選的畫板。

名稱：用于設(shè)置所選畫板的名稱。移動(dòng)/復(fù)制帶有畫板的圖稿：該按鈕默認(rèn)處于選中狀態(tài)，表示在移動(dòng)和復(fù)制畫板時(shí)，畫板中的內(nèi)容同時(shí)被復(fù)制并移動(dòng)。知識準(zhǔn)備3．置入文件在Illustrator中打開或創(chuàng)建文件后，可通過置入文件將外部素材的添加至當(dāng)前文件中。置入文件的方法為：選擇【文件】/【置入】命令，打開“置入”對話框，選擇置入文件，設(shè)置置入?yún)?shù)，單擊“置入”按鈕，如右圖所示。鏈接：單擊選中該復(fù)選框，則被置入的文件保持獨(dú)立，當(dāng)鏈接的源文件被修改或編輯時(shí)，置入的鏈接文件也會自動(dòng)修改并更新。模板：單擊選中該復(fù)選框，可將置入的文件轉(zhuǎn)換為模板文件。替換：若當(dāng)前文件中已經(jīng)有一個(gè)置入的文件，并且處于選擇狀態(tài)，則“替換”復(fù)選框被選中，新置入的文件會替換處于選擇狀態(tài)的文件。顯示導(dǎo)入選項(xiàng)：單擊選中該復(fù)選框，導(dǎo)入部分格式的文件時(shí)會出現(xiàn)設(shè)置框。知識準(zhǔn)備4．導(dǎo)出文件在Illustrator中完成作品的創(chuàng)作后，應(yīng)將其導(dǎo)出為不同格式的文件，方便在其他軟件中打開和使用。選擇【文件】/【導(dǎo)出】命令，在子菜單中提供了以下3種導(dǎo)出子命令。導(dǎo)出為多種屏幕所用格式：選擇該命令，可以一步生成不同大小和格式的文件，以適應(yīng)不同屏幕的需求。導(dǎo)出為：選擇該命令，可以將文件導(dǎo)出為PNG、JPG和SWF等常見的文件格式。存儲為Web所用格式：選擇該命令，可以在導(dǎo)出文件的同時(shí)，優(yōu)化文件在計(jì)算機(jī)網(wǎng)站或手機(jī)等移動(dòng)設(shè)備屏幕上的顯示效果。知識準(zhǔn)備5．瀏覽視圖（1）縮放工具若不滿足瀏覽需要，可以選擇工具箱中的“縮放工具”，并將鼠標(biāo)指針移動(dòng)到畫板中，此時(shí)鼠標(biāo)指針會呈放大鏡顯示狀態(tài)，其內(nèi)部還顯示一個(gè)“+”字形，在畫板任一位置單擊鼠標(biāo)左鍵，可將當(dāng)前畫板放大一倍，如圖所示。（2）抓手工具當(dāng)圖像呈較大倍率顯示時(shí)，在工具箱中選擇“抓手工具”或按【H】鍵，此時(shí)，鼠標(biāo)指針將變?yōu)闋顟B(tài)，按住鼠標(biāo)左鍵不放并朝任意方向拖曳畫板，可查看各個(gè)位置的圖像，如右圖所示為使用抓手工具向下拖曳畫板。知識準(zhǔn)備5．瀏覽視圖（3）“導(dǎo)航器”面板如果畫板的放大倍率較大時(shí)，能一次看到的圖像較少，使用“縮放工具”和“抓手工具”查看圖像就不太便捷。此時(shí)，可通過“導(dǎo)航器”面板更加快速地查看整個(gè)圖像。選擇【窗口】/【導(dǎo)航器】命令，打開“導(dǎo)航器”面板，如圖所示。視圖框：視圖框默認(rèn)顯示為紅色矩形框，用于指示畫板中正在查看的區(qū)域。按鈕：單擊面板右上角的按鈕，在彈出的下拉菜單中選擇“僅查看畫板內(nèi)容”命令，縮略圖將僅顯示畫板內(nèi)的內(nèi)容。顯示倍率：用于設(shè)置精確的顯示倍率，單擊按鈕，可縮小顯示倍率，單擊按鈕可放大顯示倍率。知識準(zhǔn)備6．標(biāo)尺、參考線、網(wǎng)格（1）標(biāo)尺：顯示標(biāo)尺是創(chuàng)建參考線的第一步，按【Ctrl+R】鍵或選擇【視圖】/【標(biāo)尺】/【顯示標(biāo)尺】命令可顯示出標(biāo)尺，按【Ctrl+R】鍵將顯示的標(biāo)尺隱藏。如果需要設(shè)置標(biāo)尺的顯示單位，則在標(biāo)尺上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇需要的單位，如下圖所示?；蛘哌x擇【編輯】/【首選項(xiàng)】/【單位】命令，打開“首選項(xiàng)”對話框，如右圖所示，在“常規(guī)”選項(xiàng)的下拉列表中設(shè)置標(biāo)尺的顯示單位，單擊“確定”按鈕。知識準(zhǔn)備6．標(biāo)尺、參考線、網(wǎng)格（2）參考線設(shè)計(jì)師可以根據(jù)標(biāo)尺、路徑創(chuàng)建參考線，也可以啟用智能參考線，具體方法如下。啟用智能參考線：選擇【視圖】/【智能參考線】命令，可以顯示智能參考線。利用標(biāo)尺創(chuàng)建參考線：將鼠標(biāo)指針移至水平或垂直標(biāo)尺上，按不住鼠標(biāo)左鍵不放，朝畫板方向拖曳參考線。利用路徑創(chuàng)建參考線：選中路徑，按【Ctrl+5】鍵或選擇【視圖】/【參考線】/【建立參考線】命令。知識準(zhǔn)備6．標(biāo)尺、參考線、網(wǎng)格（3）網(wǎng)格選擇【視圖】/【顯示網(wǎng)格】命令（快捷鍵為【Ctrl+"】），即可顯示出網(wǎng)格。再次按【Ctrl+"】鍵可將顯示的標(biāo)尺隱藏。如右圖所示。

顏色：用于設(shè)置網(wǎng)格的顏色。樣式：用于設(shè)置網(wǎng)格的樣式，包括直線和點(diǎn)線樣式。

網(wǎng)格線間隔：用于設(shè)置網(wǎng)格線的間距。次分隔線：用于細(xì)分網(wǎng)格線的數(shù)量。網(wǎng)格置后：單擊選中該復(fù)選框后，網(wǎng)格線顯示在圖形的上方，反之，則在下方。顯示像素網(wǎng)格：單擊選中該復(fù)選框，當(dāng)圖形放大到600%以上時(shí)，可以查看像素網(wǎng)格。任務(wù)實(shí)施1．新建與置入文件由于客戶要求海報(bào)寬度為“1242px”、高度為“2208px”，米拉需要新建符合要求的文件，為避免源素材丟失，無法正常顯示，置入素材文件時(shí)，米拉采用嵌入的方式置入，具體操作如下。1新建文件2“置入”對話框3繪制區(qū)域置入文件任務(wù)實(shí)施2．使用智能參考線對齊米拉考慮在海報(bào)中央繪制矩形來增強(qiáng)設(shè)計(jì)感，為了方便中心對齊矩形，米拉考慮使用智能參考線，具體操作如下。1使用智能參考線中心對齊矩形2設(shè)置“透明度”面板任務(wù)實(shí)施3．打開、關(guān)閉與存儲文件節(jié)氣海報(bào)還需要添加文案和插畫，米拉準(zhǔn)備打開相關(guān)素材文件，將其中的內(nèi)容復(fù)制到海報(bào)中。為節(jié)約空間，之后還可以關(guān)閉使用過的素材文件。為了避免停電等意外情況造成文件丟失或損壞，從而無法再次打開，編輯文檔后，可以通過“存儲”命令存儲文件，具體操作如下。1打開文件2關(guān)閉文件3調(diào)整素材大小任務(wù)實(shí)施3．打開、關(guān)閉與存儲文件4調(diào)整素材縮放比例5添加素材到文件中6“存儲為”對話框任務(wù)實(shí)施4．新建畫板米拉考慮在當(dāng)前文件中新建一個(gè)畫板，用于設(shè)計(jì)“白露”節(jié)氣海報(bào)，具體操作如下。1新建畫板22為畫板2添加素材為方便同時(shí)展示多張節(jié)氣海報(bào)效果，可以將多張節(jié)氣的海報(bào)放置在一個(gè)文件的不同畫板中。任務(wù)實(shí)施5．導(dǎo)出、存儲與關(guān)閉文件完成設(shè)計(jì)工作后，為了方便查看效果，米拉將海報(bào)導(dǎo)出為JPEG格式的文件，存儲并關(guān)閉源文件，便于下次打開或修改，具體操作如下。1“導(dǎo)出”對話框2“JPEG選項(xiàng)”對話框目錄Contents任務(wù)1.1

了解Illustrator平面設(shè)計(jì)基礎(chǔ)任務(wù)1.2

認(rèn)識Illustrator2021工作界面任務(wù)1.3設(shè)計(jì)節(jié)氣海報(bào)綜合實(shí)戰(zhàn)設(shè)計(jì)《時(shí)尚彩妝》雜志封面裝幀某《時(shí)尚彩妝》雜志的正文內(nèi)容已編輯完成，現(xiàn)需要為其設(shè)計(jì)雜志封面裝幀，包含封面、書脊和封底版式。老洪將該任務(wù)分配給米拉，要求她將客戶提供的文案，條碼圖像素材運(yùn)用到設(shè)計(jì)中。本實(shí)戰(zhàn)的參考效果如右圖所示。實(shí)綜合實(shí)戰(zhàn)

設(shè)計(jì)《時(shí)尚彩妝》雜志封面裝幀雜志裝幀是一個(gè)整體，不僅僅是封面設(shè)計(jì)，還包括勒口、書脊、封底、護(hù)封、扉頁、環(huán)襯、目錄、版式等設(shè)計(jì)。一個(gè)好的雜志裝幀設(shè)計(jì)作品能讓用戶輕松閱讀、享受閱讀。實(shí)戰(zhàn)背景實(shí)戰(zhàn)描述①?分析雜志特點(diǎn)，做好前期的客戶溝通，確定封面設(shè)計(jì)的風(fēng)格定位。②?分析封面圖片，選擇構(gòu)圖美觀、細(xì)節(jié)精美、紋理清晰的圖片為封面素材。③?制作分辨率為300像素/英寸，CMYK模式，尺寸為185mm×260mm的封面、封底，30mm×260mm的書脊。④?構(gòu)圖合理，色彩符合彩妝行業(yè)特點(diǎn)，版面簡潔美觀，書名突出。實(shí)戰(zhàn)目標(biāo)知識要點(diǎn)新建文