萬盛學電腦網

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

AI 製作創意鉛筆造型柱狀圖教程

前言:讓數據圖表不再枯燥

標準的柱狀圖雖然準確,但視覺上往往乏味。本教程將教你如何利用 Illustrator 的「圖表工具」與「設計圖表」功能,將枯燥的矩形柱條替換為生動的鉛筆造型,並進階實現「局部縮放」效果,使鉛筆擦尾隨數值自然彎曲,兼具資訊準確性與視覺趣味。

最終效果預覽

創意柱狀圖最終效果

逐步製作指南

1. 建立基礎柱狀圖

選取「柱形圖工具」(J),在畫板點擊或拖拽設定圖表尺寸。彈出「圖表數據窗口」,輸入年份標籤(用直式雙引號包裹如 "2010" 避免被識為數值)與對應數值。完成後關閉窗口,獲得標準柱狀圖。

圖表數據輸入

2. 準備鉛筆造型素材

繪製一支鉛筆矢量圖(筆尖、筆身、橡皮擦等組成)。在其下方繪製一個無填充、無描邊的矩形框,對齊鉛筆底部,將矩形置於最底層(Ctrl+Shift+[),全選鉛筆與矩形框,Ctrl+G 編組。
關鍵點:這個透明矩形框決定了柱條的「基準高度區域」,後續縮放會以此為參考。

鉛筆素材與基準框

3. 定義自訂柱條設計

選中圖表,執行「物件」→「圖表」→「設計」,點擊「新建設計」,命名(如「Pencil」),確定。再次進入「物件」→「圖表」→「柱形圖」,選擇剛建立的「Pencil」設計。標準柱條瞬間變身鉛筆!

新建設計對話框
套用設計後
鉛筆柱狀圖
局部細節

4. 進階:局部縮放設計——讓橡皮擦隨數值彎曲

預設設計會將整支鉛筆等比縮放,導致橡皮擦端部呈直線,不自然。解決方案:
1. 複製原鉛筆設計組。
2. 用鋼筆工具在鉛筆筆身與橡皮擦交接處畫一條水平線(作為「縮放分界線」)。
3. 選中鉛筆上半部分(筆尖至分界線)+ 分界線,編組。
4. 直接選取工具(A)單獨選中分界線,解鎖參考線(視圖→參考線→鎖定參考線),拖動分界線建立參考線位置。
5. 重新定義設計:同樣進入「設計」→「新建設計」命名「Pencil_Scaled」。
6. 回到圖表「柱形圖」選項,選擇「Pencil_Scaled」,關鍵:列類型下拉選單選「局部縮放」。
Illustrator 會依據分界線參考線,僅縮放筆身部分,橡皮擦保持原形,完美貼合數值高度。

局部縮放原理
分界線設置
新建局部縮放設計
最終局部縮放效果

核心知識點總結

  • 圖表數據窗口始終可編輯:修改數據圖表即時更新,設計樣式不變。
  • 透明基準框決定縮放基準:設計素材底部必須包含一個無填無描邊的矩形框,定義 100% 數值對應的高度。
  • 局部縮放需「分界線」+「參考線」+「列類型=局部縮放」:三者缺一不可。
  • 保持數據可編輯性:切勿展開圖表外觀,除非確定不再修改數據。

舉一反三

同理可製作:漲跌的 K 線蠟燭圖、不同高度的建築物天際線圖、人物身高對比圖等。只要創意素材結構合理,Illustrator 圖表工具都能將其轉化為動態數據視覺化組件。

copyright © 萬盛學電腦網 all rights reserved