萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 多媒體工具

Sketch 繪製彩色開關圖標教學(上):畫板建立、漸層背景、iOS 圖標模板套用、基礎形狀構建

Sketch 是 Mac 平台輕量級向量設計神器,本教學由 Sebastien Gabriel 製作,示範從零繪製一個霓虹紫漸層背景的彩色開關圖標。

01 安裝與新建文件

  • 未購買可下載試用版或 App Store 購買正版。
  • 啟動後彈出模板選擇器,直接點「OK」跳過,建立空白文件。

02 建立畫板

  • 按 A 或工具列 Insert → Artboard。
  • 右側面板輸入尺寸 400 × 300 px。
  • 圖層面板雙擊重命名為「Colorful switch」。

03 打造霓虹紫漸層背景

  1. 按 R 畫矩形貼齊畫板四邊。
  2. 移除描邊,填色設為 #A846FF(基礎紫)。
  3. 填色面板點 + 新增填色 → 選擇「線性漸層」→ 從左上拖到右下。
    左上色 #FFFFFF 不透明度 60%,右下 #000000 不透明度 0% → 混合模式設 Overlay。
  4. 再次點 + 新增「徑向漸層」→ 同樣左上到右下。
    左上 #FFFFFF 50%,右下 #000000 50% → 混合模式 Overlay。
  5. 將背景相關圖層 Cmd+G 成群組,命名「Background」。

04 套用 iOS 7 圖標模板建立外形

  1. 選單 File → New From Template → iOS App Icon。
  2. 左側面板展開 Icon-76@2x → 解鎖 Icon Shape 圖層 → 複製 Cmd+C → 回原文件貼上 Cmd+V。
  3. 選中 Icon Shape 圖層(可 Cmd 多選)→ 右側排列工具點「水平置中」+「垂直置中」置於背景正中央。
  4. 整理圖層結構:Icon Shape → Cmd+G 群組「Icon」 → 內部再群組「Icon Base」。

05 建立基礎形狀填色

  • 選中 Base 圖層 → 填色 #FFFFFF。
  • 新增平面填色 #FAC3FF,不透明度 10%。
  • 設計師新寵!教你利用sketch創建彩色開關(上)
copyright © 萬盛學電腦網 all rights reserved