取消
熱門關鍵字
AI

推薦課程
Copilot in Excel
ACP-Photoshop國際認證考衝班
購物車是空的!
探索課程
2025/11/12

Adobe Illustrator 立體名片設計:Illustrator 版面編排、輸出與完稿檢查

文、Andy老師

 

 

這堂教學會一步步帶你用Adobe Illustrator做出一張「能站起來的立體名片」!從一開始的草圖發想、用Leonardo AI免費生圖,到設定印刷用的AI檔(像是出血、CMYK)、去背、排版設計全都有。最後還會教你怎麼輸出成印刷用的PDF檔,讓成品看起來專業又吸睛。

 

本集學習重點
7. 名片版面排版
8. 繪製螢幕邊框與鍵盤框
9. 文字編排
10. 輸出前的檢查
11. 輸出PDF檔用於印刷
12. 補充小技巧
13. 立體名片示意圖

 

名片版面排版

 

接下來就依照設計草圖來編排版面,這裡只要使用移動工具來移動圖片,且可對圖片縮小放大與旋轉,我們可以將圖片依照草圖設計來編排版面,同時注意圖片要超出紅框線(出血線)。

 

名片設計

 

若在編排時圖片有上下遮擋的錯誤,可以用移動工具,點選圖片按右鍵即會彈出選單,選單中有排列順序,可選擇移至最前或其他效果。

 

名片設計

 

如此,我們就完成名片設計的版面編排。

 

名片設計

 

 

繪製螢幕邊框與鍵盤框

 

接下來要繪製螢幕邊框與鍵盤框,這裡用AI生圖不好控制尺寸與比例,所以我選擇自己來畫,畫的方法也很簡單,就用矩形工具、漸層工具和之前去背的遮色片功能。

 

名片設計

 

再來繪製螢幕邊框,畫法跟畫鍵盤邊框一樣。

 

名片設計

 

 

文字編排

 

接下來要打上文字,依照設計草圖把文字打在要的位置上即可,方法很簡單,用文字工具和移動工具同時在字元面板裡可選擇字型與顏色。

 

名片設計

 

再來在鍵盤上打上自己的名字,但鍵盤上有數字與英文,所以需要先用矩形來擋住這些字。

 

名片設計

 

再來打上在鍵盤上的名字,這樣我們名片就完成了。

 

名片設計

 

 

💡 每天不到一杯咖啡錢,就能無限學!

立即訂閱二年制會員 NT$900/月,電腦、外語、AI、設計、生活課程一次擁有,讓學習成為你的日常!

 

 

輸出前的檢查

 

1.安全區域

雖然有出血,但重要文字和Logo不應放太靠近裁切線,建議與裁切線保持至少3mm距離。

 

2.背景延伸

若背景顏色或圖片要滿版,務必延伸至出血線(紅色框),避免裁切誤差造成白邊。

 

3.字型轉曲

印刷前,將文字轉換為向量(選取文字 → 右鍵 → 建立外框,避免印刷廠缺字體)。

 

4.顏色檢查

確定所有物件使用CMYK色彩,避免RGB造成顏色偏差。

 

5.圖片解析度

嵌入的圖片建議解析度至少300dpi。

 

6.對齊出血

背景或圖片務必延伸到出血線,裁切後才會完美貼合。

 

輸出PDF檔用於印刷

 

1.選擇檔案 → 另存新檔。

2.格式選擇Adobe PDF(.pdf),點擊「儲存」。

3.在「儲存Adobe PDF」視窗:

 o 左側選擇標記與出血。

 o 勾選 裁切標記。

 o 勾選使用文件出血設定,確保3mm出血正確輸出。

4.按下「儲存 PDF」。

 

名片設計

 

完成後的PDF檔,會包含裁切標記與出血範圍,印刷廠即可依此精準裁切。

 

名片設計

 

 

補充小技巧

 

• 若要雙面名片,可在Illustrator建立兩個Artboard(工作區),分別設計正面與背面。

• 檔案命名時清楚標示版本與面向,例如名片_正面.pdf、名片_背面.pdf。

• 與印刷廠確認出血尺寸,有些會要求2mm或5mm,不一定固定3mm。

 

立體名片示意圖

 

名片印好後,還需要自己一張一張去裁切並摺疊,當然也可以開刀模,請印刷廠裁切,但這裡我就用3D模擬做裁切並摺好後的示意圖,當作成品展示。

 

名片設計

 

 

結語

 

透過正確的出血設定與PDF輸出流程,可以大幅降低印刷失誤,確保成品精緻專業。Illustrator提供完整的版面控制與高解析輸出,讓你的名片設計不僅美觀,也符合印刷規範。

 

 

加入菜鳥救星學習會員,不定期獲得更多知識吧!點我註冊 / 登入

 

不同頻道,不同知識 !

      

延伸閱讀
Adobe Illustrator 立體名片設計:從 AI 素材生成到專業印刷設定
Photoshop 毛髮去背教學:超詳細步驟!輕鬆將寵物照片完美合成
illustrator 3D 教學:超簡單的日式壽司插畫膨脹效果(上)