萬盛學電腦網

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

PS 設計簡潔電商促銷橫幅:大字報排版與氛圍營造實戰

電商促銷橫幅核心是「一眼獲取核心資訊」。本教程拆解 1920px 全屏橫幅從參考線網格、鋼筆異形色塊構圖、大字報標題斜切變形、描邊重繪銳利化、陰影立體疊加、漸變炫光氛圍到飛絮裝飾的標準化設計流程,輸出可直接上線的高轉化素材。

畫布與網格系統

  1. 新建 1920×600 px (高度自定),填充 #FFD941 活力黃。
  2. 視圖 → 新建參考線:垂直 460px / 1420px (960px 核心區),水平 50px/550px (上下安全邊距)。

異形色塊與大字報排版

  1. 鋼筆工具繪製不規則四邊形色塊 (#AE1C0D 紅),打破矩形單調,引導視線流向。
  2. 標題文字:150px 粗體黑體/源漢黑體 Heavy,Ctrl+T 斜切 -10°~ -15° 動勢感。
  3. 副標/活動信息:字級層級分明 (48px/36px/24px),對齊參考線網格。

文字特效進階:描邊重繪與立體陰影

  1. 文字合並圖層 → 圖層樣式「描邊」25px 紅色 #350A04 → 右鍵圖層樣式 → 「創建圖層」分離描邊。
  2. 鋼筆工具沿描邊路徑重繪銳利棱角,填充 #350A04,清除原描邊樣式。
  3. 立體陰影:複製文字圖層 5~8 次,每層向右下移動 2px → 合並 → 命名「shadow」 → 新建圖層剪貼蒙版 → 柔邊黑筆刷 20% 繪製漸變陰影深度。

色彩豐富化與氛圍營造

  • 文字主體色改 #F9E00B 金黃,漸變疊加 (線性、90°、#FFF8DC→#F9E00B→#E6C800) 豐富層次。
  • 異形色塊:漸變疊加 (紅系深淺) + 投影 (距離 5px、大小 10px) 立體化。
  • 炫光素材置頂,模式「篩選」,不透明度 60%,點綴標題關鍵字。
  • 背景深化:邊緣壓暗 (柔光黑筆刷)、頂部提亮 (篩選白筆刷)、疊加不規則幾何形狀 (柔光 20%) + 窗簾遮罩素材 (正片疊底 30%) 豐富層次。

飛絮裝飾與最終輸出

自定義筆刷 (星星/雪花/花瓣/幾何碎片) 散佈畫面,圖層模式「疊加/篩選」,不透明度 30~60%,大小隨機,動態模糊 (濾鏡 → 模糊 → 動態模糊 10px) 增加動感。導出 JPG 品質 80 sRGB,WebP 同步輸出適配現代瀏覽器。

copyright © 萬盛學電腦網 all rights reserved