ps線上教程:抖音風格明星海報效果

閱讀約 15 分鐘

首頁/ PS學習教程/ ps線上教程:抖音風格明星海報效果

抖音風明星海報的骨架是錯位加撞色。新建畫布、複製圖層分色版、把紅綠藍錯開一點做出故障感,再疊色彩和線條點綴,然後排文字。線上PS 裡豎版橫版都能套這個思路。

1️⃣ 準備工作

  1. 開啟 ps線上 編輯器,點選左上角 File → New(或快速鍵 Ctrl+Alt+N)。
    設定畫布尺寸為 210 mm × 297 mm(即 A4 紙大小),解析度 72 dpi,顏色模式 RGB,背景內容選擇 白色,點選 Create。
  2. 將要用作主體的明星照片(比如:“周杰倫”)通過 File → Open 或直接拖拽進 Photoshop 中。
  3. 回到新建好的 A4 畫布,File → Place Embedded…(或快速鍵 Ctrl+Shift+P),選擇剛剛開啟的明星照片。
    使用九宮格原理(即在畫布左、右、上、下分別留白 ~ 1/6 畫面,使構圖更具張力),確認後圖片自動變為一個圖層,將該圖層命名為 周杰倫。

2️⃣ 圖層建立與複製

  1. 選中 周杰倫 圖層,按 Ctrl+J 三次,得到三份相同的圖層。依次將它們重新命名為 R、G、B(保留原始圖層可刪除或隱藏)。
  2. 為後續顏色色版錯位做準備,下面會分別對 R、G、B 三個圖層進行色版混合設定。

3️⃣ 色版混合(RGB 錯位)

此步驟是形成抖音短影片裡常見的“故障色偏”效果的關鍵。

  1. 選中 R 圖層 → 右鍵 → Blending Options… → 在彈出框左側開啟 Advanced Blending → Channels 欄勾選 R(僅保留紅色色版)。
  2. 同理,G 圖層僅保留 G 色版,B 圖層僅保留 B 色版。
  3. R 圖層向左移動 7 px,G 圖層向右移動 7 px(B 圖層保持不動),使用 V(移動工具)配合方向鍵或直接拖拽即可。
    此時畫面出現輕微的彩色錯位,類似電視訊號故障的預覽效果。
提示:如果想要更強的“訊號故障”感,可以把偏移量調大至 10–15 px,或者對 B 圖層再做一次小幅度左右偏移(如 ±2 px),但要注意整體色彩不要產生明顯的“漂白”。

4️⃣ 錯位技法——斷裂、短路效果

  1. 在圖層面板中,選中 R、G、B 三個圖層,使用快速鍵 Ctrl+Shift+Alt+E(Merge Visible to New Layer),得到一個合併的新圖層,命名為 錯位。
  2. 選中 錯位 圖層,使用工具欄的 矩形選取畫面工具(M),在畫面上隨意繪製多個 選取範圍(可以大小不一、分佈稀疏)。
    選取範圍繪製完畢後,切換到 移動工具(V),對每個選取範圍分別向左或向右拖動幾畫素,營造出支離破碎、故障短路的感覺。
  3. 可選:對錯點陣圖層(或其部分選取範圍)使用 Filter → Distort → Wave 或 Filter → Pixelate → Mosaic 等濾鏡,為故障感再添一點紋理。
    這裡建議先使用 Wave(波形)輕微調節幅度(如 5–10),再切換 Mosaic(馬賽克),畫素大小設為 3–5,最終根據畫面整體觀感進行微調。
  4. 完成所有錯位後,取消選取範圍(Ctrl+D),檢查整體視覺效果。如果碎片過密導致畫面臃腫,可再使用 Erase(橡皮)或 Mask(遮罩)略微去除部分碎片。
疏密把握技巧:先做“大塊”錯位(如 5~6 個寬高約 150 px 的矩形),形成整體輪廓;再在這些大塊之間插入“細碎”錯位(如 20~30 px 的小矩形),能夠讓畫面既有衝擊感又有層次感。

5️⃣ 色彩與點綴

  1. 新建空白圖層(位於錯點陣圖層上方),快速鍵 Shift+Ctrl+N → 確認。
    按 Ctrl+Delete(或在顏色面板把前景色設為 #f018cd 後填滿),將圖層填滿為該顏色。
    將此圖層的 混合模式 改為 Overlay,不透明度設為 85%,為整體畫面加入一層柔和的紫紅色調,讓故障感更有“氛圍”。
  2. 再新建空白圖層,快速鍵 Shift+Ctrl+N → 填滿方式選擇 Pattern(圖案),點選 Custom Pattern,在彈窗中選擇 Horizontal Lines(水平線)或自行下載的線條圖案(如果沒有可使用預設的“Grid”)。
    將此圖層的 混合模式 改為 Linear Burn(色彩增值),不透明度 8%,為畫面增添細微的線條紋理,類似老電視掃描線效果。
選擇性色彩方案:
  • 若想更偏冷色系,可將前景色改為 #0ddff5(淡藍)並仍使用 Overlay。
  • 若想更暖色系,使用 #ff9326(橙)同樣方法。

6️⃣ 文字排版

文字是海報的靈魂,下面示例以“周杰倫”與“夜曲”為例,您可以自行替換為任意明星名或標題。

  1. 新建文字圖層(T),鍵入 周杰倫,字型可以選用國內常見的無襯線體(如 “思源黑體”,或抖音流行的“PingFang SC Medium”),字號約 96 pt(視畫布尺寸微調),顏色設為純白 #ffffff 或略帶發光的 #ffde00,對齊方式居中。
    使用 Layer → Layer Style → Outer Glow(外光暈),顏色選 #ff018c(粉紅),大小約 30 px,提升立體感。
  2. 再新建文字圖層,鍵入 RED SUN(或中文“夜曲”),字號約 48 pt,顏色為同樣的白色或金屬感的 #ffd700(金),並在文字路徑上新增傾斜(編輯 → 變形 → 透視)讓文字更有動感。
  3. 為了讓畫面更有層次,可在文字背後再新建兩條細線(Shape → Line),顏色使用 #f018cd(與前面重疊層相同),混合模式為 Overlay,稍微降低不透明度(約 30%),位置隨意擺放,類似裝飾性的掃描線。
  4. 調整整體佈局:確保明星頭像(主要圖層)在文字層的後方但不被文字遮擋,文字儘量放在畫面留白區或使用輕微陰影提升可讀性。
排版技巧:
  • 使用 對齊工具(視窗 → 對齊),快速讓文字水平居中或垂直居中。
  • 如果想讓文字和影像形成“穿插”效果,可把文字圖層的 混合模式 改為 Screen,或直接把文字圖層放在 錯位層之下,產生半透明的“故障文字”。

7️⃣ 匯出作品

  1. 確認所有圖層位置、顏色、文字無誤後,建議先儲存為 PSD 供日後修改(Ctrl+Shift+S → 選擇 PSD)。
  2. 匯出適用於社交平臺的檔案:
    File → Export As → PNG(或 JPEG),檔案尺寸保持 210 mm × 297 mm(72 dpi),品質設 90%+(JPEG)。
    若準備釋出到抖音(豎屏),建議再轉為 1080 × 1920 px 的豎版,方法是使用 Image → Image Size 或在 Photoshop 中 File → Export As → PNG 時手動輸入尺寸。
  3. 完成!現在可以把生成的圖片直接上傳到抖音、微博或其他平臺,配上音樂即成極具衝擊力的明星海報效果 🎉

參考資料

  • 線上ps
  • Adobe 官方文件
  • PS 教程網