Atomm AIAtomm AIクリエイティブツールクリエイティブツールマイ ワークスペースマイ ワークスペース
プロジェクトプロジェクトテンプレートテンプレートデザインデザイン材料実験室材料実験室私のフォロー中私のフォロー中ハブハブ
ホームクリエイティブツールボックスモックアップ

無料ボックスモックアップジェネレーター

作る前に、パッケージのアイデアをプレビュー。用意されているボックスシーンでアートワークと配色を見比べ、デザインの配置を調整し、箱を作りたくなったらボックスジェネレーターへ進みましょう。

深いブルーの茶葉カートン、オレンジのギフトボックス、クラフトのメール便ボックス。それぞれ独自のパッケージアートワーク入り

画像をクリックまたはドラッグしてアップロードしてください

対応フォーマット:JPG、JPEG、PNG、WEBP。画像サイズ ≤10 MB。主な対象が中央にあり、完全に表示されていることをご確認ください。

ボックスモックアップの作り方

まずパッケージのコンセプトを確認し、箱そのものは専用のデザインツールで作りましょう。

01

パッケージシーンを選ぶ

モックアップを開き、パッケージのアイデアに合うボックスシーンを選択。プレビューしたいアートワークを追加します。

02

アートワークを調整して見比べる

デザインのサイズと位置を変え、使える色の調整を試し、画像を差し替えて別のパッケージの方向性を比較します。

03

ボックスデザインへ進む

モックアップをキャンバスに保存。箱そのものを設定する準備ができたら、別ツールのボックスジェネレーターを開きます。

箱とパッケージの見せ方を探る

パッケージには平面のグラフィックだけでなく、立体感も必要です。コンパクトな商品カートンでもギフトの見せ方でも、構想に合うボックスシーンをテンプレートから探しましょう。まずモックアップで全体の方向性を見比べてから、作る箱の構造を決めます。

ボックスジェネレーターを開く
6つのパッケージコンセプトモックアップ。スクエア、長方形、ギフト、メール便など異なる箱の見せ方をそれぞれ違うアートワークで紹介

箱の見える面でアートワークの配置を比べる

同じデザインでも、正面、フタ、側面では印象が変わります。選んだテンプレートで見える面を確認し、別アングルのシーンがあれば切り替えて比べましょう。モックアップがすべての面の印刷レイアウトを自動で作るわけではないので、箱の上でアートワークがどう見えるかを確かめてください。

ボックスジェネレーターを開く
チャコールとミントのシダ柄ギフトボックスの3つの固定ビューで、正面・上面・側面のアートワーク配置を比較

パッケージの色とアートワークの大きさを調整

使える色の調整とサイズ変更で、バランスのよいパッケージデザインを探りましょう。大胆なイラストは周囲に余白が必要ですし、小さなマークは静かなアクセントになります。画像を差し替えれば、同じボックスシーンで別の方向性を比較できます。

ボックスジェネレーターを開く
コバルトの箱にコーラルの鯉のイラストを選択。サイズ変更ハンドルと拡大したカラースウォッチパネルを表示

箱の構想をボックスジェネレーターへ

ビジュアルの方向性が固まったら、Atommのボックスジェネレーターで箱そのものに取りかかります。モックアップとジェネレーターは役割が違います。前者は見た目の判断、後者は箱のデザインを進める場所です。作る前にジェネレーターのオプションを別途確認してください。

ボックスジェネレーターを開く
ティールのフクロウをあしらったピーチのボックスモックアップから、矢印で別のボックスデザイン案へ。自動変換を示すものではありません

最初のボックスモックアップ用に無料デザインを探す

Atomm Designsで無料の写真、イラスト、ステッカー、パターン、透過アートワーク、拡大できるデザインを探しましょう。ボックスモックアップ用のアートワークを選んだら、対応画像をモックアップに取り込んで見せ方を比較します。

商品モックアップ向けのイラスト素材を集めたAtomm Designsギャラリー

写真とイラストを探す

Atomm Designsのライブラリで、ボックスモックアップのビジュアルの出発点を探しましょう。

Atomm Designsライブラリの透過イラスト素材

透過アートワークを選ぶ

プレビュー用のアートワークを作るときは、透過イラスト、ステッカー、グラフィック要素が使えます。

Atomm Designsの形式フィルター(SVG、PNG、JPG、XCS、XS、GLB、OBJ)

対応画像を用意する

Designsで拡大できるデザインと対応形式を確認。モックアップへのアップロードはJPG、JPEG、PNG、WEBPに対応しています。

商品モックアップ向けのイラスト素材を集めたAtomm Designsギャラリー

写真とイラストを探す

Atomm Designsのライブラリで、ボックスモックアップのビジュアルの出発点を探しましょう。

Atomm Designsライブラリの透過イラスト素材

透過アートワークを選ぶ

プレビュー用のアートワークを作るときは、透過イラスト、ステッカー、グラフィック要素が使えます。

Atomm Designsの形式フィルター(SVG、PNG、JPG、XCS、XS、GLB、OBJ)

対応画像を用意する

Designsで拡大できるデザインと対応形式を確認。モックアップへのアップロードはJPG、JPEG、PNG、WEBPに対応しています。

商品モックアップ向けのイラスト素材を集めたAtomm Designsギャラリー

写真とイラストを探す

Atomm Designsのライブラリで、ボックスモックアップのビジュアルの出発点を探しましょう。

Atomm Designsライブラリの透過イラスト素材

透過アートワークを選ぶ

プレビュー用のアートワークを作るときは、透過イラスト、ステッカー、グラフィック要素が使えます。

Atomm Designsの形式フィルター(SVG、PNG、JPG、XCS、XS、GLB、OBJ)

対応画像を用意する

Designsで拡大できるデザインと対応形式を確認。モックアップへのアップロードはJPG、JPEG、PNG、WEBPに対応しています。

パッケージデザイン向けのその他のツール

パッケージのアートワークを作り、ロゴとブランドの一貫性を保ちましょう。

More Tools for Packaging Designs モックアップジェネレーター

モックアップジェネレーター

Atommのモックアップテンプレートと商品カテゴリをまとめて見られます。

More Tools for Packaging Designs カラーベクター

カラーベクター

印刷や商品への配置に使える、きれいで拡大できるアートワークを用意。

More Tools for Packaging Designs ロゴモックアップ

ロゴモックアップ

パッケージに展開する前に、核となるアイデンティティを試す。

More Tools for Packaging Designs 名刺モックアップ

名刺モックアップ

パッケージのアイデンティティをブランドのステーショナリーへ広げる。

More Tools for Packaging Designs デザイン抽出

デザイン抽出

画像から再利用できるグラフィック、ロゴ、パターンを抽出。

Packaging Mockup Guides

Learn the mockup basics, preview a box before production, and compare online mockup tools.

モックアップとは?商品モックアップを実例つきで解説

A mockup is a visual preview of a design in a realistic setting. Learn how mockups differ from templates, prototypes, print files, and product photos.

2026/10/30464

パッケージモックアップガイド:制作前に箱のデザインを確認する方法

Preview a box design with online, PSD, and printed packaging mockups. Check panel order, folds, bleed, contrast, scale, and readability before production.

2026/10/30554

2026年、デザイナーと販売者が選ぶべきモックアップサイト13選

Compare 13 mockup sites for browser editing, PSD downloads, apparel, packaging, branding, and seller workflows. See strengths, limits, and best-fit uses.

2026/10/29348

ボックスモックアップに関するよくある質問

ボックスモックアップとは?

ボックスモックアップは、箱のシーンでパッケージのアイデアを視覚的にプレビューするものです。コンセプトを見せる前や実際の箱を作る前に、アートワーク、色、大きさ、配置を比較できます。生産用のダイラインではなく、パッケージデザインがそのまま製造できるという保証でもありません。

ボックスモックアップはパッケージモックアップと同じですか?

どんな箱の形をプレビューできますか?

正面、上面、側面でアートワークを比較できますか?

箱の色やデザインは変えられますか?

箱を作る前にサイズを確認できますか?

モックアップはボックスジェネレーターとどうつながりますか?

パッケージモックアップ用の無料アートワークはどこにありますか?

友だちを招待して登録すると、二人ともクレジットがもらえます。