免費 3D 信用卡 Mockup 產生器

拖放圖片或 PDF,放到實際尺寸的信用卡、識別證或禮物卡上,在攝影棚燈光下轉動檢視:從鏡面亮光到磨砂,還有燙金與局部上光。

  • 免費,免註冊
  • 檔案不會離開您的裝置
  • CR80 實際尺寸:85.60 × 53.98 mm
  • 晶片與磁條位於 ISO 標準位置
Aurelia 範例卡片在攝影棚燈光下的 3D 呈現

JPG、PNG、PDF、SVG、AI、PSD 或 WebP。檔案會留在這台裝置上。

3D 卡片載入中…

您的設計
正面範例
背面範例
試用範例:
表面處理
霧面9 至 22 GU(60° 量測)

絲絨質感,不反光

燙金與局部上光
燙金無
局部上光無

點選設計中的某個顏色,就能把它變成燙金或立體亮光。兩者都在表面處理之後才加上,所以在霧面卡片上依然保有光澤。

晶片與磁條
接觸式晶片
鍍層
磁條
磁條顏色
簽名條

依 ISO/IEC 7816-2 與 ISO/IEC 7811 規定的位置放置,和真實卡片一樣。

卡片與光線
卡芯
攝影棚
下載

如何製作 3D 信用卡 Mockup

六個步驟,大約兩分鐘,免帳號。一切都在您的瀏覽器中完成。

  1. 上傳您的設計稿

    把 JPG、PNG、SVG、PDF、AI 或 PSD 檔案拖放到工具上的任何位置,或直接貼上圖片。可直接印刷的 PDF 會依裁切框(TrimBox)定位,符合卡片比例的檔案則會剛好填滿整張卡片。

  2. 放到實際尺寸的卡片上

    拖曳即可移動,捲動滑鼠滾輪或雙指縮放可調整大小,用滑桿或兩指即可旋轉。斜線區域是裁切時會切掉的出血;請把文字放在虛線安全線以內。

  3. 選擇表面處理

    拖曳表面處理滑桿,從鏡面亮光調到磨砂。按下掃光,讓一道反光劃過卡片,就像買家在店裡傾斜卡片察看一樣。

  4. 加上燙金或局部上光

    選擇加上燙金,再點選您的 Logo 或文字:該顏色的每個部分都會變成燙金,連漸層也包括在內。可從十種燙金中挑選金色、銀色、玫瑰金、銅色、雷射或其他顏色。加上局部上光的操作方式相同,能做出透明、立體的亮光。點選抓不到的地方,就用筆刷補上。

  5. 加上接觸式晶片或磁條

    選擇金色或銀色的 6 接點或 8 接點晶片,以及黑色、棕色、銀色或金色的 2 軌或 3 軌磁條。兩者都精準位於 ISO 規定的位置。

  6. 下載

    將畫面儲存為 PNG(攝影棚背景或透明背景)、錄製 360° 影片、匯出正反面對照圖、在一張圖上比較全部九種表面處理,或取得含您設計稿的分層版型,用於 Illustrator、Photoshop 或 Figma。

可以製作哪些 Mockup?

任何信用卡大小的卡片都可以。以下六種是最多人製作的。

信用卡、簽帳金融卡與銀行卡

正面呈現 8 接點晶片,背面呈現黑色 3 軌磁條與簽名條。請使用虛構的卡號,例如 1234 5678 9012 3456。

識別證與員工證

把卡片切換為直式,在版型工具中加上槽孔,並確認姓名與照片避開槽孔和晶片。

禮物卡、集點卡與會員卡

選擇緞面或霧面營造高級感,若卡片需要刷卡就加上 2 軌磁條,再下載正反面對照圖給您的客戶。

飯店房卡

大多數 RFID 房卡看不到晶片。試試半霧面或霧面,讓 Logo 在大廳燈光下依然清楚,再開啟磁條檢查背面。

黑卡與高級卡片

深色設計在不同表面處理之間變化最大。先比較鏡面亮光與霧面,再點選 Logo,把它變成燙金或局部上光:在霧面黑卡上,卡片一傾斜,兩者都會閃現光芒。

NFC 卡與智慧卡

非接觸式卡片的天線藏在卡片內部。使用版型工具查看天線區域,讓金屬色油墨與燙金遠離該區域。

亮面、霧面或磨砂:各種表面處理在塑膠卡上的樣子

表面處理取決於卡片壓合時貼合的鋼板。鏡面拋光的鋼板做出亮面;噴砂鋼板做出霧面或磨砂。

製卡廠依表面粗糙度 Ra(單位為微米)為壓合鋼板分級:鋼板越光滑,卡片越亮。光澤度計以 60° 角量測成品卡片的光澤單位(GU),鏡面亮光約為 90 GU,重霧面則低於 10。工具中的滑桿就是依照這個級距設計,每一級都由生成 Proofscene 3D 打樣的同一套引擎呈現。

工具中的九種表面處理。Ra 指的是壓合鋼板的粗糙度;GU 是壓合 PVC 在 60° 量測的典型讀數。
表面處理鋼板 Ra(µm)光澤度(GU,60°)呈現效果
鏡面亮光0.01–0.0488–96如玻璃般光滑、帶濕潤感,像鋼琴烤漆
高亮面0.05–0.0875–90經典的亮面信用卡
半亮面0.09–0.1445–70依然有光澤,反光較柔和
緞面(絲光)0.15–0.2625–50柔和的絲緞光澤
半霧面0.27–0.4515–35光澤低,在任何光線下都清楚易讀
霧面0.46–0.709–22絲絨質感,不反光
粗霧面0.70–0.957–14無光澤,觸感乾爽
重霧面1.0–1.53–10粉霧感,最無光澤的霧面
磨砂1.5–3.51–6顆粒清晰可見,像毛玻璃

深色設計的變化最大。在亮面上,黑色會保持深邃,直到有光線映在上面。在霧面上,表面會把少量光線散射到各處,所以黑色看起來是柔和的炭灰色。淺色、色彩繽紛的設計,在亮面上最鮮豔,在緞面上最沉穩。

三張印有相同彩色波浪圖案的卡片:亮面帶明亮反光,霧面帶柔和光澤,磨砂帶細緻顆粒
亮面、霧面與磨砂在鮮豔設計稿上的效果(示意圖)。
三張並排的黑卡:帶一道反光的亮面黑、絲絨質感的霧面黑、顆粒感的磨砂黑
同樣三種表面處理在黑卡上的效果(示意圖)。
同一張卡片以九種表面處理生成,從反光清晰的鏡面亮光,到完全不反光的磨砂
同一個設計、九種鋼板、相同光線。以本工具的「九種表面處理一覽」下載功能生成。

哪種表面處理適合哪種卡片,以及亮面為何容易顯出指紋:亮面、霧面與磨砂卡片比較。

塑膠卡上的燙金與局部上光

點選設計中的某個顏色,它就會變成燙金或立體亮光。以下說明這兩種加工是什麼,以及印刷廠需要您準備什麼。

燙金是用加熱的金屬模具壓過一層金屬箔膜,模具接觸到的地方就會留下一層鏡面。工具提供十種燙金:金色、銀色、玫瑰金、銅色、雷射、黑色、白色、藍色、紅色與綠色。在 3D 中,燙金的表現就和真正的燙金一樣:像一面鏡子,碰到光線時閃出金光,在光線之間轉暗;模具壓入卡片的邊緣還有一圈亮邊。

局部上光是只印在指定區域的透明光油,再以紫外線硬化。在霧面卡片上,它就是那塊光亮、微微凸起、隨卡片傾斜而發亮的部分,也是讓 Logo 從深色卡片上躍然而出的經典做法。在有表面處理的卡片上,這兩種加工都做在表面處理層之上,所以移動表面處理滑桿時,燙金與光油都會保有各自的光澤。

印刷時,卡片印刷廠會要求每種效果各自提供一個遮罩:在白底上,燙金或光油的位置填滿黑色,尺寸與設計稿相同;許多印刷廠規定每張卡片只能使用一種燙金顏色(4OVER4 的塑膠卡規格就是典型例子)。下載的分層版型已包含正反兩面的這些版。大多數印刷廠希望燙金是向量圖形,疊在延伸到其下方的設計稿上,因為燙金不透明,壓印只要偏一點點,挖空的縫隙就會露出來。燙金線條寬度至少 0.3 mm(Topac 的燙金規範),文字至少 8 pt,並使用中等或粗體字重(4OVER4);一切以您印刷廠的規格為準。

燙金是一層薄薄的金屬。在非接觸式卡片上,請讓大面積燙金避開天線:燙金會干擾 NFC 與 RFID 卡嗎?

兩張以 3D 生成的卡片:一張霧面黑色支付卡,有燙金文字與燙金徽章;一張霧面飯店房卡,白色 Logo 做了立體局部上光
霧面黑卡上的燙金,以及霧面卡上白色 Logo 的局部上光。兩者都用本工具的範例製作:在顏色上點一下,就選取了整個 Logo。

接觸式晶片與磁條選項

晶片與磁條都依實際尺寸與 ISO 位置繪製,讓您清楚看到它們會蓋住哪裡。

8 接點晶片的接點片為 13.0 × 11.8 mm,位於正面距左緣 8.56 mm、距上緣 17.99 mm 處。6 接點晶片少了最下面一排接點,因此接點片為 11.0 × 8.3 mm,位於距左緣 9.56 mm、距上緣 18.47 mm 處。兩者都以 ISO/IEC 7816-2 定義的接點區為中心。

磁條在背面從一側延伸到另一側。3 軌磁條寬 12.7 mm(½ 英吋),2 軌磁條寬 8.4 mm。製卡廠會把磁條上緣放在距卡片上緣約 4.5 mm 處,在 ISO/IEC 7811-2 規定的 5.54 mm 範圍內。黑色通常是高抗磁(HiCo)磁條,棕色則是低抗磁(LoCo)磁條。

需要給設計師的精確數字,或晶片與磁條各自分層的版型嗎?請使用免費 CR80 卡片版型與設計稿檢查工具,並閱讀晶片在卡片上的位置與磁條尺寸。

Mockup 是實際尺寸嗎?

是的。卡片採用 ISO/IEC 7810 ID-1 規格,也就是每張信用卡的尺寸。

卡片為 85.60 × 53.98 mm(3.370 × 2.125 英吋),厚 0.76 mm,圓角 3.18 mm,皆為 ISO/IEC 7810 的標稱值。卡片業稱之為 CR80。實際比例很重要,因為小細節在螢幕上很容易出錯:一行 6 pt 的條款文字、滑到晶片底下的 Logo、末端離裁切邊 2 mm 的姓名。

放大約十倍,印刷內容依然清晰,這是判斷小字在實體卡片上能否看清楚最快的方法。想知道卡片在各種 dpi 下的 mm、英吋與像素尺寸,請參閱 CR80 卡片尺寸指南。

感謝我們的合作夥伴 PrintPlast 提供技術支援,以及本卡片模型據以校驗的飯店房卡規格。

3D Mockup、平面 PSD Mockup,還是實體樣品?

每種方式回答的問題都不同。選擇能回答您問題的最快方式。

方式所需時間呈現表面處理實際比例最佳用途
本 3D Mockup幾秒鐘可以:九種表面處理、燙金與局部上光是,85.60 × 53.98 mm挑選表面處理、向客戶展示、網站與 App 圖片
平面 PSD Mockup在 Photoshop 中花幾分鐘固定在照片裡視範本而定一張固定的主視角圖
實體樣品數天到數週真實成品完全精確最終確認顏色與手感

Mockup 能告訴您什麼

Mockup 回答的是「這個設計放在卡片上行不行?」它會呈現位置、正反兩面、卡邊、晶片與磁條,以及卡片轉動時表面處理的變化。

也要讓設計可以安心分享。請使用虛構的號碼與姓名,除非您是發卡機構,否則不要放上支付網路品牌的 Logo:印刷廠會拒絕看起來像真實銀行卡或證件的設計稿。

連結到這款工具

在教卡片設計,或在賣塑膠卡嗎?歡迎讓您的讀者和客戶來這裡。這款工具會一直免費。

複製下方連結,或以此格式引用:Proofscene,〈免費 3D 信用卡 Mockup 產生器〉,proofscene.com,2026。

<a href="https://proofscene.com/zh-tw/tools/3d-card-finish-visualizer/">免費 3D 信用卡 Mockup 產生器</a>

3D 信用卡 Mockup 常見問題

關於免費 3D 卡片 Mockup 產生器的簡短解答:檔案、隱私、表面處理,以及 Mockup 能確認什麼。

有問題,歡迎詢問
這個信用卡 Mockup 產生器真的免費嗎?

是的。免費、免註冊,也沒有使用次數限制。透明背景 PNG 沒有浮水印;攝影棚 PNG 與對照圖則會在角落帶一行小小的「使用 Proofscene 製作」字樣。您可以將圖片用於商業用途,例如網站、提案簡報或 App 商店頁面。

我可以上傳 PDF,還是只能上傳圖片?

兩者都可以。工具可讀取 JPG、PNG、WebP、AVIF、GIF、BMP、SVG 與 PDF,還有以 PDF 相容方式儲存的 Illustrator 檔,以及以最大相容性儲存的 Photoshop 檔。可直接印刷的 PDF 會依裁切框(TrimBox)定位,所以能精準落在卡片上;兩頁的 PDF 還可以把第 2 頁當作背面。

我的檔案會上傳到任何地方嗎?

不會。您的設計在瀏覽器中讀取與生成,絕不會離開您的裝置。3D 引擎、PDF 讀取器與每一項下載都在本機執行,所以機密的卡片設計始終保密。

卡片設計稿的解析度應該是多少?

在完成尺寸下至少使用 300 dpi。CR80 卡片為 85.60 × 53.98 mm,在 300 dpi 下等於 1011 × 638 px;四邊各加 3 mm 出血則為 1082 × 708 px。調整大小時,放置對話框會顯示檔案的有效 dpi。

我可以呈現正面與背面嗎?

可以。完成正面後,您可以上傳背面設計、使用 PDF 的第 2 頁、選擇純色,或複製正面。「正面」、「背面」、「角度」與「側邊」按鈕可以轉動卡片,正反面對照圖則把兩面放在同一張圖上。

我可以在 Mockup 上加燙金或局部上光嗎?

可以。選擇「加上燙金」或「加上局部上光」,再點選設計中的某個顏色:該顏色的所有部分都會一起選取(漸層也包括在內),也可以只選取您點的那一塊。用筆刷補塗更多區域、用橡皮擦擦掉一些,或上傳設計師做好的版。共有十種燙金,包括金色、銀色、玫瑰金、銅色與雷射,而且兩種加工在霧面或磨砂卡片上都會保有光澤,就和實際印刷一樣。

亮面、霧面或磨砂:我該選哪一種?

想要最深邃的顏色與黑色,選亮面;想要沉穩、不反光、又方便簽名的卡片,選霧面;想要有顆粒觸感、不易留下指紋的表面,選磨砂。亮面最容易看出指紋與細微刮痕。完整比較請參閱我們的亮面、霧面與磨砂卡片指南。

如何用 3D 完成量產前確認?

Proofscene 會把印刷廠的 PDF 樣稿變成 3D 打樣,讓客戶透過品牌專屬連結檢視,使用的正是與這個 Mockup 相同的引擎。

這款工具對您有多大幫助?

共 5 則評分,平均 5.0 分(滿分 5 分)

把真正的 PDF 樣稿,變成客戶可以翻轉檢視的 3D 打樣

建立免費帳號、上傳 PDF 樣稿,今天就用您的品牌專屬連結,把互動式 3D 打樣傳給客戶。

免費帳號 · 免信用卡 · 印刷人打造