教程特色

結合 UI 按鈕基礎製作與寫實桔子肌理微觀繪製，展示「介面元素與插畫質感融合」的跨界設計技法。

最終效果

分階段製作流程

階段一：UI 按鈕基礎架構

• 背景構建 + 第一個按鈕本體 (圖層樣式堆疊立體感)
• 文字排版
• 立體側面層構建
• 投影落地
• 圖層點亮 (高光邊緣)
• 添加雜色增加材質顆粒感

階段二：寫實桔子肌理微觀繪製

• 桔子皮：噴槍/畫筆模擬油囊孔疏密分佈
• 桔子分割面：薄膜透光質感
• 桔子肉：果囊飽滿度與汁液感
• 桔子中心柱：白色海綿組織
• 果囊邊緣纖維：細筆觸勾勒
• 桔子投影：落地接觸面軟陰影
• 另一半桔子同理
• 葉子與簽名完成

跨界設計啟示

UI 按鈕不再局限於扁平/材質設計規範，引入寫實有機肌理 (桔子皮孔、果囊、纖維) 作為按鈕「皮膚」，創造獨特觸覺誘惑與品牌記憶點。技法上：按鈕架構用圖層樣式參數化，肌理細節用手繪筆觸微觀刻畫，兩套邏輯在圖層組中協同共存。