溫顧

前兩節課學習了進階版的摳圖，現在能摳出一些複雜的物體，可以簡單處理自己的婚紗照或者證件照，摳圖方法就是利用通道和色階，提取透明部分或者毛髮部分進行摳圖。

知新

本節課學習如何利用PS繪製一些簡單的圖標或者插畫，我們的生活中，圖標和插畫無處不在，比如一些商品logo，廣告中的插畫等，同時圖標和插畫是UI設計中重要的元素，在我們平時接觸的手機APP和網頁中更是常見。

一、UI的初步認識

1.什麼是UI：UI（User Interface用戶界面）設計，也叫用戶界面設計，是指對軟件人機交互、操作邏輯、界面美觀的整體設計；

2.UI的應用場景

a.app移動端：例今日頭條app

b.網頁端：今日頭條官網

c.智能設備：例智能手錶等

3.UI圖標—ICON：有指代性的計算機圖形，具有高度濃縮並快速傳達信息和便於記憶的特點；

4.ICON類別（也是發展趨勢）：擬物化圖標、微扁平圖標、扁平化圖標、其他類型圖標（MBE風格）

二、插畫

1.什麼是插畫：插畫在中國被人們俗稱為插圖，今天通行於國外市場的商業插畫包括出版物配圖、影視海報、遊戲美術場景設計、廣告、漫畫、繪本、賀卡、管理、裝飾畫、包裝等多種形式；

2.插畫的風格類型：

①手繪風格

②扁平幾何風格插畫（特點：1、幾何形狀組成2、細節較少3、簡潔大方）

③肌理插畫（特點：1、沒有描邊全部是色塊組成，2、明暗色塊來進行區分元素3、顆粒感-混合模式溶解）

④剪紙風格插畫（特點：每一層都有投影）

⑤2.5D插畫（特點：有立體感）

⑥MBE插畫（特點：1、顏色亮麗，2、斷線，3、錯位）

三、簡單圖標、插畫繪製流程

1.用鋼筆工具或者形狀工具繪製大致圖形，利用布爾運算或圖層處理成想要的繪製的圖標形狀；

2.填充顏色或者圖案，可利用剪貼蒙版填充；

3.圖標需要用混合模式添加圖層樣式來增加光影效果，使圖標更有立體感

4.簡單插畫可以用生活中的某些場景作為靈感來繪製。

本節課了解了圖標和插畫，和一些簡單的圖標、插畫的繪製方法。圖標主要是矢量圖，會有專項的AI課程，PS也可以繪製。簡單的平面插畫其實都源於生活，本節課程主要在於練習。

原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/251221.html