萬盛學電腦網

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

AI 打造凹凸感幾何背景:混合工具 + 圖案色票的極速構圖法

利用「混合工具」生成立體條帶,再透過「圖案色票」磚式平鋪,即可在 5 分鐘內產出具有強烈凹凸視覺錯覺的幾何背景。適合網頁 Hero 區塊、展覽 KV、包裝側面等場景快速產出。

凹凸感背景效果

核心構圖邏輯:單元模組 → 混合生成 → 磚式平鋪

  1. 繪製基礎單元:
    – 矩形(寬 100 px、高 400 px)填基礎漸層(如淺灰→中灰)。
    – 矩形右側疊加 4 個三角形(底邊貼齊矩形右緣、頂點向右),填充過渡色(淺→深)。三角形數量決定過渡細膩度。
    基礎單元
  2. 鏡像複製構成雙側:整組複製 → 水平鏡像 → 對齊左側 → 左側矩形漸層調深(對應陰影面)。
    鏡像雙側
  3. 分側混合:左右兩側分別混合(關鍵!混合不可跨越中心線)。
    各側 4 個三角形 + 1 個矩形 = 5 物件 → 選取 → Ctrl+Alt+B 建立混合 → 雙擊混合工具設「指定步數」20-30。
    分側混合
  4. 定義圖案色票:選取混合後的雙側單元 → 拖入「色票」面板。
    定義圖案
  5. CS6+ 磚式平鋪:雙擊色票 →「圖案選項」:
    – 拼貼類型:**磚塊按行** / **磚塊按列**。
    – 寬/高微調至無縫。
    – 點擊「完成」。
    磚式平鋪設定
  6. 應用:大矩形填充該圖案色票,即得無縫凹凸背景。
    應用效果

優化變體:右側矩形改漸層填充

若覺得雙側對稱過於生硬,將右側矩形填充改為「線性漸層」(左深右淺),混合後過渡更自然,凹凸感更豐富。

漸層優化版

延伸應用

  • 多色系:建立 3-5 組不同色相的單元色票,同一畫面區域切換色票即時換裝。
  • 動態背景:匯出 SVG → CSS 動畫 `background-position` 實現水平滑動/呼吸感。
  • 3D 貼圖:作為 3D 軟體(C4D/Blender)材質貼圖通道(凹凸/置換/粗糙度)。

「混合生成體積感 + 圖案平鋪無限延展」是向量背景設計的黃金公式。掌握此法,告別素材網搜圖,隨需隨生成專屬幾何背景。

copyright © 萬盛學電腦網 all rights reserved