本教學展示如何利用圓角矩形工具、自由變換複製疊加、圖層樣式組合,快速製作具有強烈立體質感的藍色網頁按鈕。流程簡單直觀,適合 UI 設計入門練習。
繪製圓角矩形作為按鈕主體(形狀 1),自由變換調整透視感。複製並縮小置於上方形成邊框厚度(形狀 1 副本)。
為底層形狀 1 設定內陰影、斜面浮雕、漸變疊加等樣式建立凹陷感。將形狀 1 副本複製 26 次並合併,模擬按鈕側面厚度,再為合併層與最上層副本分別設定高光、投影、漸變樣式,瞬間完成立體按鈕。