萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 繪製可愛卡通風格天氣圖標完整套系

作品展示

一組風格統一、細節豐富的卡通天氣圖標,涵蓋晴、陰、雨、雪、雷、霧、霾等常見天氣類型。設計語言採用圓潤幾何造型、高飽和度配色、誇張表情化處理,極具 APP/UI 應用適配性。特別是霾/霧圖標以「口罩臉」與「霧氣籠罩」隱喻設計,極具辨識度與趣味性。

設計規範與延伸建議

  • 網格系統:建立 64×64 px 或 128×128 px 基礎畫框,關鍵圖形對齊像素網格,保證小尺寸清晰度。
  • 色彩體系:主色調採用類似色相位(藍/青系為主),輔以互補色點綴(太陽橙、閃電黃),視覺協調且資訊分層清晰。
  • 圖形語言:統一使用圓角矩形、橢圓、三角形基礎幾何組合,邊緣圓角半徑一致(如 8px/16px),風格高度統一。
  • 狀態擴展:每組圖標預留「白天/夜間」、「動態/靜態」兩套狀態,便於程式化切換。
  • 導出規範:輸出 @1x/@2x/@3x PNG 並命名規範(如 weather_sunny_day@2x.png),配合 JSON 映射表直接接入開發。

核心繪製技法提示

  1. 形狀工具 + 路徑運算(聯合/減前/相交)構建基礎幾何,保持向量可編輯性。
  2. 圖層樣式「內發光」+「投影」快速建立立體質感,參數同步複製至全套圖層。
  3. 智能物件嵌套「表情組件」(眼睛、嘴巴),便於批量替換表情變化。
  4. 霧/霾圖標:以半透明白色橢圓疊加「雲霧筆刷」製造籠罩感,人物圖層加「色相/飽和度」降低飽和度模擬能見度低。
copyright © 萬盛學電腦網 all rights reserved