ps線上教程 立體冰塊文字效果

閱讀約 16 分鐘

首頁/ PS學習教程/ ps線上教程 立體冰塊文字效果

冰塊的質感來自通透和碎裂。教程用 3D 建模做出厚度，重疊冰雪紋理，曲線拉出通透感，再用斜角和浮雕做冰晶邊緣的反光。引數都給全了，跟著做就能出效果。

準備工作

  1. 新建畫布
    開啟 線上ps，Ctrl+N → 設定：
    • 寬度：1200 px
    • 高度：800 px
    • 解析度：72 ppi
    • 背景內容：白色（後面會覆蓋）
  2. 填滿淡藍背景
    點選前景色 → #97b9cc（淡藍）
    按 Alt+Delete 把背景圖層填滿為前景色。
  3. 輸入文字
    選取工具箱中的 橫排文字工具（T），在屬性欄挑選圓潤一點的字型（如 Montserrat Rounded、Noto Sans Rounded），設為 黑色，輸入你想要的文字（如 “ICE”。）
  4. 複製文字圖層
    選中文字圖層，Ctrl+J 複製一層。
    將複製得到的“文字副本”圖層隱藏（點選眼睛圖示）。
  5. 建立 3D 文字模型
    仍然選中文字原始圖層 → 選單 3D → 從所選圖層新建 3D 模型。
    在彈出的面板中點第二個圖示（Extrude），雙擊文字前面的 3D 圖示，開啟 屬性 面板進行細調：
    • 深度（Extrude Depth）：約 40‑60 px（視需求而定）
    • 旋轉 / 透視：使用 Orbit、Pan 工具把文字傾斜到你想要的角度。
  6. 設定立體面的顏色
    開啟 3D 面板（視窗 → 3D）→ 選中第一個圖示（Material） → 雙擊 “凸出材質” 前的圖示，彈出 材質屬性。
    在 Diffuse（漫反射）裡把顏色改為 淺藍（如 #b3e5ff），確認。
    關閉 3D 面板，得到基本的立體文字外觀。
  7. 準備冰雪紋理素材
    將文字副本圖層（剛才隱藏的）顯示出來，Ctrl+J 再複製幾次（建議 3‑4 層），隨後把所有副本 暫時隱藏（保持眼睛圖示關閉）。
    開啟 冰雪紋理素材（如 PNG、JPG），使用 移動工具（V）把紋理拖入主檔案。
    將紋理圖層放在 文字副本圖層之上，選中紋理圖層後 Ctrl+Alt+G 建立 剪下遮色片（只在文字區域可見）。
    調整紋理位置、大小，使其恰好覆蓋文字。
  8. 暗部曲線 – 調暗冰面
    新建 曲線調整圖層（圖層 → 新建調整圖層 → 曲線），雙擊開啟屬性面板。
    選中 RGB 色版，拖動左下角向上略微壓暗（示例座標：(*0,0* → *0.3,0.2* → *1,1*），具體數值可自行微調）。
    確認後，同樣使用 Ctrl+Alt+G 把該曲線圖層 剪下遮色片到文字副本上。
  9. 亮部曲線 – 提升冰塊光澤
    再新建一個 曲線調整圖層，這次把 RGB 色版稍微抬高（示例座標：*0.2,0.3 → 1,0.9*），讓冰面在高光處更亮。
    同樣使用 Ctrl+Alt+G 剪下遮色片到文字副本上。
  10. 線性漸層遮罩 – 冰塊深淺漸層
    選中 漸層工具（G），前景色設為 黑色 → 白色（線性），在文字上從上往下拖動一次，生成 黑‑白 漸層遮罩。
    再把隱藏的 文字副本 顯示出來，隨後對該圖層新增 圖層樣式（雙擊圖層 → “混合選項”）。
    • 斜面和浮雕：設定深度 5‑10 px，大小 100%，軟化 0‑5 px，光源角度 120°，高光顏色為白色，陰影顏色為深藍。
    • 輪廓：使用預設曲線，勾選“負片”。
    • 填滿：改為 0 %（只保留樣式效果）。
  11. 再次給文字副本加樣式（增強立體感）
    把另一個隱藏的 文字副本 顯示出來，重複上一步的 斜面和浮雕 + 輪廓 設定，填滿 同樣改為 0 %。
  12. 點陣化 3D 圖層
    選中 立體 3D 文字圖層，右鍵縮圖 → 點陣化 3D。
    按住 Ctrl + 左鍵單擊圖層縮圖，選取範圍會自動載入文字形狀。
  13. 建立組與遮色片
    點選 組按鈕 新建一個組，將剛才的 選取範圍 拖進組中，隨後點選 遮色片按鈕 為組新增遮色片。
    把 冰雪紋理素材 拖入該組（放在遮色片下方），把 不透明度 調整為 40 %，隱藏下面的立體文字圖層。
  14. 文字內部暗部強化
    新建 曲線調整圖層，輕微提升亮度（如左下點稍微上移），載入 文字選取範圍（Ctrl+點選圖層），新建一個空白圖層，用 填滿（Shift+F5）填滿 黑色，取消選取範圍（Ctrl+D）。
    為該圖層新增 斜面和浮雕 + 輪廓 樣式，填滿 設為 0 %，以獲得內部陰影效果。
  15. 渲染暗部與高光
    • 新建一個圖層，混合模式改為 色彩增值（Multiply），前景色設為 比背景暗一點的暗藍（如 #557a9e），用透明度約 10 % 的軟圓筆刷在文字的暗部輕刷。
    • 再新建一個圖層，前景色 白色，混合模式保持 Normal，用軟圓筆刷（透明度約 15 %）在文字受光區域繪製高光。
  16. 新增區域性冰凌細節
    使用 套索工具選取素材中的一塊小冰凌，複製（Ctrl+C） → 貼上（Ctrl+V）到檔案最上方圖層。
    用 自由變形（Ctrl+T）調整角度、大小，讓它自然貼合文字表面。
    如有需要，再複製幾塊不同角度的冰凌，分層放置，以提升真實感。
  17. 微調與陰影
    根據整體視覺效果微調各圖層的不透明度、顏色曲線、斜面和浮雕的深度。
    最後為整體文字新增 柔和陰影：新建一個圖層，使用 橢圓選取範圍 填滿 黑色，高斯模糊（Filter → Blur → Gaussian Blur）約 15 px，放置在文字下方，向下偏移約 10‑15 px，不透明度設 30 %。
溫馨提示：
1️⃣ 線上ps 與 Photoshop 的功能基本相同，但有些快速鍵稍有區別，請以頁面實際顯示為準。
2️⃣ 若想得到更強的立體感，可在“斜面和浮雕”裡調高深度、大小或光源角度。
3️⃣ 冰雪紋理建議使用高解析度 PNG（帶透明色版），這樣在放大後不會出現鋸齒。
4️⃣ 完成後可通過 檔案 → 匯出為 → PNG/JPEG 儲存，或直接右鍵圖層選 複製合併圖層 貼上到其他設計中。

參考資料

  • Adobe Photoshop官方文件
  • HTML5與現代前端圖片處理原理
  • 線上ps
← 返回教程列表