萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 設計 iPhone 5 應用銷售網頁

蘋果新機發布帶動 App 行銷熱潮,打造差異化銷售頁至關重要。教學目標:建立優雅電商頁面銷售 iPhone 5 App。先看完成圖:

核心製作步驟

  1. 新建 1100×721px,背景 #2b2b2b。
  2. 背景加圖案:2×2px 透明文件畫對角像素點定義圖案,填充背景層。
  3. 圓角矩形(半徑 5px)畫大區塊 940×226px,填 #010101。
  4. 左側小圓角矩形 69×81px,加層樣式(投影、內陰影、漸變)。
  5. 同工具畫形狀,用「編輯」→「變換」→「透視」做縱深,加橫向漸變 #010101-#222222。
  6. 複製形狀加「雜色」(3%、單色),圖層模式改「疊加」。
  7. 直線工具畫兩條傾斜細線(一條複製垂直翻轉),加漸變色。複製圖層疊加高斯模糊(2,5,5,7,7)做光暈。
  8. 左側建縮進按鈕(圓角矩形+層樣式)。
  9. 鋼筆畫白色形狀,高斯模糊置於下方。
  10. 複製左側所有圖層水平翻轉至右側,漸變樣式勾選「反向」。
  11. 中間矩形填 #2a2a2a,鋼筆勾勒弧形,加層樣式(內發光、描邊)。
  12. 圓角矩形建內容區,右鍵「格式化圖層」刪除底部圓角。
  13. 加「雜色」(2%、單色)等細節。

教程強調:不要死板照搬,創造力掌握在自己手中,靈活調整參數達到最佳視覺效果。

copyright © 萬盛學電腦網 all rights reserved