結論：缶バッジは「3つのガイド線」を守れば失敗しない
缶バッジのデザインで最も多い失敗は「端で重要部分が切れる」「巻き込みで顔が見えない」の2つ。これは仕上がり線・塗り足し線・カット線の3つのガイドを理解せずに作ったことが原因です。本記事では、サイズ別（44mm・57mm・75mm）の正確な寸法、Canva・Photoshop・Illustratorでのテンプレ作成手順、トレーディング缶バッジの設計術までを完全網羅します。
缶バッジのデザインで絶対に押さえるべき3つの線とは？
缶バッジは端が裏側に巻き込まれる立体構造のため、平面の印刷物とは違うガイド設計が必要です。テンプレートには必ず以下の3つの線が引かれています。
| ガイド線 | 役割 | デザインで守るルール |
|---|---|---|
| 仕上がり線（最内側） | 表から見える有効範囲 | 文字・顔・ロゴはこの中に配置 |
| 塗り足し線（中間） | 巻き込みで見え隠れする範囲 | 背景・パターンをここまで延ばす |
| カット線（最外側） | 実際にカット・打ち抜く位置 | 背景色はここまで100%塗りつぶす |
サイズ別の正確な寸法（最重要）
| サイズ | カット線径 | 塗り足し線径 | 仕上がり線径 | 巻き込み幅 |
|---|---|---|---|---|
| 44mm | φ54mm | φ50mm | φ40mm | 約3.5mm/片側 |
| 57mm | φ65mm | φ60mm | φ50mm | 約3.5mm/片側 |
| 75mm | φ85mm | φ78mm | φ68mm | 約4mm/片側 |
例えば57mmの缶バッジは、データ上は直径65mmで作成し、実際に正面から見える範囲は直径50mm程度です。つまり外周3.5〜4mmは「保険ゾーン」と理解しましょう。
缶バッジテンプレートはどこでダウンロードできますか？
FAST OEMの缶バッジ商品ページからPSD形式・PNG形式の両方を無料ダウンロードできます。3つのガイド線が別レイヤーで分かれており、書き出し時に非表示にできる構造です。
対応するデザインソフト
| ソフト | 対応形式 | 推奨度 | 備考 |
|---|---|---|---|
| Adobe Photoshop | PSD・PNG | ★★★★★ | プロ用標準・全機能対応 |
| Adobe Illustrator | PSD・AI | ★★★★★ | ベクター制作・高品質 |
| Canva | PNG（背景配置） | ★★★★☆ | テンプレ豊富・初心者最適 |
| MediBang Paint | PSD | ★★★★☆ | 無料・PSD対応 |
| GIMP | PSD | ★★★☆☆ | 無料・操作にクセあり |
| ibis Paint | PSD | ★★★☆☆ | スマホ完結 |
Canvaで缶バッジテンプレートを作る手順
Canvaは無料で使え、初心者向けに最適です。所要時間は約20分。
Canva作成手順（5ステップ）
- 新規デザイン作成：カスタムサイズで「カット線径」のmm数を入力（例：57mmなら65mm四方）
- テンプレ画像をアップロード：FAST OEM配布のPNGテンプレを背景として配置
- メイン要素を配置：文字・キャラクターは中央φ50mm内に収める
- 背景を全面塗り：カット線（端まで）まで色を塗る
- テンプレ画像を削除して書き出し：PNG形式・カスタムサイズで保存
詳細はCanvaでグッズデザインを作る記事も参考にしてください。
Photoshopで缶バッジテンプレートを使う手順
最も自由度が高く、写真やグラデーションを多用するデザインに最適です。
Photoshop作成手順（6ステップ）
- テンプレPSDを開く：3つのガイドレイヤーが入った状態で起動
- 新規レイヤーを最下部に作成：背景色・パターンをここに塗る
- メイン要素レイヤー：文字・イラストを仕上がり線内に配置
- 解像度確認：イメージ→画像解像度→300dpi以上を確認
- ガイドレイヤーを非表示：「FOLD」「SAFE」など全ガイド系レイヤーを非表示化
- 書き出し：ファイル→書き出し→Web用に保存→PNG-24（または高品質JPG）
Photoshop特有の注意点
- CMYK変換は工場側で実施：RGBのまま入稿OK
- 蛍光色（蛍光ピンク・蛍光イエロー）は再現不可：通常色に置換
- 黒は「リッチブラック」推奨：C40 M40 Y40 K100で深い黒に
Illustratorで缶バッジテンプレートを使う手順
ベクターでロゴ・テキスト中心のデザインに最適です。
Illustrator作成手順（6ステップ）
- テンプレAI/PSDを開く：レイヤー構造を確認
- アートボードを確認：カット線径と一致しているかチェック
- デザインを配置：テキストはアウトライン化必須（書式→アウトラインを作成）
- 塗り足しを延長：背景はカット線まで100%カバー
- ガイドレイヤーを非表示
- 書き出し：PNG（解像度300ppi以上）またはAI形式で保存
サイズ別の最適デザイン設計
缶バッジサイズによって最適なデザインアプローチが変わります。
44mm（最汎用・キャラクターグッズ標準）
- 適したデザイン：キャラクター顔アップ・シンプルロゴ
- NGデザイン：細かい背景・小文字
- 文字サイズ最小：8pt以上
- 複雑な情報量：低（要素3〜5個まで）
57mm（イラスト重視・同人グッズ向き）
- 適したデザイン：全身イラスト・ペアキャラ・グラデーション背景
- NGデザイン：写真の人物全身（顔が小さくなる）
- 文字サイズ最小：6pt以上
- 複雑な情報量：中（要素5〜8個まで）
75mm（ディスプレイ・看板用途）
- 適したデザイン：写真・複雑なイラスト・複数キャラ
- NGデザイン：シンプルすぎるロゴ（スカスカに見える）
- 文字サイズ最小：5pt以上
- 複雑な情報量：高（要素8個以上OK）
デザイン配置の良い例・悪い例（ビジュアル原則）
良い配置の特徴
- メインイラストが仕上がり線より内側に5mm以上の余裕
- 背景色・パターンがカット線まで100%延長されている
- 文字が中央寄り60%エリアに集約
- 複数要素は中心円の同心配置で統一感
避けるべき配置
- キャラ顔が仕上がり線ギリギリ → 巻き込みで欠ける
- 背景が仕上がり線までしかない → 端に白縁が出る
- 小文字を外周5mm以内に配置 → 読めない・切れる
- 重要情報を端近くに配置 → 視認性低下
トレーディング缶バッジを作る5つの設計術
トレーディング（ガチャ・ランダム封入）缶バッジはシリーズ感とコレクション欲が売上を左右します。
- 共通フレーム＋差し替えイラスト：枠は固定、中身だけキャラを変える
- キャラごとに背景色を変える：イメージカラーで識別性UP
- 連番ナンバリング：「1/8」「2/8」表記で全種コンプ欲を刺激
- キラ・ホロ加工でレア演出：通常版＋シークレット版で2層展開
- 25〜32mmで複数種展開：1セット8種〜12種が販売実績の最頻値
ロット例：8種×100個＝800個製作なら、1種あたり約¥10,000、合計約¥80,000で全種類製作可能です。
サイズ別の販売実績ランキング
実際の同人イベントで売れ筋となるサイズはこの順序です。
| 順位 | サイズ | 主な用途 | 単価設定の目安 |
|---|---|---|---|
| 1位 | 57mm | キャラ単体イラスト | ¥300〜500 |
| 2位 | 44mm | デフォルメキャラ | ¥200〜400 |
| 3位 | 32mm | トレーディング | ¥200〜300（ランダム） |
| 4位 | 25mm | トレーディング小 | ¥100〜200 |
| 5位 | 75mm | ディスプレイ用 | ¥500〜800 |
価格設定の詳細は同人グッズ利益計算記事を参考にしてください。
よくある入稿ミスと対処法
テンプレートを使っても発生する5大ミス。
| ミス | 原因 | 対策 |
|---|---|---|
| 解像度不足 | Web用画像（72dpi）流用 | 300dpi以上で新規作成 |
| ガイド線が印刷された | レイヤー非表示し忘れ | 書き出し前にプレビュー確認 |
| 端に白縁が出た | 塗り足し不足 | カット線まで背景延長 |
| 顔が欠けた | 仕上がり線外に配置 | 中央φ50mm内に収める |
| 文字が読めない | 5pt以下 | 最低6pt、推奨8pt以上 |
入稿データ全般は印刷データ解像度ガイドも合わせて確認しましょう。
まとめ：3つの線を守れば缶バッジ製作は怖くない
缶バッジデザインの本質は「3つのガイド線を理解し、巻き込み3.5〜4mmを保険ゾーンとして設計する」こと。テンプレを使えば初心者でもプロ品質の配置が可能です。
缶バッジを発注する — 100個約¥6,200から、金型代不要・最短3週間納品。アクリルキーホルダーとのセット販売も同人イベントで人気です。デザインに迷ったらお問い合わせからご相談ください。