本套教程總共分為五章,每章講解一個圖標案例,闡述了從完全寫實圖標——寫實圖標抽象化為圓角矩形圖標——完全抽象的圓角矩形圖標的過程。通過演示五個圖標的詳細制作,告訴大家如何表達一個圖標的意義以及寫實和抽象之間的關系。本教程采用理論和實際操作相結合的方式講述,學員在學習到軟件知識的同時,也能對UI設計里邊的圖標有一個更深層次的了解。
第一章 貝雷帽兔子圖標
本章講述內容為一個大圖標的制作過程,通過圖標的具體部位的形體刻畫方法和色彩配置來讓學習者對形體和顏色兩方面都有一個初步的認識。主要知識點為:臉部球形體怎樣表現?五官如何刻畫?帽子、勛章等怎樣制作?
第二章 大紙箱子圖標
本章通過對大圖標的繪制來形象展現一個具備大透視角度的物體是怎么表現的?在整體色彩偏單一的情況下,怎么能讓這個物體看起來可信?
第三章 AppleⅠ寫實圖標
這個圖標有兩個特點,透視角度大,細節豐富。知識點主要包括:從現實到寫實的過渡、復雜物體的透視管理、細節與整體的關聯。
第四章 AppleⅠ圓角矩形寫實圖標
本章內容延續上一小節,講述怎樣從一個純寫實主義變化為抽象化寫實主義。
主要知識點:要素的舍棄原則、抽象化的意義、如何平衡抽象化和寫實主義。
第五章 虛擬APP(聲畫)圖標
本章延續之前的思路變化,到本小節時,已經鮮見純寫實主義的體現,而是更多體現圖標的本義,即意涵的表達。
第一章 貝雷帽兔子圖標制作
|
1/整章內容介紹 2/矢量圖形的優勢演示和兔子圖標輪廓的繪制。
|
1/兔子臉部球形的質感表現,眼睛和嘴巴的繪制; 2/介紹圖層樣式在規則物體的表現上的應用。
|
1/兔子嘴巴的調整,鼻子的繪制方法,耳朵部分的處理,帽子下緣帶子部分的處理; 2/介紹矢量蒙版和一般蒙版在具體實例中的應用。
|
1/帽子部分的處理,徽章的處理方式; 2/初步介紹智能對象的使用; 3/總結本小節知識點。
|
第二章 瓦楞紙箱子圖標制作
|
透視角度的規范方法介紹和整體型的勾畫:1.2整節素材提供:1/透視參考圖;2/說明書貼圖;3/墨跡AI源文件
|
瓦楞紙質感的體現方法,幾個紙箱面的光影布局制作。
|
1/完成所有紙箱面的質感繪制;2/折痕的處理方式與貼圖的制作方法。
|
貼圖制作方法,根據光影關系制作物體內部投影。制作整體圖標的的倒影和投影,完成圖標。
|
第三章 apple 1 寫實圖標制作
|
以照片為參考的圖標繪制方法。如何在構型完成后,做出木紋質感。1.3整節素材提供:1/apple一號機原圖;2/木紋貼圖素材;3/雜色圖案樣式
|
完善形體上的光影。開始鍵盤部分的制作。
|
兩種螺絲,不同角度的鋼架類東西的制作。
|
木板上鏤空部分字母的制作方法。其他小部件的制作。整體圖標做舊的方式。整體倒影和投影的制作。圖標完成。
|
第四章 APPLE 1 圓角矩形寫實圖標
|
寫實圖標和抽象化圖標兩種形式的分析和圖標相關知識點的講解。開始鋪就圓角矩形圖標的整體外形。1.4整節素材提供:1/APPicon 各尺寸圓角矩形文件;2/apple_152icon psd文件
|
完成整體的光影體現,講解鏤空部分的抽象化體現和方法。
|
對現有部分的布局進行調節。講解螺絲的抽象化方法和鐵架的繪制方式。
|
鍵盤的抽象化方法講解,其他部分如螺絲和插盤的繪制講解。整體圖標展示的制作講解。圖標完成。 |
第五章 虛擬APP(聲畫)圖標
|
講解如何解讀需求文檔,如何根據解讀來提取所需的顏色。并完成圖標整體形體的繪制。1.5整節素材提供:1/麥克風網狀結構;2/提取的色值
|
圖片的處理、木紋的處理、標簽的處理以及紋理的制作方法。
|
麥克風播放器的處理方法講解,包括其紋理圖案的制作方法,其形體的調節方法等等。
|
完善播放器的光影處理,根據整體風格對圖片顏色進行調整,并最終完成圖標。
|