教學簡介

從零開始繪製簡潔優雅的網頁登入框，涵蓋背景氛圍、輸入框樣式、按鈕設計、文字排版與圖層樣式細節。

步驟詳解

1. 背景：400×300px，填充 #d0c0be，圓角柔邊筆刷繪製 #364e35 綠色塊，高斯模糊 46.9px 融合背景。
2. 輸入框基礎：圓角矩形工具，顏色 #313c45，填充 11%，加描邊、內陰影、投影樣式。
3. 複製輸入框：向下位移做密碼框；再複製向下做登入按鈕，清除樣式，填充 #749e5e，加新樣式（內陰影、斜面浮雕、投影等）。
4. 文字排版：標題「會員登入」白色 #ffffff 加描邊投影；按鈕文字「確定」同樣處理；輸入框提示文字白色加投影。

過程截圖

最終效果與多配色版本