萬盛學電腦網

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

Photoshop 結合 Illustrator 打造 3D 紋理立體字教學

想要製作具有質感的 3D 立體字嗎?這篇教學將示範如何結合 Illustrator 的 3D 功能與 Photoshop 的圖層樣式,快速產出專業級的紋理立體字效果。無論是海報設計、標題排版或是品牌視覺,這項技巧都能大幅提升作品質感。

最終效果預覽

步驟 1:在 Illustrator 建立基礎文字

首先開啟 Adobe Illustrator,使用文字工具輸入所需字體。字體選擇不限,重點在於掌握後續的 3D 處理技巧。建議選擇筆劃較粗、結構清晰的字體,以便後續 3D 效果更明顯。

步驟 2:套用 3D 凸出與斜角效果

選取文字後,前往 效果 > 3D > 凸出與斜角,依下圖參數設定:調整位置、凸出深度、斜角樣式等,並開啟預覽即時觀察效果。完成後點選「更多選項」進一步微調光源位置與陰影細節。

接著變更文字顏色以利辨識,執行 物件 > 擴展外觀 將 3D 效果轉為可編輯的向量物件。使用魔術棒工具選取文字最上層的平面,再以直接選擇工具將該圖層向上拖離,分離前後圖層。

步驟 3:整理圖層結構並匯出 PSD

使用選取工具點選單一字母,執行 物件 > 取消編組 直到所有字母皆為獨立物件。全選所有字母按 Ctrl+G 群組,底部立體面圖層同樣群組 —— 注意須分別群組,不可合併。完成後另存為 PSD 格式,保留圖層結構供 Photoshop 後製使用。

步驟 4:準備紋理素材與背景設定

開啟 Photoshop 匯入 PSD 檔。準備兩張素材:灰色紋理與破舊紋理(第二張若無法直接儲存,可用螢幕截圖取得)。將素材置入畫布並調整圖層屬性:

  • 灰色紋理:不透明度 45%,混合模式設為「正片疊底」
  • 破舊紋理:填充 45%,混合模式設為「顏色加深」

步驟 5:套用破舊紋理至文字表面

將匯入的文字圖層命名為「1」(上層平面)與「2」(下層立體面)。複製破舊紋理圖層並重設為預設屬性。按住 Ctrl 點選圖層「1」縮圖產生選區,在破舊紋理圖層新增圖層蒙版,即可將紋理限制在文字範圍內。

步驟 6:立體面圖層樣式與質感強化

同樣方式為圖層「2」套用破舊紋理蒙版,並開啟混合選項設定斜面與浮雕、內發光、投影等效果,賦予立體面金屬質感與空間深度。

步驟 7:製作多層次陰影增強立體感

複製圖層「2」設填充 0%,套用投影與內陰影樣式,再按 Ctrl+T 稍微放大變形,形成虛實疊加的陰影層次。再複製一層套用高斯模糊(半徑 2px)並放大,製造柔和外擴陰影,完成最終效果。

最終成果展示

小結:此技巧核心在於「AI 做 3D 結構、PS 做材質光影」的分工協作。掌握圖層拆分與蒙版運用,即可靈活套用於各類紋理立體字設計中。

copyright © 萬盛學電腦網 all rights reserved