蘋果新機發布帶動 App 行銷熱潮,打造差異化銷售頁至關重要。教學目標:建立優雅電商頁面銷售 iPhone 5 App。先看完成圖:
核心製作步驟
- 新建 1100×721px,背景 #2b2b2b。
- 背景加圖案:2×2px 透明文件畫對角像素點定義圖案,填充背景層。
- 圓角矩形(半徑 5px)畫大區塊 940×226px,填 #010101。
- 左側小圓角矩形 69×81px,加層樣式(投影、內陰影、漸變)。
- 同工具畫形狀,用「編輯」→「變換」→「透視」做縱深,加橫向漸變 #010101-#222222。
- 複製形狀加「雜色」(3%、單色),圖層模式改「疊加」。
- 直線工具畫兩條傾斜細線(一條複製垂直翻轉),加漸變色。複製圖層疊加高斯模糊(2,5,5,7,7)做光暈。
- 左側建縮進按鈕(圓角矩形+層樣式)。
- 鋼筆畫白色形狀,高斯模糊置於下方。
- 複製左側所有圖層水平翻轉至右側,漸變樣式勾選「反向」。
- 中間矩形填 #2a2a2a,鋼筆勾勒弧形,加層樣式(內發光、描邊)。
- 圓角矩形建內容區,右鍵「格式化圖層」刪除底部圓角。
- 加「雜色」(2%、單色)等細節。
教程強調:不要死板照搬,創造力掌握在自己手中,靈活調整參數達到最佳視覺效果。