中職Illustrator圖形設(shè)計與制作項目1課件

1、(中職）Illustrator圖形設(shè)計與制作項目1課件Illustrator圖形設(shè)計與制作（Illustrator CC 2018）CONTENTSIllustrator CC 2018基礎(chǔ)知識項目1標(biāo)志設(shè)計項目2書籍裝幀設(shè)計項目3卡片設(shè)計項目4目錄CONTENTSDM單設(shè)計項目5產(chǎn)品包裝設(shè)計項目6宣傳冊設(shè)計項目7目錄Illustrator CC 2018基礎(chǔ)知識項目1任務(wù)1.1 初識Illustrator CC 2018任務(wù)1.2 圖像的基礎(chǔ)知識和顏色模式任務(wù)1.3 文字編輯任務(wù)1.4 顏色編輯任務(wù)1.1 初識Illustrator CC 20181.1.1 Illustrator的應(yīng)用 A

2、dobe Illustrator是一款應(yīng)用于出版、多媒體和在線圖像的平面設(shè)計矢量設(shè)計軟件，是平面設(shè)計、美工、UI設(shè)計等必備的矢量圖形處理工具之一。 Adobe Illustrator軟件主要用于印刷出版。它還可以為線稿提供較高的精度和控制，適用于任何小型項目及大型產(chǎn)品的設(shè)計生產(chǎn)。 Adobe Illustrator應(yīng)用涉及到的領(lǐng)域有卡通造型設(shè)計、商業(yè)插圖繪制、VI設(shè)計、logo與字體設(shè)計、服裝設(shè)計、箱包款式設(shè)計、網(wǎng)頁設(shè)計等。1.1.2 Illustrator CC 2018的系統(tǒng)需求處理器操作 系統(tǒng)內(nèi)存硬盤顯示器分辨率GPUInternet連接 要使用 Illustrator中的“觸摸”工作區(qū)

3、，必須擁有運行Windows 10并啟用了觸控屏幕的平板電腦/顯示器（推薦Microsoft Surface Pro 3）。任務(wù)1.1 初識Illustrator CC 20181.1.3 Illustrator CC 2018的下載及安裝 登錄Adobe官方網(wǎng)站/products/illustrator.html，注冊Adobe ID，如圖1-1-1所示。圖1-1-1任務(wù)1.1 初識Illustrator CC 2018 登錄Adobe ID后，下載并安裝，如圖1-1-2和圖1-1-3所示。圖1-1-2圖1-1-3任務(wù)1.1 初識Illustrator CC 20181.1.3 Illust

4、rator CC 2018的下載及安裝Illustrator CC 2018軟件啟動界面如圖1-1-4所示。圖1-1-4任務(wù)1.1 初識Illustrator CC 20181.1.3 Illustrator CC 2018的下載及安裝1.1.4 Illustrator CC 2018的工作界面 啟動Illustrator CC 2018后，顯示器上將會顯示主界面。主界面上包含一些可以實現(xiàn)的操作選項。在打開教程選項中，相應(yīng)的官方教程鏈接可以幫助用戶快速學(xué)習(xí)并了解Illustrator CC 2018的概念、工作流程、提示和技巧等，如圖1-1-5所示。圖1-1-5任務(wù)1.1 初識Illustra

5、tor CC 2018 用戶使用組合鍵Ctrl+O打開文件后，即可默認(rèn)顯示圖1-1-6所示的基本工作界面。圖1-1-6任務(wù)1.1 初識Illustrator CC 20181.1.4 Illustrator CC 2018的工作界面1.1.5 Illustrator CC 2018的菜單欄 Illustrator CC 2018 軟件的菜單欄中，共包括9組菜單選項，分別是文件、編輯、對象、文字、選擇、效果、視圖、窗口、幫助，如圖1-1-7所示。圖1-1-7任務(wù)1.1 初識Illustrator CC 2018 用戶單擊任何一組菜單選項，系統(tǒng)都會彈出對應(yīng)的下拉菜單，選擇下拉菜單中相應(yīng)的選項，就可

6、以執(zhí)行相應(yīng)的命令，如圖1-1-8所示。圖1-1-8任務(wù)1.1 初識Illustrator CC 20181.1.5 Illustrator CC 2018的菜單欄1.1.6 Illustrator CC 2018的工具欄圖1-1-9任務(wù)1.1 初識Illustrator CC 2018 工具欄是Illustrator CC 2018中非常重要的功能面板，它包含了Illustrator CC 2018中常用的繪制、編輯、處理等操作工具。當(dāng)用戶需要使用某個工具時，單擊相對應(yīng)工具即可。 工具欄可以展開顯示，也可以折疊顯示。單擊 圖標(biāo)可以切換單欄展示和雙欄展示，如圖1-1-9所示。圖1-1-10任務(wù)1

7、.1 初識Illustrator CC 2018 將鼠標(biāo)指針移到相應(yīng)工具圖標(biāo)上按住鼠標(biāo)左鍵不放即可打開隱藏的工具組，將鼠標(biāo)指針移至相應(yīng)工具上，松開鼠標(biāo)左鍵即可使用相應(yīng)工具，如圖1-1-10所示。1.1.6 Illustrator CC 2018的工具欄1.1.7 自定義工作區(qū)圖1-1-11任務(wù)1.1 初識Illustrator CC 2018 啟動Illustrator CC 2018后，在工作界面頂部的菜單欄中，執(zhí)行“窗口”“工作區(qū)”命令，在工作區(qū)的子菜單里可以選擇合適的工作區(qū)，如Web工作區(qū)、上色工作區(qū)、傳統(tǒng)基本功能工作區(qū)、基本功能工作區(qū)、打印和校樣工作區(qū)等，如圖1-1-11所示。圖1-1

8、-12任務(wù)1.1 初識Illustrator CC 2018 也可以通過單擊工作界面頂部菜單欄中的“切換預(yù)設(shè)工作區(qū)”按鈕，在彈出的下拉菜單中直接選擇系統(tǒng)預(yù)設(shè)的工作區(qū)，如圖1-1-12所示。1.1.7 自定義工作區(qū)圖1-1-13任務(wù)1.1 初識Illustrator CC 2018 在Illustrator CC 2018中可自己創(chuàng)建自定義工作區(qū)。用戶按照個人工作需要設(shè)置工作區(qū)布局后，執(zhí)行“窗口”“工作區(qū)”“新建工作區(qū)”命令，在彈出的“新建工作區(qū)”對話框中輸入新建工作區(qū)名稱，單擊“確定”按鈕即可創(chuàng)建自定義工作區(qū)，如圖1-1-13所示。1.1.7 自定義工作區(qū)1.1.8 自定義快捷鍵圖1-1-14

9、任務(wù)1.1 初識Illustrator CC 2018 在工作界面菜單欄中，執(zhí)行“編輯”“鍵盤快捷鍵”命令（見圖1-1-14）或直接按Alt+Shift+Ctrl+K組合鍵，即可打開圖1-1-15所示的“鍵盤快捷鍵”對話框。圖1-1-15任務(wù)1.1 初識Illustrator CC 2018 如果輸入的快捷鍵已經(jīng)指定給另一命令或工具，在“鍵盤快捷鍵”對話框中的底部將會顯示警告信息，如圖1-1-16所示。圖1-1-161.1.8 自定義快捷鍵1.1.9 設(shè)置首選項圖1-1-17任務(wù)1.1 初識Illustrator CC 2018 啟動Illustrator CC 2018后，顯示器上將會顯示I

10、llustrator的主界面。執(zhí)行“編輯”“首選項”“常規(guī)”命令或者按Ctrl+K組合鍵，即可打開圖1-1-17所示的“首選項”對話框。圖1-1-18任務(wù)1.1 初識Illustrator CC 2018 在“參考線和網(wǎng)格”設(shè)置中，可以改變參考線的顏色及樣式。 在“用戶界面”設(shè)置中，可以改變亮度和畫布顏色。在“性能”設(shè)置中，取消選中“動畫縮放”復(fù)選框（見圖1-1-18），會使軟件運行更加流暢。設(shè)置完成后單擊“確定”按鈕，即可完成修改“首選項”。1.1.9 設(shè)置首選項1.2.1 認(rèn)識位圖與矢量圖任務(wù)1.2 圖像的基礎(chǔ)知識和顏色模式 位圖也叫作點陣圖、刪格圖像，它是由像素構(gòu)成的，像素的多少決定了位

11、圖圖像的文件大小和顯示質(zhì)量，每個像素都分別配有特定的位置和顏色值，位圖圖像的分辨率越高，其顯示越清晰，文件所占的空間也就越大。 對位圖圖像進行放大時，放大的只是像素點，位圖圖像的四周會出現(xiàn)鋸齒狀，圖1-2-1所示為放大8倍的位圖效果。任務(wù)1.2 圖像的基礎(chǔ)知識和顏色模式圖1-2-11.2.1 認(rèn)識位圖與矢量圖任務(wù)1.2 圖像的基礎(chǔ)知識和顏色模式 矢量圖，是由數(shù)學(xué)對象定義的直線或曲線構(gòu)成的。矢量圖形根據(jù)圖形的幾何特征對圖形進行描述。可任意移動或修改矢量圖形，而不會丟失細(xì)節(jié)或影響清晰度，因為矢量圖形與分辨率無關(guān)。因此，對于將在各種輸出媒體中按照不同大小使用的圖稿，矢量圖形是最佳選擇。 矢量圖的清晰

12、度與分辨率無關(guān)，對矢量圖進行縮放時，圖形對象仍保持原有的清晰度，不會發(fā)生任何偏差，圖1-2-2所示為放大8倍的矢量圖效果。1.2.1 認(rèn)識位圖與矢量圖任務(wù)1.2 圖像的基礎(chǔ)知識和顏色模式圖1-2-21.2.1 認(rèn)識位圖與矢量圖1.2.2 圖像分辨率任務(wù)1.2 圖像的基礎(chǔ)知識和顏色模式像素是指照片的點數(shù)(表示照片是由多少點構(gòu)成的)，照片實際大小是由像素決定的。一個像素很大的照片，如果將分辨率設(shè)置得很大，打印出來的照片可能并不大，但是很清晰。反之，一個像素很小的照片，如果將分辨率設(shè)置得很小，那么打印出來的照片可能很大，但是不清晰?？傁袼厥侵笀D片的樣本精度，與可打印尺寸有關(guān)，通常使用“長寬”的方式表

13、示，乘積就是總像素。由于圖片的長寬比不同，所以同一總像素可以有多種規(guī)格。任務(wù)1.2 圖像的基礎(chǔ)知識和顏色模式圖像分辨率是指圖像中存儲的信息量，是每英寸圖像內(nèi)有多少個像素點。分辨率的單位為PPI(pixels per inch)，通常叫做像素每英寸。圖像分辨率常被用來改變圖像的清晰度。圖像分辨率相乘約等于像素。無論是監(jiān)控攝像機所拍攝的圖像還是相機所抓拍的圖像，都有自己的信息。從分辨率上我們就可以估算出圖像的像素。1.2.2 圖像分辨率1.2.3 常用的顏色模式任務(wù)1.2 圖像的基礎(chǔ)知識和顏色模式RGB顏色模式Web安全RGB模式灰度模式CMYK顏色模式HSB顏色模式Illustrator CC

14、2018中共有5種顏色模式1.3.1 文字工具的種類任務(wù)1.3 文字編輯 在Illustrator CC 2018的工具欄中，系統(tǒng)為用戶提供了7種文字工具，分別是“文字工具”“區(qū)域文字工具”“路徑文字工具”“直排文字工具”“直排區(qū)域文字工具”“直排路徑文字工具”和“修飾文字工具”，如圖1-3-1所示。使用以上文字工具可以輸入各種類型的文字，以滿足用戶不同的文字處理需求。圖1-3-1 使用“直排文字工具”創(chuàng)建的文本會從上至下進行排布；在換行時，下一行文字會排布在該行的左側(cè)，如圖1-3-3所示。任務(wù)1.3 文字編輯圖1-3-3 在工具欄中選取“文字工具”后，移動鼠標(biāo)指針到軟件設(shè)計區(qū)中的任意位置，單

15、擊需插入文字的插入點，可以按照橫排的方式，由左至右輸入文字，如圖1-3-2所示。圖1-3-21.3.2 創(chuàng)建文字任務(wù)1.3 文字編輯圖1-3-4 在新建的文檔中，使用“橢圓工具”在文檔中繪制一個圓形，如圖1-3-4所示。1.3.2 創(chuàng)建文字任務(wù)1.3 文字編輯圖1-3-6 選擇“區(qū)域文字工具”，在圓形路徑上單擊，將路徑轉(zhuǎn)換為文字區(qū)域，并在其中輸入文字內(nèi)容，如圖1-3-5所示。 按Esc鍵結(jié)束文本的輸入，在屬性面板中設(shè)置文本字體、設(shè)置字體顏色、字體大小等，如圖1-3-6所示。圖1-3-51.3.2 創(chuàng)建文字1.3.3 設(shè)置文字效果任務(wù)1.3 文字編輯1 新建空白文檔，在打開的文檔中，選擇“橢圓工

16、具”，在文檔中繪制圓形。2 選擇“路徑文字工具”，在圓形路徑上單擊，創(chuàng)建路徑文本。打開“字符”面板，設(shè)置字體樣式，字體大小，字符間距等。3 按快捷鍵F6打開“顏色”面板，在“顏色”面板中設(shè)置填充顏色。4 選中路徑文本對象后，執(zhí)行“文字”“路徑文字”命令，在彈出的子菜單中選擇一種路徑文字效果。1.3.4 字體安裝任務(wù)1.3 文字編輯圖1-3-16 從網(wǎng)上搜索相關(guān)字體，下載至本地計算機。打開控制面板，找到“字體”后打開“字體”窗口，如圖1-3-16所示。將下載好的字體復(fù)制到“字體”窗口中即完成字體的安裝。1.4.1 “色板”面板任務(wù)1.4 顏色編輯 執(zhí)行“窗口”“色板”命令，打開圖1-4-1所示的

17、“色板”面板。 在“色板”面板中，單擊“顯示列表視圖”按鈕和“顯示縮覽圖視圖”按鈕用可以直接更改色板顯示狀態(tài)，圖1-4-2所示為“顯示列表視圖”模式。圖1-4-1圖1-4-2功能按鈕任務(wù)1.4 顏色編輯圖1-4-4 用戶在使用“色板”面板時，可以通過選擇面板菜單中的命令更改色板的顯示狀態(tài)，如圖1-4-4所示。1.4.1 “色板”面板任務(wù)1.4 顏色編輯圖1-4-5 用戶使用色板庫中的顏色，可從“色板”面板左下角單擊“色板庫菜單”按鈕，選擇子菜單中的相應(yīng)色板庫，也可在面板擴展菜單中選擇“打開色板庫”子菜單中的相應(yīng)色板庫。如圖1-4-5所示。1.4.1 “色板”面板任務(wù)1.4 顏色編輯圖1-4-6

18、 在Illustrator CC 2018中，可以將色板庫中的顏色直接通過拖動添加至“色板”面板中；或者選中色板，選擇面板擴展菜單中的“添加到色板”選項，添加至“色板”面板，如圖1-4-6所示。1.4.1 “色板”面板任務(wù)1.4 顏色編輯圖1-4-7 雙擊工具面板下方的“填色”圖標(biāo) 或“描邊”圖標(biāo)都可以打開“拾色器”對話框。在“拾色器”對話框中可以基于RGB、CMYK、HSB等顏色模型設(shè)置填充或描邊顏色，如圖1-4-7所示。1.4.2 “拾色器”對話框和“漸變”面板任務(wù)1.4 顏色編輯圖1-4-8 單擊“拾色器”對話框中的“顏色色板”按鈕，可以顯示顏色色板選項，如圖1-4-8所示。在其中可以直

19、接選擇色板填充或描邊顏色。單擊“顏色模型”按鈕可以返回選擇顏色狀態(tài)。1.4.2 “拾色器”對話框和“漸變”面板任務(wù)1.4 顏色編輯圖1-4-9 在Illustrator CC 2018中，漸變填充是平面設(shè)計作品中一種重要的顏色表現(xiàn)方式，大大地增強了編輯對象的可視效果。在Illustrator工作界面的菜單欄中，執(zhí)行“窗口”“漸變”命令，可打開“漸變”面板，如圖1-4-9所示。1.4.2 “拾色器”對話框和“漸變”面板任務(wù)1.4 顏色編輯圖1-4-10 在“漸變”面板中可設(shè)置漸變參數(shù)，在“類型”下拉列表框中可選擇漸變類型，設(shè)置漸變的起始、中間和終止顏色，還可設(shè)置漸變的位置和角度。在“角度”文本框

20、中顯示當(dāng)前的漸變角度，重新輸入數(shù)值后按Enter鍵，可以改變漸變的角度，如圖1-4-10所示。1.4.2 “拾色器”對話框和“漸變”面板任務(wù)1.4 顏色編輯圖1-4-11 在漸變色譜底邊單擊，可以添加一個顏色滑塊，雙擊顏色滑塊可以在“顏色”面板中調(diào)配顏色，改變所添加顏色滑塊的顏色，單擊顏色滑塊并按住鼠標(biāo)左鍵不放，將其拖出“漸變”面板外，可以直接刪除顏色滑塊，如圖1-4-11所示。1.4.2 “拾色器”對話框和“漸變”面板1.4.3 漸變填充的樣式任務(wù)1.4 顏色編輯1.線性漸變填充 線性漸變填充是一種常用的漸變填充方式，通過“漸變”面板，可以精確地指定線性漸變的起始顏色和終止顏色，還可以調(diào)整漸變方向；通過調(diào)整中心點的位置，可以生成不同的顏色漸變效果。任務(wù)1.4 顏色編輯圖1-4-131.線性漸變填充 雙擊“漸變工具”或執(zhí)行“窗口”“漸變”命令（組合鍵為Ctrl+F9)，打開“漸變”面板。在“漸變”面板的色譜條中，顯示程序默認(rèn)的白色到黑色的線性漸變樣式。在“漸變”面板的“類型”下拉列表框中選擇“線性”漸變類型，圖形將被線性漸變填充，效果如圖1-4-13所示。1.4.3 漸變填充的樣式任務(wù)1.4 顏色編輯圖1-4-151.線性漸變填充 雙擊“漸變”面板中的起始漸變滑塊，然后在“顏色”面板中調(diào)試所需