無料のクレジットカード3Dモックアップ作成ツール

画像やPDFをドロップして、原寸大のクレジットカード、IDカード、ギフトカードに配置し、スタジオライトの下で回せます。鏡面光沢からフロストまでの仕上げ、金箔、スポットUVも確認できます。

  • 無料・登録不要
  • ファイルはこの端末内にとどまります
  • CR80(クレジットカードサイズ)の原寸、85.60×53.98mm
  • ICチップと磁気ストライプをISO規格の位置に
スタジオライトの下で3D表示した、Aureliaのサンプルカード

JPG、PNG、PDF、SVG、AI、PSD、WebPのいずれか。ファイルはこの端末内にとどまります。

3Dカードを読み込み中…

デザイン
表面サンプル
裏面サンプル
サンプルで試す:
ラミネート仕上げ
マット9⁠~⁠22GU(⁠60°)

ベルベットのような質感で、ぎらつかない

箔とスポットUV
箔押しなし
スポットUVなし

デザインの色をクリックすると、その色の部分が箔や盛り上がった光沢になります。どちらもラミネートの後に加工するので、マットなカードの上でも輝きを保ちます。

ICチップと磁気ストライプ
接触ICチップ
めっき
磁気ストライプ
磁気ストライプの色
サインパネル

実際のカードと同じく、ISO/IEC 7816-⁠2とISO/IEC 7811が定める位置に配置します。

カードと照明
芯材
スタジオ
ダウンロード

クレジットカードの3Dモックアップの作り方

6ステップ、約2分で完了し、アカウントも不要です。すべてブラウザー上で行えます。

  1. デザインをアップロード

    JPG、PNG、SVG、PDF、AI、PSDのファイルをツール上のどこにでもドロップするか、画像を貼り付けます。入稿用PDFは仕上がりサイズ(⁠TrimBox)に合わせて配置され、カードと同じ縦横比のファイルはカードにぴったり収まります。

  2. 原寸大のカードに配置

    ドラッグで移動、スクロールやピンチでサイズ変更、スライダーや2本指で回転できます。斜線の帯は、断裁で切り落とされる塗り足しです。文字は破線で示されたセーフエリアの内側に収めてください。

  3. ラミネートを選ぶ

    仕上げのスライダーを、鏡面光沢からフロストまでドラッグします。光をスイープを押すと、店頭で買い手がカードを傾けたときのように、反射光がカードの上を横切ります。

  4. 箔やスポットUVを追加

    箔を追加を選び、ロゴや文字をクリックします。グラデーションも含めて、その色の部分がすべて箔になります。箔は金、銀、ローズゴールド、銅、ホログラムなど10種類から選べます。スポットUVを追加も同じ操作で、透明で盛り上がった光沢を加えられます。クリックで選びきれない部分は、ブラシで塗ります。

  5. 接触ICチップや磁気ストライプを追加

    ゴールドかシルバーの6端子または8端子のICチップと、黒、茶、シルバー、ゴールドの2トラックまたは3トラックの磁気ストライプを選びます。どちらもISO規格どおりの位置に正確に配置されます。

  6. ダウンロード

    表示中の画像をPNG(スタジオ背景または透過)で保存したり、360度回転動画を書き出したり、表面と裏面のシートを作ったり、9種類の仕上げを1枚の画像で比べたりできます。Illustrator、Photoshop、Figma向けに、デザイン入りのレイヤー付きテンプレートも入手できます。

どんなカードをモックアップにできますか?

クレジットカードと同じサイズのカードなら、何でも作れます。特によく作られているのは、次の6種類です。

クレジットカード・デビットカード・キャッシュカード

表面には8端子のICチップを、裏面には黒い3トラックの磁気ストライプとサインパネルを配置して見せます。カード番号は1234 5678 9012 3456のような架空の番号を使ってください。

IDカード・社員証

カードを縦長に切り替え、テンプレートツールで長穴を追加して、名前や写真が穴やICチップにかからないか確認します。

ギフトカード・ポイントカード・会員カード

高級感を出すならサテンかマットを選び、スワイプして使うカードなら2トラックの磁気ストライプを追加して、クライアント向けに表面と裏面のシートをダウンロードします。

ホテルのカードキー

RFIDのカードキーの多くは、ICチップが外から見えません。ロビーの照明の下でもロゴが読み取れるようにセミマットかマットを試し、磁気ストライプを付けた状態で裏面も確認してください。

ブラックカード・プレミアムカード

暗い色のデザインほど、仕上げによる見え方の差が大きく出ます。鏡面光沢とマットを比べてから、ロゴをクリックして金箔やスポットUVにしてみてください。マットな黒の上では、カードを傾けるたびにどちらもきらりと光ります。

NFCカード・ICカード

非接触カードは、カードの内部にアンテナが隠れています。テンプレートツールでアンテナの範囲を表示し、メタリックインクや箔をそこから離してください。

光沢、マット、フロスト:プラスチックカードでの仕上げごとの見え方

仕上げは、カードをラミネートするときに押し当てる鋼板で決まります。鏡面研磨した鋼板なら光沢に、サンドブラストした鋼板ならマットやフロストになります。

カード工場では、ラミネートプレートを表面粗さRa(マイクロメートル)で等級分けしています。プレートがなめらかなほど、カードのつやは増します。完成したカードは光沢計を使い、測定角度60°で光沢度(⁠GU)を測ります。鏡面光沢で約90GU、強マットでは10GU未満です。ツールのスライダーはこの段階に沿っており、各段階は、Proofsceneの3D校正(印刷物の仕上がりを3Dで確認できる校正)を作るのと同じエンジンで描画しています。

ツールの9種類の仕上げ。Raはプレス用プレートの表面粗さ、GUはラミネートしたPVCを60°で測ったときの一般的な値です。
仕上げプレートのRa(µm)光沢度(⁠60°、GU)見え方
鏡面光沢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すりガラスのような、目に見える粒子感

見え方がもっとも変わるのは暗い色のデザインです。光沢では、光が映り込むまで黒は深いままです。マットでは表面が光をあちこちにわずかに散らすので、黒はやわらかなチャコールに見えます。明るくカラフルなデザインは、光沢でもっとも鮮やかに、サテンでもっとも落ち着いて見えます。

同じカラフルな波のデザインの3枚のカード。明るい映り込みのある光沢、やわらかなつやのマット、細かな粒子感のフロスト
明るいデザインでの光沢、マット、フロスト(イメージ)。
並んだ3枚の黒いカード。帯状の映り込みがある光沢の黒、ベルベットのようなマットの黒、ざらりとしたフロストの黒
黒いカードでの同じ3種類の仕上げ(イメージ)。
9種類のラミネート仕上げでレンダリングした1枚のカード。くっきりと映り込む鏡面光沢から、映り込みのないフロストまで
1つのデザイン、9枚のプレート、同じ照明。このツールの「全9種類の仕上げ」ダウンロードでレンダリングしました。

どの仕上げがどのカードに合うか、光沢で指紋が目立つ理由は、カードの光沢・マット・フロストの違いで解説しています。

プラスチックカードの箔押しとスポットUV

デザインの色をクリックすると、その部分が箔や盛り上がった光沢になります。それぞれの加工の内容と、印刷会社に渡すべきデータを紹介します。

箔押しは、加熱した金属の版で金属箔のフィルムを押し付け、版が触れた部分に鏡のような層を残す加工です。ツールには、金、銀、ローズゴールド、銅、ホログラム、黒、白、青、赤、緑の10種類の箔があります。3Dでも箔は実物どおりにふるまいます。光を受けると金色にきらめき、光と光の間では暗く沈み、版で押し込まれた縁には明るい輪郭が出ます。

スポットUVは、選んだ部分にだけ透明なニスを印刷し、紫外線で硬化させる加工です。マットなカードでは、カードを傾けると光る、つやのあるわずかに盛り上がった部分になります。暗いカードのロゴを引き立てる定番の方法です。ラミネートしたカードでは、どちらの加工もラミネートの上に施すので、仕上げのスライダーを動かしても、箔とニスはそれぞれの輝きを保ちます。

印刷では、カードの印刷会社は加工ごとに専用のマスクデータを求めます。箔やニスを載せる部分を黒ベタ、それ以外を白にした、デザインと同じサイズのデータです。多くの会社では箔の色は1枚につき1色で、4OVER4のプラスチックカード仕様がその典型です。レイヤー付きテンプレートのダウンロードには、両面分のこうした版が含まれています。箔は不透明で、押す位置がわずかにずれると抜いた部分のすき間が見えてしまうため、ほとんどの印刷会社は、下まで続くデザインの上に箔をベクター形状で重ねたデータを求めます。箔の線幅は0.3mm以上(Topacの箔押しガイドライン)、文字はミディアムかボールドで8pt以上にしてください(4OVER4)。最終的には、依頼先の印刷会社の仕様が優先です。

箔は薄い金属の層です。非接触カードでは、広い面積の箔をアンテナにかからないようにしてください。詳しくは箔はNFC・RFIDカードの通信を妨げる?をご覧ください。

3Dでレンダリングした2枚のカード。金箔の文字と金箔のエンブレムが入ったマットな黒の決済カードと、白いロゴに盛り上がったスポットUVを施したマットなホテルのカードキー
マットな黒に金箔、マットな地の白いロゴにスポットUV。どちらもこのツールのサンプルで作成しました。色を1回クリックするだけで、ロゴ全体が選択されました。

接触ICチップと磁気ストライプの種類

ICチップと磁気ストライプは実寸で、ISO規格の位置に描画されるので、どこが隠れるのかが正確にわかります。

8端子の接触プレートは13.0×11.8mmで、表面の左端から8.56mm、上端から17.99mmの位置にあります。6端子のプレートは最下段の端子がないぶん小さく、11.0×8.3mmで、位置は9.56mmと18.47mmです。どちらもISO/IEC 7816-2が定める端子領域の中心に配置されます。

磁気ストライプは、裏面の端から端まで通っています。幅は3トラックで12.7mm(½インチ)、2トラックで8.4mmです。カード工場では、ストライプの上端をカードの上端から約4.5mm下に配置し、ISO/IEC 7811-2が定める5.54mm以内に収めています。黒は一般的な高保磁力(⁠HiCo)、茶は低保磁力(⁠LoCo)のストライプです。

デザイナーに渡す正確な数値や、ICチップと磁気ストライプをレイヤーにしたテンプレートが必要ですか? 無料のCR80カードテンプレートとデザインチェッカーを使い、カードのICチップの位置と磁気ストライプの寸法もあわせてお読みください。

モックアップは原寸大ですか?

はい。カードはISO/IEC 7810のID-⁠1サイズで、すべてのクレジットカードと同じ大きさです。

カードは85.60×53.98mm(⁠3.370×2.125インチ)、厚さ0.76mm、角丸の半径3.18mmで、ISO/IEC 7810の公称値どおりです。カード業界ではこのサイズをCR80と呼びます。原寸が重要なのは、画面上では小さなものを見誤りやすいからです。たとえば6ptの規約の1行、ICチップの下に入り込んだロゴ、断裁された端から2mmのところで終わる名前などです。

約10倍まで拡大しても印刷部分はくっきりしたままなので、小さな文字が実際のカードで読めるかどうかを、すばやく判断できます。カードのサイズをミリ、インチ、各dpiでのピクセル数で知りたい場合は、CR80カードのサイズガイドをご覧ください。

技術サポートと、このカードモデルの検証に使ったホテルのカードキーの仕様を提供してくれたパートナーのPrintPlastに感謝します。

3Dモックアップ、平面のPSDモックアップ、印刷サンプルの違い

それぞれ答えられる問いが違います。知りたいことに答えられる、いちばん速い方法を使ってください。

方法所要時間仕上げの確認原寸表示おすすめの用途
この3Dモックアップ数秒はい(⁠9種類のラミネート、箔、スポットUV)はい(⁠85.60×53.98mm)仕上げ選び、クライアントへの提示、ウェブやアプリ用の画像
平面のPSDモックアップPhotoshopで数分写真に焼き込まれたままテンプレートによるメインアングルの固定画像1枚
印刷サンプル数日~数週間実物そのもの正確色と手ざわりを確かめたうえでの校了

モックアップでわかること

モックアップは、「このデザインはカードでうまくいくか」という問いに答えます。配置、両面、側面、ICチップと磁気ストライプ、そしてカードを回したときの仕上げの見え方がわかります。

共有しても問題のないデザインにしておくことも大切です。番号や名前は架空のものを使い、自社が発行会社でない限り、国際ブランドのロゴは入れないでください。本物の銀行カードやIDカードに見えるデザインは、印刷会社に断られます。

このツールにリンクする

カードデザインを教えている、またはプラスチックカードを販売しているなら、読者やお客様にこのページを紹介してください。これからも無料で使えます。

下のリンクをコピーしてご利用ください。引用する場合は、Proofscene「無料のクレジットカード3Dモックアップ作成ツール」(⁠proofscene.com、2026年)と記載してください。

<a href="https://proofscene.com/ja/tools/3d-card-finish-visualizer/">無料のクレジットカード3Dモックアップ作成ツール</a>

クレジットカード3Dモックアップのよくある質問

無料ツール「カードの3Dモックアップ」のファイル、プライバシー、仕上げ、モックアップで確かめられることについて、簡潔にお答えします。

なんでもご質問ください
このクレジットカードのモックアップ作成ツールは、本当に無料ですか?

はい。登録不要、回数無制限で、無料で使えます。透過PNGには透かしが入りません。スタジオ背景のPNGとシート画像には、隅に小さく「⁠Proofsceneで作成」と入ります。画像は商用利用でき、たとえばウェブサイト、ピッチ資料、アプリストアの掲載ページに使えます。

画像だけでなく、PDFもアップロードできますか?

どちらもできます。JPG、PNG、WebP、AVIF、GIF、BMP、SVG、PDFのほか、PDF互換ファイルとして保存したIllustratorファイルや、互換性を優先して保存したPhotoshopファイルも読み込めます。入稿用PDFは仕上がりサイズ(⁠TrimBox)に合わせて配置されるので、カードにぴったり収まります。2ページのPDFなら、2ページ目を裏面に使えます。

ファイルはどこかにアップロードされますか?

いいえ。デザインはブラウザー内で読み込まれてレンダリングされ、端末の外に出ることはありません。3Dエンジン、PDFの読み込み、すべてのダウンロードが端末上で動くので、機密のカードデザインも機密のまま守られます。

カードのデザインデータに必要な解像度は?

仕上がりサイズで300dpi以上にしてください。CR80カードは85.60×53.98mmで、300dpiでは1011×638px、四辺に3mmの塗り足しを付けると1082×708pxです。配置ダイアログでは、サイズを変えるたびにファイルの実効解像度(⁠dpi)が表示されます。

表面と裏面の両方を見せられますか?

はい。表面のあとに、裏面のデザインをアップロードするか、PDFの2ページ目を使うか、単色を選ぶか、表面をコピーできます。「表面」「裏面」「アングル」「側面」のボタンでカードの向きを変えられ、表面と裏面のシートなら両面を1枚の画像にまとめられます。

モックアップに金箔やスポットUVを加えられますか?

はい。「箔を追加」か「スポットUVを追加」を選んで、デザインの色をクリックしてください。グラデーションも含めてその色の部分がすべて選ばれます。クリックした部分だけを選ぶこともできます。ブラシで範囲を広げたり、消しゴムで消したり、デザイナーが作った版データをアップロードしたりもできます。箔は金、銀、ローズゴールド、銅、ホログラムなど10種類です。どちらの加工も、実際の印刷と同じように、マットやフロストのカードの上で輝きを保ちます。

光沢、マット、フロストのどれを選ぶべきですか?

もっとも深い色と黒を出すなら光沢、落ち着いていてぎらつかず、サインも書けるカードならマット、ざらりとした手ざわりで指紋が目立たない表面ならフロストを選んでください。指紋や細かな傷がいちばん目立つのは光沢です。詳しい比較は、カードの光沢・マット・フロストの違いを解説したガイドをご覧ください。

本番前の校了を3Dでもらうには?

Proofsceneは、印刷会社の校正PDFを3D校正に変えます。お客様は、その印刷会社のブランドが入ったリンクで確認します。使うのは、このモックアップと同じエンジンです。

このツールは役に立ちましたか?

5件の評価で5点満点中5.0点

実際の校正PDFを、お客様が裏返して確認できる3D校正に

無料アカウントを作成して校正PDFをアップロードすれば、今日から自社ブランドのリンクでインタラクティブな3D校正をお客様に送れます。

無料アカウント · クレジットカード不要 · 印刷のプロが開発