画像のモックアップの作成

最終更新日 : 2026年1月22日

デザインオブジェクトを視覚化するために画像のモックアップの作成方法を学びます。

独自の画像を使用したモックアップの作成

注意:

(中国本土とロシアのみに適用)モックアップ」を使用するには、Creative Cloud デスクトップアプリから Illustrator アドオンをインストールします。

独自のラスター画像を使用するか、モックアップパネルから厳選された無料の画像テンプレートのいずれかを使用して、モックアップを作成できます。

ウィンドウモックアップを選択して、モックアップパネルを開きます。

選択 を使用して、ベクターアートと画像を一緒に選択します。

モックアップパネルで「モックアップを作成」を選択し、ベクターアートを画像に適用してモックアップを作成します。

ヒント :

モックアップパネルの無料の画像テンプレート上のベクターアートのプレビューも表示されます。独自の画像の代わりにこれらのいずれかを使用するには、デザインを選択してからモックアップパネルで「モックアップをプレビュー」を選択します。

カンバス上でベクターアートをドラッグし、画像上の目的の場所に配置します。オブジェクトの形状に合わせて、アートを自動調整します。

画像の外側を選択すると、アートが現在の位置に固定されます。

ヒント :

アートを再度移動するには、アートを選択してからウィンドウプロパティを選択します。 プロパティパネルで、コンテンツを編集 を選択し、アートを再度編集します。

無料の画像テンプレートを使用したモックアップの作成

ウィンドウモックアップを開きます。

選択 ツールを使用してベクターアートを選択します。

モックアップパネルで、「モックアップをプレビュー」を選択します。 パネルの無料の画像テンプレート上のベクターアートのプレビューが表示されます。
モックアップパネルで、「モックアップをプレビュー」がハイライトされます。
アートのプレビューを表示するには、「モックアップをプレビュー」を選択します。

パネルのドロップダウンメニューから、具体的なアプリケーションのテンプレートのカテゴリを選択します。次に、テンプレートをカンバスにドラッグしてモックアップを作成します。

ベクターアートをドラッグし、画像上の目的の場所に配置します。 アートはオブジェクトのシェイプに合わせて自動調整されます。

アートを現在の位置に固定するには、画像の外側を選択します。アートを再度移動するには、プロパティパネルでコンテンツを編集 を選択します。

Illustrator アドオンのインストール

中国本土およびロシアで「モックアップ」を使用するには、Adobe Creative Cloud デスクトップアプリから Adobe Illustrator アドオンをインストールする必要があります。

Illustrator を閉じて、Creative Cloud デスクトップアプリを開きます。

アプリ」タブに切り替えます。

Illustrator カードで「その他のアクション 」を選択し、「アドオンを入手」を選択します。

モックアップ機能コンポーネント」、「マッピングコンポーネント」、「マスキングコンポーネント」の横にある「追加」を選択します。

Illustrator を開きます。