モックアップ作成ツール
モックアップ作成ツール
この記事は翻訳版です。英語版が参照用であり、疑義が生じた場合には英語版が適用されます。
Tシャツ、パッケージ、スマホ画面、看板など、リアルなシーンにデザインを配置できます。テンプレートライブラリから選ぶか、テキストによる説明からAIにシーンを生成させましょう。デザインソフトは不要です。
すべてブラウザ上で動作します。モックアップ作成ツールを開いて始めましょう。
この記事の内容
モックアップを作成する2つの方法
方法 | 最適な用途 |
|---|---|
テンプレートライブラリ | すばやく結果を得る — 用意されたシーンを閲覧し、デザインをドロップする |
AIプロンプト | カスタムシーン — 欲しいものを説明して、AIに生成させましょう。 |
どちらの方法もモックアップ作成ツールから利用できます。
テンプレートからモックアップを作成する
テンプレートライブラリは、アパレル、デバイス、印刷物、パッケージの4つのカテゴリーに分類されています。
モックアップ作成ツールを開く
magnific.com/mockup-generator にアクセスしてください。
閲覧または検索する
カテゴリータブを探索するか、検索バーを使って好みのシーンを見つけましょう。
テンプレートを開く
モックアップをクリックして編集ツールで開きます。
編集可能なエリアをクリック
ホバーするとプレースホルダーゾーンがハイライトされます。
デザインをアップロード
デバイスから画像またはデザインファイルをインポートしてください。
位置とサイズを調整
デザインをドラッグしてサイズを変更し、表面に合わせます。
生成
「生成」をクリックして、シーンにデザインを適用します。
ヒント
magnific.com/mockupsでもモックアップを見つけられます。「クイック編集」でフィルターをかけると、すべてのモックアップ対応ファイルが表示されます。
独自の画像からモックアップを作成
シーンに配置したいデザインや写真がすでにある場合：
モックアップ作成ツールを開く
magnific.com/mockup-generator にアクセスしてください。
画像をアップロード
「アップロード」をクリックしてファイルを選択
プロンプトを追加（任意）
AIへの指示として短い説明を入力します。例：「大理石の表面に置かれた白いトートバッグ」
配置を調整
画面上のツールを使って、遠近感と位置を設定します
生成
「生成」をクリックして結果を取得
テキストプロンプトからモックアップを生成
テンプレートをスキップして、思い描いているシーンを説明してください。
プロンプトオプションを選択
モックアップ作成ツールを開き、プロンプトモードを選択してください。
シーンを説明
説明を入力してください。例：「白い木製の表面に置かれた折りたたまれたTシャツ、自然光」
アスペクト比またはスタイルを設定
必要に応じて出力設定を調整してください。
生成
「生成」をクリックして、結果を確認してください。
プロンプトのヒント
表面、照明、環境について具体的に指定してください。製品タイプ（マグカップ、ポスター、スマホケースなど）に言及すると、AIがコンテキストを理解し、デザインをより正確に配置できるようになります。
モックアップをカスタマイズ
モックアップが生成されたら、ダウンロード前にさらに調整を行えます。
デザインの位置を調整 — モックアップの表面上でドラッグして、最適な配置を見つけましょう
拡大・縮小と回転 — 変形ハンドルを使って、デザインをシーンに合わせましょう
再生成 — 結果を改善する必要がある場合は、画像やプロンプトを調整して再度生成しましょう
モックアップをダウンロード
ダウンロードをクリック
編集ツールの右上隅にあるダウンロードボタンを見つけましょう
フォーマットを選択
JPEGまたはPNGを選択しましょう。どちらも5K解像度で書き出せます。
保存して使用
作成したモックアップは、クライアントへのプレゼンテーション、ソーシャルメディア、印刷物、またはEコマースの出品にご利用いただけます。
クレジットと利用制限
プラン | 制限 |
|---|---|
無料 | 1日あたりの生成回数には制限があります。利用状況は右上のコーナーに表示されます。 |
サブスクライバー | 生成には、プランに応じたAIクレジットが消費されます。 |
残りのクレジットを確認するには、アカウントメニューに移動してください。
使用権
Mockup generatorで作成したモックアップは、製品の紹介、販促資料の作成、クライアントとの共有、SNSへの投稿など、個人利用および商用利用が可能です。生成されたすべてのコンテンツにはMagnificの利用規約が適用されます。アップロードするデザインに、許可なく第三者のブランドロゴ、商標、肖像が含まれていないことを確認してください。
モックアップ編集ツール
モックアップ編集ツールは、ソフトウェアをインストールすることなく、高品質なモックアップを作成・カスタマイズできるオンラインツールです。Magnificで利用可能な幅広いモックアップから選択でき、アパレル、デバイス、印刷物、パッケージなどのカテゴリーに整理された厳選されたライブラリも用意されています。モックアップを選択し、画像をアップロードして、あらゆるスキルレベルに対応した直感的なインターフェースでデザインに合わせて調整するだけです。
すべてのモックアップは最大5K解像度で利用でき、JPEGまたはPNG形式でダウンロードできるため、プロフェッショナルでリアルな仕上がりを実現します。デザインは個人利用および商用利用が可能で、準備ができたら簡単にダウンロードや共有ができます。この編集ツールは現在英語で提供されており、将来的にはさらなる言語への対応を予定しています。