萬盛學電腦網

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

Photoshop 快速製作 iOS 風透明感漸變背景:色彩理論與圖層混合實戰

iOS 7 開啟透明質感設計風潮,自製背景圖能完美配合介面配色。本教程示範如何從靈感圖提取配色方案,運用大柔邊筆刷、自由變形、色階與圖層混合模式,在幾分鐘內產出豐富流動感的漸變背景。

一、配色方案萃取

選擇色相對比強、分布廣的參考圖(如紅椒、青檬、葡萄、檸檬搭配深色木桌)。提取 4–5 色:主色調(紅/綠/黃)+ 深色底色(非純黑,保留豐富度)。

二、背景繪製核心步驟

  1. 新建手機螢幕比例文件(640×1136 px),填充深色底色。
  2. 新建圖層,大柔邊筆刷(900 px、不透明度 70%)一筆刷下第一主色,一步到位避免邊界殘留。
  3. 每種顏色獨立圖層,隨意分布,利於後續調整。
  4. 合併顏色圖層,Ctrl/Cmd+T 右鍵選「扭曲」,任意拖動控制點讓色塊流動融合,消除機械圓形感。
  5. 色階(Ctrl/Cmd+L)提亮並增強對比,依喜好微調。
  6. 橡皮擦/調整圖層隨性修飾。
  7. 複製色彩合併層,混合模式改「柔光」或「疊加」,透明度微調,豐富色彩深度。

三、實際應用與透明度控制

匯出 PNG 置入專案,UI 色塊與線條降低透明度(約 80–90%),與背景融合呈現通透層次感。

copyright © 萬盛學電腦網 all rights reserved