
本教程示範如何用 Photoshop 從零開始繪製一枚具有牛仔布紋理、金屬鈕扣與立體縫線效果的 iPhone 應用程式圖標。過程涵蓋形狀構建、圖層樣式運用、紋理疊加及細節潤飾,適合具備 PS 基礎操作的設計師進階練習。



新建 1024×1024 px 畫布,使用圓角矩形工具繪製圖標外框,半徑設為 180 px,填充深藍色 #2B4A7B 作為牛仔布基底色。
新建圖層填充 50% 灰,執行「濾鏡>雜色>添加雜色」(數值 15%,高斯分布、單色),再套用「濾鏡>模糊>動感模糊」(角度 0°,距離 8 px)模擬經紗緯紗方向。將圖層混合模式設為「疊加」,不透明度 35%,並加蒙版羽化邊緣。
複製基底形狀圖層,清除填充,添加「描邊」(內側,2 px,#1A3050)與「內發光」(#0D1A30,噪點 15%)。縫線使用 1 px 硬邊筆刷,間距 4 px,路徑描邊並開啟「模擬壓力」,顏色取 #F5F0E0,圖層模式「強光」。
橢圓工具繪製小圓形,添加「倒角與浮雕」(內部倒角,深度 200%,大小 8 px,光澤輪廓「環形」)、漸變疊加(#B8B8B8 → #6E6E6E → #B8B8B8,角度 90°)與投影,打造金屬凹陷感。
添加標籤、褶皺高光、邊緣磨損等微觀細節,最後群組所有圖層,依 iOS 圖標規範導出 1024、180、120、87、80、58、40 px 多尺寸 PNG。
完成後可進一步嘗試不同洗水顏色(原藍、黑灰、復古白)擴展成圖標族,豐富作品集。