Elementorの画像生成AIの使い方

この記事では、Elementorの画像生成AIの使い方について徹底解説します！

現在はまだ英語のみですが、この記事で誰でも簡単にElementorで画像生成や画像のカスタマイズができるようになりますのでご安心ください。

Elementorのことをもっと学びたい人は、どうぞElementorの使い方完全ガイドを見てください。
様々なElementorに関する情報がまとめられています。

では早速、Elementor AIで画像生成する方法を詳しく解説していきます。

画像生成の方法

まずは、Elementorの編集画面で画像ウィジェットを挿入し、Elementor画像生成AIを起動させましょう。

『Create with AI』をクリックします。

初めての場合、次の画面が表示されるのでチェックボックスにチェックを入れ『始めてみよう』ボタンをクリックするとElementor画像生成AIが起動します。

それでは実際にElementor AIに画像を生成してもらいましょう。

今回は犬の画像を生成してもらいます。
まずプロンプトを入力する場所に英語で”dog”と入力し、『Enhance prompt』をクリックします。

すると、AIが自動で”dog”に関するプロンプトを作成してくれます。

次に『Image type』『スタイル』『Aspect ratio』を設定します。ここはAIに生成してもらいたい画像のスタイル等、ご自身の好きなものを選択し『Generate Images』をクリックします。

先ほど入力したプロンプトと設定を元に犬の画像が自動で生成されました。

使いたい画像にカーソルを合わせ『Use Image』ボタンをクリックするとElementorの画像ウィジェットに挿入されます。

Expand imageの使い方

Elementor AIにより自動生成された画像をカスタマイズすることも簡単にできますので、その方法について解説していきます。

まず、画像にカーソルを合わせると『ズーム』と『Edit』のアイコンが現れるので『Edit（編集）』をクリックします。

すると次のような画面が表示されるので、まずは『Expand Image』の使い方から見ていきましょう。

『Expand Image』をクリックすると、下の画面が開きますので設定しましょう。

Expandは”拡大”という意味があり、『Expand Image』は画像を元に余白部分を自動で生成してくれる機能になります。

ここでは『Aspect ratio』をLandscape(4:3)、『サイズ』を0.6に指定します。すると余白ができました。
次に『Generate』をクリックします。

先ほどの余白部分がElementor AIにより自動で生成されてますね！

自動生成された中でいい感じの画像にカーソルを合わせ『Use Image』をクリックします。

Elementorの画像ウィジェットに先ほどの画像が挿入されました。

Generative Fillの使い方

先ほど余白を生成した画像を使って編集してみましょう。

Generative Fill機能は、簡単に言うと「範囲選択（塗りつぶし）したエリアに、プロンプトとして入力したものを自然に生成＆合成してくれる機能」です。

まず『Generative Fill』をクリックして編集画面を開きます。

追加で生成（合成）したい部分を塗りつぶし、生成したいプロンプトを入力し『Generate』をクリック。
ここでは塗りつぶした部分に”hat”を生成してもらいます。

すると何種類かのハットが生成されました！

Resizeの使い方

Elementor AIでは画像のサイズ変更も簡単にできますので、その使い方を紹介します。

Edit with AI画面の『Resize』をクリック。

お好みのサイズに調整し『Generate』をクリック。

サイズが変更されました！簡単ですね。

Variationsの使い方

Variationsは変化や変動を意味する言葉で、その名の通り画像を変化させてくれます。

さっそくこのVariations機能を試してみましょう。

まず、Edit with AI画面の『Variations』をクリックします。

変更したいプロンプト（ここでは”tiger”にします）を入力し、Image typeやスタイルを変更後『Generate images』をクリック。

すると犬の画像がトラに変わりました！素晴らしい！

Elementor社作成のプロンプトを使って画像生成

Elementorのホームページには、あらかじめ作成された様々なスタイルのプロンプトがあります。
その中から気に入ったスタイルがあれば、そのプロンプトを使って簡単に画像生成できるのでその使い方を紹介します。

Elementorのホームページはこちら

Elementorのホームページでプロンプトをコピーします。ここでは『Interior Design』のプロンプトをコピーします。

Elementorの編集画面で画像ウィジェットを挿入し、『Create with AI』をクリックします。

プロンプト入力画面で、先ほどElementorのホームページでコピーしたプロンプトを貼り付けて『Generate images』をクリックします。

Interior Designの画像が自動生成されました。

まとめ

Elementorの画像生成AIは画像のクオリティーも高くカスタマイズも可能、また画像の合成やリサイズも簡単にできます。

現在はまだベータ版ですが、ElementorでWebサイト制作をしている方にとって、とても便利な機能ですのでぜひ色々試してみてください！

Elementorのことをもっと学びたい人は、どうぞElementorの使い方完全ガイドを見てください。
様々なElementorに関する情報がまとめられています。