萬盛學電腦網

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

PS + AI 聯動教學:低多邊幾何風星系海報——從矢量構型到質感合成

星系不只是雜色濾鏡疊出來的噪點,更可以是精確幾何構型與有機質感的融合。本教程示範 AI 精準構建低多邊形星系骨架,PS 賦予質感光影與排版設計,打造兼具科技理性與宇宙浪漫的海報佳作。

成效預覽

最終海報效果

第一階段:Illustrator 精準構建星系幾何骨架

1. 文檔設置:像素網格對齊陷阱

  • 新建 800×800 px 文檔,**取消勾選「使新建對象與像素網格對齊」** → 允許 < 1 pt 精細線條,關鍵細節保留。
    AI新建文檔設置

2. 基礎幾何體:13 邊形外框

  • 多邊形工具,點擊畫布輸入:半徑 350 px、邊數 13、填充無、描邊黑色 0.25 pt。
    13邊形外框

3. 星系線條繪製:智能參考線輔助立體感

  • 開啟 智能參考線 (Ctrl+U):自動吸附端點、交點、中點、路徑對齊。
  • 線段工具 (\\) 在 13 邊形內部繪製幾何線條網絡,**視覺化一個三維球體表面的低多邊形剖分**——線條走向暗示球面曲率,交點暗示頂點。
    星系線條繪製

4. 節點標記:交點實心圓

  • 刪除中心區域線條 (預留文字位置)。
  • 橢圓工具 (L) 按 Shift 畫正圓,填充黑、無描邊,置於每個線條交點 → 星系節點能量聚集視覺隱喻。
    節點實心圓

5. 品牌標識植入:幾何字母「F」

  • 文字工具輸入「F」,轉輪廓 (Shift+Ctrl+O),調整節點使其融入幾何網絡風格。
    幾何字母F
  • 全選所有向量 → 編輯 > 複製,備用進 PS。

第二階段:Photoshop 賦予質感與排版設計

1. 文檔與基底建立

  • PS 新建 1000×1400 px (網頁用)、300 dpi (印刷用)。
  • 橢圓工具 (U) 按 Shift 畫 530 px 正圓,填黑 → 夜空基底。
    夜空基底

2. 星系向量置入與白化

  • 在 PS 中 Ctrl+V 貼上 AI 複製的向量,選「圖層」/「智能物件」。
  • 圖層樣式 → 顏色疊加:白色 #FFFFFF → 星系變白線黑底。
    星系白化

3. 程序化星空生成:雜色 + 色階 = 繁星

  • 黑圓上方新建圖層填黑 → 濾鏡 > 雜色 > 添加雜色:數量 15%、高斯分佈、單色。
    添加雜色參數
  • Ctrl+L 色階:向右大幅拖動黑場滑塊 (如 180),中間滑塊微調 → 僅保留最亮星點。
    色階後星空
  • 圖層右鍵 → 建立剪切蒙版 (或 Ctrl+Alt+G) → 星星僅在黑圓內顯示。
    剪切蒙版效果

4. 夜空漸變:模擬「黑夜降臨、殘陽褪去」

  • 新建圖層 → 漸變工具 (G) → 漸變編輯器選「照片色調」>「鈷鐵色 3」 (或自定義深藍→暖灰)。
  • 在黑圓範圍內從上往下拉線性漸變 → 建立剪切蒙版 → 模式 線性減淡 (添加),不透明度 70%。
    夜空漸變效果

5. 文字/網址/Logo 排版:資訊層級設計

  • 字體:標題用幾何無襯線 (如 Futura, Din, 思源黑體 Heavy);正文用思源宋體/ PingFang SC。
  • 佈局:遵循圓形邊緣弧線排版,或對齊星系幾何軸線,保持視覺秩序。
    最終海報排版

AI ↔ PS 聯動工作流最佳實踐

階段AI (矢量精度)PS (像素質感)交接關鍵
幾何構建精確到 0.01 pt 線條、完美對齊節點、參數化圖形—複製向量 (Ctrl+C) → PS 貼上為智能物件/形狀圖層
色彩/描邊純色填充/描邊,建立扁平色塊圖層樣式 (顏色疊加/描邊/投影) 非破壞覆蓋AI 只管結構,PS 管質感
紋理/光效—雜色/模糊/漸變/筆刷/濾鏡/調整圖層PS 專屬像素級質感
排版/輸出—字體渲染/版式微調/多格式導出最終輸出環節

設計心法:低多邊形風格的三個關鍵

  1. 線條乾淨利落:< 1 pt 細線是靈魂,AI 必須關閉像素對齊;PS 置入保持向量銳利。
  2. 立體感視覺維持:繪製線條時腦中始終有「三維球體」模型,線條走向 = 經緯線/大圓弧投影。
  3. 配色克制與張力:黑白灰為主,單一強調色 (金/青/橙) 點綴;科技感配色保持低飽和、高明度對比。
💡 延伸創作方向:
• 動態海報:AI 星系向量進 After Effects,用 Trim Paths 動畫展現線條生長、節點點亮。
• 3D 實體化:AI 向量匯入 C4D/Blender,拉伸成真 3D 低模星系,Octane 渲染體積光。
• 互動裝置:Processing/p5.js 實時生成低多邊形星系,滑鼠互動擾動節點。
工具會變,幾何秩序與有機質感的張力永遠是好看的核心。
copyright © 萬盛學電腦網 all rights reserved