萬盛學電腦網

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

Illustrator 打造個性化名片:手繪肖像與版面設計完整流程

名片是個人品牌的微縮載體。本教學示範如何在 Illustrator 中結合手繪風格肖像插畫與專業版面系統,製作出兼具辨識度與設計感的雙面名片。全程採用雙色系統(青綠色 + 灰階),展現「少即是多」的高級質感。

成品預覽

階段一:手繪肖像向量化

1. 素材準備與描圖設定

  • 手繪線稿掃描/拍照 → 置入 AI(Ctrl+Shift+P)→ 降低不透明度至 30% → Ctrl+2 鎖定。
  • 雙擊「鉛筆工具」(N)調整偏好:
     保真度 1 px、平滑度 12 px、取消「填滿新鉛筆筆觸」、勾選「編輯選取路徑」。
  • 設定:無填色、黑色 1 pt 描邊。

2. 分層描繪策略

  1. 外輪廓:沿臉部外緣單筆勾勒,Ctrl+G 群組命名「Face_Outline」。
  2. 五官主結構:眉、眼、鼻、口分別獨立路徑,群組「Features_Main」。
  3. 髮絲細節:髮型外輪廓 + 內部流向線條;髮絲用密集短筆觸,鬍鬚用散點;群組「Hair_Detail」。
  4. 頸項與衣著:衣領褶皺、領結等細節補強;群組「Neck_Cloth」。

3. 整體檢視與合併

  • 關閉草稿圖層,全選所有描繪路徑 → Ctrl+G 總群組「Portrait」。
  • 放大檢視每處連接點,確保無斷點、無多餘錨點。

階段二:名片版面系統建立

1. 文件與畫板設定

  • 新建文件:寬 88 mm、高 55 mm(標準名片比例),出血 3 mm 四邊。
  • 畫板數量設 2(雙面),色彩模式 CMYK。

2. 安全區輔助線

  1. Ctrl+R 顯示標尺,拖出四邊各 5 mm 參考線(安全區)。
  2. 選取參考線 → Enter 開啟「移動」對話框 → 水平/垂直 ±5 mm → 複製生成內縮框。
  3. 右鍵參考線 → 「鎖定參考線」。

3. 無縫網格背景圖案製作

  1. 直線工具繪製 10% 黑(灰)短線 → Ctrl+C/F 複製原位 → Ctrl+T 旋轉 90° → 形成十字。
  2. 框選十字 → 拖入「色票」面板 → 新建「圖案色票」(命名 Grid_10%K)。
  3. 刪除原十字線條。
  4. 矩形工具繪製覆蓋整張名片(含出血)的矩形,填色套用 Grid_10%K,無描邊。

4. 肖像置入與配色

  • 將「Portrait」群組複製貼上至名片文件。
  • 全選群組 → 重新著色(編輯 → 編輯顏色 → 重新著色)統一描邊為 100% Cyan(青綠),瞳孔填同色。
  • 縮放定位:頭部置於左側安全區內,允許髮絲延伸至出血區(增強張力)。

5. 右側資訊區排版

  1. 矩形工具繪製右側色塊矩形,填 100% Cyan,右邊緣對齊出血線。
  2. 文字工具輸入姓名、職稱、聯絡資訊,字體選用幾何無襯線體(如 League Gothic),白色、字距微調。
  3. 次要資訊(電話、Email、網址)減小字號、降低不透明度至 70%,建立層級。

6. 背面設計(反面)

  • 延用網格背景,置入 Logo/標語/QR Code 置中排版。
  • 保留足夠留白,維持呼吸感。

輸出檢查清單

  • ☐ 所有文字已轉曲(Ctrl+Shift+O)或嵌入字型。
  • ☐ 所有置入圖像為 CMYK/300 dpi、已嵌入(非連結)。
  • ☐ 關鍵內容在安全區內(距裁切線 ≥ 3 mm)。
  • ☐ 另存為 PDF/X-1a:2001(印刷標準),勾選「使用文件出血設定」。

設計心法

「限制即自由」:雙色系統強迫你在結構、留白、字體排版上下功夫,反而產出更耐看的作品。手繪肖像的不完美線條賦予溫度,精準網格背景提供秩序,二者張力平衡即為設計感來源。

依此流程,你可在 30 分鐘內產出可直接送印的專業名片,並輕鬆衍生出 Letterhead、信封、簡報封面等完整 VI 應用系統。

copyright © 萬盛學電腦網 all rights reserved