記事内に広告を含みます

【Illustrator】イラレで簡単にモックアップを作る方法【Adobe】

イラレでモックアップの作り方

イラレでモックアップを作りたいカメ

自分でモックアップを作ってみたいんだ
まだベータ版だけどAdobe Illustratorのモックアップ(Beta)を使えば簡単にモックアップが作れて便利だよ♪

学び続けるウサギ

イラレでモックアップを作りたいカメ

ぜひ、使ってみたいな〜♪

「イラレでモックアップを簡単に作りたい」

上記のように思われる方に役立つ記事になっています。

今回はAdobeのIllustratorの生成AI機能 モックアップ(Beta)を使用して簡単にモックアップを作る方法についてご紹介していきたいと思います。

Illustratorで簡単にモックアップを作る方法

  • ベクターと画像の2つを用意する
  • 2つを選択したままモックアップをクリックし作成する
  • 編集や画像を購入することもできる

ベクターとラスター画像を用意する

モックアップの作り方1

まずはイラストレーターなどで作ったベクター画像(ベクター形式・ベクターデータ)と合成したいラスター画像(ラスター形式・ビットマップデータ)を用意します。

モックアップの作り方2

2つを選択したままオブジェクト → モックアップ > 作成をクリックします。

モックアップの作り方3

すべての機能を使うために400MB程容量を確保しインストールをクリックします。

インストールされるまで少し待ちます。

モックアップの作り方4

モックアップ(Beta)パネルが出てきましたね。

2つとも選択されたままモックアップをクリックします。

モックアップの作り方5

生成AIを使いたいカメ

モックアップきたー♪

モックアップの作り方6

向きやサイズなどは回転ツールや拡大縮小ツールなどを使ってうまく調整することもできます。

モックアップの作り方8

オブジェクトを選択しながらドラッグして角などに移動してもうまいこと馴染んでくれます。

グリグリ動かしてみると面白いですね。

生成AIを使いたいカメ

便利で楽しいな〜♪

色々な画像素材を試すこともできる

モックアップの作り方9

他にもパネルに表示される画像候補としてAdobe Stockのサンプルをカンバス上で編集することができます。

モックアップの作り方11

ドラッグしてベクターを動かしたり、サイズ調整したりできます。

気に入ったものがあれば画像をAdobe Stockから購入できるので便利ですね。

モックアップの作り方12

  • アパレル
  • ブランディンググラフィック
  • デジタルデバイス
  • パターン

アパレル・ブランディンググラフィック・デジタルデバイス・パターンから選んで試すことができます。

モックアップの作り方13

色や形を直したい場合は解除して作り直すか、左上の方にあるアイコンのコンテンツを編集が選択されたままの状態でシンボルを編集をクリックすると編集できます。

モックアップの作り方14

編集できたら保存すると反映されます。

モックアップの作り方16-2

色調も簡単に変更することができました。

生成AIを使いたいカメ

良い感じの玉手箱・・箱だね〜♪

まとめ:簡単にモックアップを作ろう!

今回はアドビのイラストレーターのモックアップを使用して簡単にモックアップを作る方法についてご紹介してきました。

イラレだけでもでロゴやシンボルなどのシンプルなモックアップを簡単に作ることができるので便利ですよね。

少しでもモックアップを作りたい方に参考になりましたら幸いです。

モックアップが使えるAdobeのIllustratorなどがセットになっているAdobe CC コンプリートプランをお得に手にいれる方法はAdobe CCコンプリートプランを安く使う5つの方法の記事を参考にしてみて下さい。

Adobe CCを安く使う方法 Adobe CCコンプリートプランを安く使う5つの方法【Creative Cloud】

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です