想要設計出具有金屬質感與立體感的 APP 圖標嗎？本教學將帶你一步步完成一個類似 iCloud 風格的圖標，重點運用圖層樣式中的漸變疊加、描邊、內陰影等技巧，營造出逼真的金屬光澤與厚度感。

步驟 1：建立畫布與基礎形狀

開啟 Photoshop，按 Ctrl+N 新建文件，尺寸依需求設定（建議 512×512 像素以上）。選取「圓角矩形工具」，按住 Shift 繪製正方形圓角矩形，圓角半徑設為 50 像素，作為圖標外框。

步驟 2：外框金屬漸變與描邊

雙擊圖層開啟「圖層樣式」，添加「漸變疊加」，樣式選「角度漸變」，顏色以深灰、淺灰交替（如圖），這是模擬金屬反光的常用手法。再添加「描邊」，填充類型選「漸變」，進一步強化邊緣立體感。

步驟 3：繪製雲朵圖形

選取「鋼筆工具」，模式設為「形狀」，在圓角矩形中心繪製雲朵輪廓。不必完全複製 iCloud 曲線，掌握方法即可。

步驟 4：雲朵立體樣式

為雲朵圖層添加「內陰影」增加凹陷感，再加「描邊」並勾選「反向」，使用黑白漸變描邊營造邊緣高光。

步驟 5：內部高光細節

複製雲朵圖層（Ctrl+J），清除樣式，填充淺灰，按 Ctrl+T 縮小（按住 Alt 從中心縮放），再用「直接選擇工具」微調錨點使邊緣均勻，形成內部高光面。

步驟 6：複製外框樣式至內層

按住 Alt 拖動外框圖層的 fx 圖示到內層雲朵圖層，快速複製圖層樣式。將描邊大小改為 2 像素，即完成簡易 iCloud 圖標。

最終效果

小提醒：更多教學請關注 Photoshop 教程欄位，歡迎加入三聯 PS 教程群：181754111 交流學習。