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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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