區(qū)塊鏈技術與電子商務應用 課件 【ch03】Iustrator圖標設計

Illustrator圖標設計第五章新工科建設·應用型本科規(guī)劃教材UI設計實戰(zhàn)Illustrator概述0101Illustrator概述Illustrator發(fā)展歷程Illustrator應用領域llustrator是Adobe公司推出的基于矢量的圖形處理軟件。它是為蘋果公司麥金塔電腦而設計開發(fā)的，1987年1月發(fā)布。歷經(jīng)三十年的發(fā)展，目前最高版本為lustratorCC2018。Illustrator廣泛應用于廣告設計、CI策劃、網(wǎng)頁設計、插圖創(chuàng)作、產(chǎn)品包裝設計、圖標設計等領域。01Illustrator概述1.廣告設計在廣告設計中，llustrator起著非常重要的作用，無論是海報、招貼，還是書籍裝幀，都需要llustrator完成圖像豐富的平面印刷品。海報設計如圖3.1所示。01Illustrator概述2.Cl策劃Cl,也稱CIS,是英文CorporateldentitySystem的縮寫，一般譯為“企業(yè)視覺形象識別系統(tǒng)”。CI設計就是有關企業(yè)視覺形象識別的設計，包括企業(yè)名稱、標志、標準字體、色彩、標語等方面的設計，如圖3.2所示。01Illustrator概述3.網(wǎng)頁設計Illustrator在網(wǎng)頁設計中主要輔助設計Logo、網(wǎng)絡商標，以及視覺上的排版，如圖3.3所示。01Illustrator概述4.插圖創(chuàng)作插圖設計是運用圖案的表現(xiàn)形式，使用llustrator可以運用分割、直線與色彩的反復創(chuàng)造出平面與單純化效果，能夠靈活、方便地進行插圖創(chuàng)作，如圖3.4所示。01Illustrator概述5.產(chǎn)品包裝設計產(chǎn)品包裝設計是指選用合適的包裝材料，針對產(chǎn)品本身的特性及受眾的喜好等相關因素，運用巧妙的工藝制作手段，為產(chǎn)品進行的容器結構造型和包裝的美化裝飾設計，如圖3.5所示。Illustrator可以將圖像轉(zhuǎn)換成可編輯的矢量圖案，設計師在應用的過程中得心應手，輕松滿足客戶對于產(chǎn)品的高要求。01Illustrator概述6.圖標設計隨著移動互聯(lián)網(wǎng)產(chǎn)品的普及，大量的圖標設計需要設計師能夠快速產(chǎn)出和迭代，如圖3.6所示。而llustrator快速、準確造型的優(yōu)勢，給設計師帶來了便利。Illustrator基礎操作0202Illustrator基礎操作工作區(qū)概覽熟悉llustrator的操作界面、工具箱、面板是深入學習軟件的重要基礎。通過本節(jié)課程的講解，讓大家了解工作區(qū)，快速掌握llustrator的工作環(huán)境。

菜單欄：包含用于操作的命令。單擊菜單欄的各種命令，是實現(xiàn)主要功能的最基本的操作方式。畫板：繪制和創(chuàng)意設計圖稿，可以根據(jù)需求調(diào)整畫板的大小和數(shù)量?！罟ぞ呦洌豪L制和修改圖形的工具。

面板：可以幫助監(jiān)控和修改圖稿和菜單。狀態(tài)欄：顯示當前縮放級別和關于主題的信息，包括當前使用的工具、日期和時間、還原和重做次數(shù)、文檔顏色配置文件的狀態(tài)。02Illustrator基礎操作新建Illustrator文檔在llustratorCC2018版本中有兩種新建文檔的方法。打開軟件后，自動出現(xiàn)“開始”工作區(qū)，在該區(qū)域內(nèi)顯示最近使用或打開過的文件或素材，以及創(chuàng)建新文檔的按鈕，如圖3.11所示?？梢酝ㄟ^“編輯”>“首選項”>“常規(guī)”操作進行打開或關閉設置，如圖3.12所示。02Illustrator基礎操作保存lllustrator文檔文件進行處理后，需要及時保存，以免出現(xiàn)意外造成文件丟失。在llustratorCC2018中可以使用不同的命令保存文件，包括“存儲”“存儲為”“存儲為模板”“存儲為Web所用格式”。1.“存儲”命令選擇“文件”>“存儲”命令，即可將文件以原有格式進行存儲，且保存在原位置處。2.“存儲為”命令選擇“文件”>“存儲為”命令，可以將當前文件保存為其他名稱和格式，或者將其存儲到其他位置。3.“存儲為模板”命令選擇“文件”>“存儲為模板”命令，可以將當前文件保存為一個模板文件。4.“存儲為Web所用格式”命令選擇“文件”>“存儲為Web所用格式”命令，可以創(chuàng)建PNG、JPEG、GIF文件。02Illustrator基礎操作保存文件類型在llustratorCC2018版本中可以保存的文件類型如下。Al:llustrator的專用源文件格式，向下兼容低版本生成的文件，可以保留所有文件數(shù)據(jù)。PDF:支持跨平臺及多媒體集成的信息出版和發(fā)布。以PostScript語言圖像模型為基礎，無論在哪種打印機上都可保證精確的顏色和準確的打印效果，即PDF會準確再現(xiàn)原稿的每一個字符、顏色及圖像。EPS:EPS文件是目前桌面印刷系統(tǒng)普遍使用的通用交換格式中的一種綜合格式。它由一個PostSonpt語言的文本文件和一個(可選)低分辨率的由PICT或TFF格式描述的代表像素組成。EPS文件就是包括文件頭信息的PostScript文件，利用文件頭信息可使其他應用程序?qū)⒋宋募度胛臋n。02Illustrator基礎操作保存文件類型AT:llustrator模板文件格式。SVG:一種開放標準的矢量圖形語言，用戶可以直接用代碼來描繪圖像，可以用任何文字處理工具打開SVG圖像，通過改變部分代碼來使圖像具有交互功能，并且可以隨時插入到HTML中通過瀏覽器來預覽。SVGZ:是SVG的壓縮版，但是兼容性偏差，不方便用代碼來描繪圖像。導出后可以直接用瀏覽器觀看。02Illustrator基礎操作導出文件類型在llustratorCC2018版本中可以導出的常用文件類型如下。DWG:DWG格式是由AutoCAD繪圖軟件繪制出來的圖形保存的文件格式，llustrator可以導出該格式，便于圖形文件跨平臺使用。BMP:Windows操作系統(tǒng)中的標準圖像文件格式。JPEG:JPEG(JointPhotographicExpertsGroup)是在國際標準化組織(ISO)領導下制定靜態(tài)圖像壓縮標準的委員會名稱的英文縮寫。JPEG(JPG)就是該委員會制定的。由于JPEG優(yōu)良的品質(zhì)，被廣泛應用于互聯(lián)網(wǎng)和數(shù)碼相機領域，這些領域使用的大部分圖像都采用了JPEG壓縮標準。PSD:Photoshop的專用源文件格式。這種格式可以存儲Photoshop中所有的圖層、通道、參考線、注解和顏色模式等信息。02Illustrator基礎操作導出文件類型PNG:便攜式網(wǎng)絡圖形(PortableNetworkGraphics,PNG)是一種無損壓縮的位圖格式。其體積小、無損壓縮、索引彩色模式、更優(yōu)化的網(wǎng)絡傳輸顯示，支持透明效果，還支持真彩和灰度級圖像的Alpha通道透明度，最高支持24位真彩色圖像及8位灰度圖像。目前，它是移動產(chǎn)品所用圖片的主流格式。TGA:TGA的結構比較簡單，屬于一種圖形、圖像數(shù)據(jù)的通用格式，TGA格式支持壓縮，使用不失真的壓縮算法。在多媒體領域有很大的影響力，是計算機生成圖像向電視轉(zhuǎn)換的一種首選格式。TFF:標簽圖像文件格式，簡寫為TIFF。它是一種用來存儲照片和藝術圖在內(nèi)的圖像文件格式。TFF文件格式適用于在應用程序之間和計算機平臺之間交換文件，它的出現(xiàn)使圖像數(shù)據(jù)交換更加便利。02Illustrator基礎操作輔助工具的使用1.標尺和零點標尺可以幫助設計者在畫板中精確地放置和度量對象。啟動標尺后，移動光標時標尺會顯示光標的精確位置。選擇“視圖”>“顯示/隱藏標尺”命令，或者按“Ctrl+R”組合鍵切換，可以顯示/隱藏標尺。顯示“標尺”如圖3.15所示。02Illustrator基礎操作選擇對象1.選擇工具【選擇工具】口是最常用的工具，可以選擇、移動或調(diào)整對象，快捷鍵為“V”,縮放對象和復制對象如圖3.19和圖3.20所示。

按住“Shift”鍵，單擊對象可加選多個對象并激活其邊框，也可以拖曳出矩形框框選多個對象。

按住“Ctr}”鍵，單擊選取不同前后次序的對象。

按住“At”鍵，單擊并拖曳對象，可復制該對象。02Illustrator基礎操作選擇對象2.直接選擇工具【直接選擇工具】可以選擇對象上的錨點，選中的錨點以實心表示，未選中的錨點以空心表示，快捷鍵為“A”,直接選擇錨點如圖3.21所示。選取錨點后，按“Delete”鍵，可以刪除錨點；按方向鍵可以修改錨點位置。02Illustrator基礎操作選擇對象對象編組可以把多個對象編成一個組，統(tǒng)一進行處理，使用【選擇工具】和【直接選擇工具】可以選擇編組中的不同級別的對象。1.選擇多個對象編組要選擇多個對象編組，可以選擇“對象”>“編組”命令，或者按“Cm+G”組合鍵，將選取的對象進行編組。2.取消對象編組選擇要取消編組的對象，可以選擇“對象”>“取消編組”命令，或者按“Shift+Ctr+G”組合鍵，將選取的編組對象取消編組。02Illustrator基礎操作對象對齊和分布1.對齊對象選取的對象可以進行對齊操作，執(zhí)行“窗口">“對齊"操作，打開對齊錨點面板，如圖3.25所示。2.分布對象選取的對象可以進行分布操作，在分布錨點面板中執(zhí)行，如圖3.26所示。02Illustrator基礎操作對象對齊和分布3.分布間距進行對象分布和對齊的操作時，還可以通過設置分布間距進行，分布間距面板如圖3.27所示。對齊類型有三種：對齊所選對象、對齊關鍵對象、對齊畫板。

對齊所選對象，即以所選對象相互之間對齊。對齊關鍵對象，即以所選對象為參照物，與所選對象對齊。

對齊畫板，即所選對象以畫板為參照物，所選對象相互對齊。02Illustrator基礎操作基本繪圖工具在llustrator中，有兩組繪制基本圖形的工具，如圖3.28、圖3.29所示。組合對象0303組合對象復合形狀復合形狀可由簡單路徑、復合路徑、文本框架、文本輪廓或其他形狀復合組成。復合形狀的外觀取決于產(chǎn)生復合的方法，常用的復合形狀在“路徑查找器”面板的“形狀模式”選項中，其中包括【聯(lián)集】、【減去頂層】、【交集】和【差集】。其他復合形狀其他復合形狀在“路徑查找器”面板的“路徑查找器”選項中，包括【分割】、【修邊】、【合并】、【裁剪】、【輪廓】和【減去后面】等復合形狀。03組合對象釋放與擴展復合形狀使用“釋放復合形狀”命令可將復合對象拆分為原有的單獨對象，如圖3.94所示。03組合對象路徑查找器選項“精度”;控制繪制路徑的準確度，值越小結果會越接近原始形狀，值越大結果越不準確。“刪除冗余點”:勾選它會刪除一些因為執(zhí)行相關操作而生成的冗余點?！胺指詈洼喞獙h除未上色圖稿”:當完成分割和輪廓操作時，可能會造成一些形狀沒有填充和輪廓，勾選它就會刪除這些形狀?！澳J值”:單擊該按鈕，系統(tǒng)將使用默認設置。擴展、擴展外觀、輪廓化描邊、文字輪廓0404擴展、擴展外觀、輪廓化描邊、文字輪廓擴展：選擇“對象”>“擴展”命令。擴展對象可用來將單一對象分割為若干個對象，這些對象共同組成其外觀，如圖3.100所示。另外，如果打印透明度效果、3D對象、圖案、漸變、描邊、混合、光暈、封套或符號時遇到困難，則可以擴展后再打印。擴展04擴展、擴展外觀、輪廓化描邊、文字輪廓擴展外觀擴展外觀：選擇“對象”>“擴展外觀”命令。將圖形的外觀效果進行分離，如圖3.101所示。其外觀效果類似Photoshop中的圖層樣式，如投影、內(nèi)陰影、內(nèi)發(fā)光等效果。04擴展、擴展外觀、輪廓化描邊、文字輪廓輪廓化描邊輪廓化描邊：選擇“對象”>“路徑”>“輪廓化描邊”命令。將描邊轉(zhuǎn)化為填充(形狀),如圖3.102所示。有時會和擴展命令產(chǎn)生相似的效果，輪廓化描邊的對象只能是描邊，而擴展的對象包括描邊和填充。04擴展、擴展外觀、輪廓化描邊、文字輪廓文字輪廓文字輪廓：選中文字，單擊鼠標右鍵，在彈出的快捷菜單中選擇“創(chuàng)建輪廓”命令，如圖3.103所示。文字輪廓也稱為“文字轉(zhuǎn)曲”或“轉(zhuǎn)曲”。創(chuàng)建輪廓后文本將不再具備文字屬性，而成為圖形，以方便在不同輸出設備間使用。但它屬于不可逆的操作，所以一般做印刷處理時，都會提前備份一份，再將原文字做轉(zhuǎn)曲操作，同時將備份的文字進行隱藏，以便于下次修改。圖標設計技法0505圖標設計技法使用【形狀工具】和【鋼筆工具】,繪制線性“image”圖標，最終效果如圖3.104所示。繪制“image”圖標05圖標設計技法(1)打開llustratorCC2018,創(chuàng)建新文件，文件