萬盛學電腦網

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

Illustrator 設計炫彩風格小鳥海報:幾何構圖與扁平插畫實戰

成品展示

一張色彩飽滿、幾何感強的扁平風格小鳥海報:七彩色條背景、倒圓角矩形色塊、簡約幾何鳥型(眼睛、嘴巴、翅膀、腳)、裝飾蘋果與手寫字體,適合兒童插畫、品牌吉祥物、APP 啟動頁設計。

畫布與基礎網格

新建 A4 (210×297 mm) 文件。矩形工具繪製 216×303 mm 畫板居中矩形作為安全區/設計區邊界。

步驟 1:七彩色條背景條

  1. 在安全區內繪製 7 個等高矩形長條,填色依序:#5D515C(深灰紫)、#40AAB4(青綠)、#3E7C3A(森林綠)、#9BBA43(嫩綠)、#E3D33D(亮黃)、#E3992D(橙黃)、#BC4933(朱紅)。
  2. 對齊面板:垂直分佈間距、水平置中,間距一致。
  3. 全選 7 條,效果 → 風格化 → 圓角 設定半徑(如 8 mm),再物件 → 擴展外觀 固化圓角。
  4. 填色改為藍色系徑向漸層(中心亮藍 → 邊緣深藍),統一視覺調性。

步驟 2:主背景塊與小鳥幾何構造

  1. 繪製一矩形填 #875C3A(棕褐)作為地面/支撐面。
  2. 眼睛:三層同心圓(白大圓 + 黑中圓 + 白小高光),群組複製形成雙眼。
  3. 嘴巴:正圓填 #BB4838 + 同色矩形遮蓋下半部 → 剪切蒙版 獲得半圓嘴型。
  4. 翅膀:鋼筆繪製單側翅膀曲線形狀,鏡像工具 (O) + Alt 點擊中心軸 複製對稱另一側,路徑查找器「合併」成單一形狀。
  5. 臉部輪廓:白色圓形疊加,路徑查找器「相交」取重疊區,再「減去前層」剪出月牙狀臉頰高光。
  6. 將以上元素組合、定位,構成小鳥主體。

步驟 3:裝飾元素與字體排版

  • 白色小蘋果:橢圓 + 條形葉柄 + 高光橢圓,簡約幾何風。
  • 手寫標題/口號:垂直/水平文字工具輸入,字體選擇圓潤手寫體,顏色從七彩色條中取色呼應。
  • 整體微調位置、大小、層級,確保視覺平衡與呼吸感。

設計思維拆解

設計決策目的工具/技巧
七彩色條 + 統一圓角 + 統一漸層建立強烈節奏感與整體協調性對齊分佈、效果圓角、擴展外觀、徑向漸層
幾何基本圖形構成鳥型扁平風格語言統一、易縮放、易動畫化橢圓、矩形、鋼筆、剪切蒙版、路徑查找器
鏡像工具對稱複製精確對稱、後續修改同步鏡像工具 + Alt 定義軸心
路徑查找器布林運算複雜形狀由簡單形狀合成合併、相交、減去前層、分割
色彩取自背景色條全畫面色彩自洽、零成本協調吸管工具、色板群組

延伸應用

  • 將小鳥元件存為符號,配合符號噴槍快速生成鳥群變化。
  • 導出 SVG/JSON (Lottie) 製作網頁/APP 微動畫(眨眼、揮翅、跳動)。
  • 擴展為品牌吉祥物系統:不同姿態、表情、配色、應用場景(包裝、周邊、動態表情包)。
copyright © 萬盛學電腦網 all rights reserved