Illustratorの⽣成AI機能「生成パターン」を使えば、何もないところから魅力的なパターンを生成することができます。プロンプトやカラー、効果の設定を工夫することで、自分が思い描くパターンを生成したり、偶然の生成結果が発想やデザインのインスピレーションになることも。また「生成再配色」を使って、作ったパターンのカラーバリエーションを生成することもできます。

素材データをダウンロードして読み込む

Illustratorを起動し、「ファイル」→「開く」からダウンロードしたファイル「pattern_before.ai」を選択して開きます。

長方形を作成する

生成パターンでパターンを生成する

上のメニューから「ウィンドウ」>「生成パターン」を選択して、生成パターンのパネルを開きます。プロンプトフィールドに好きなプロンプトを入力します。ここでは「アール・ヌーヴォーの花柄」と入力しています。

効果を設定するとこのような違いがでます。

プロンプトや設定を工夫することで、様々な種類のパターンを生成することができます。

パターンを編集する

生成されたパターンをクリックしてプレビューすると、後で使用できるようにパターンスウォッチとしてスウォッチパネルの生成パターンフォルダー（ウィンドウ／スウォッチ）に自動的に追加されます。

生成結果にカーソルを合わせると、右上にメニューのアイコンが表示されます。ここからパターンを編集することができます。

パターンのサイズごと拡大縮小したい場合は、そのまま自由変形すればいいのですが、パターンのサイズは変えずにシェイプを拡大縮小するには環境設定が必要です。

上のメニューから「Adobe Illustrator」>「設定」>「一般」を選択して、「パターンを変形」のチェックを外します。

これで、パターンを変形せずに広げることができます。

パターンのサイズだけを拡大縮小したいときは、上のメニューから「オブジェクト」>「変形」>「個別に変形」を選択して、個別に変形のパネルを開きます。

「パターンの変形」にだけチェックを入れると、拡大縮小の%に応じてパターンのサイズを変形することができます。

バナーデザインを作成する

作ったパターンを背景に配置して、割引クーポンのバナーデザインを制作します。右のアートボードにあるデザインのパーツを、作ったパターンの上に配置します。

このように、生成したパターンは、デザインの背景などの装飾に活用することができます。

生成再配色でカラーバリエーションを生成する

今度は生成再配色を使って、生成したパターンのカラーバリエーションを作成します。パターンを選択した状態で、上のメニューから「編集」>「カラーを編集」>「生成再配色」を選択して、生成再配色のパネルを開きます。

プロンプトフィールドに好きなプロンプトを入力します。ここでは「春の柔らかいピンク」と入力しています。メインカラーを選択することができますが、今回は何も設定せずに生成します。

「春の柔らかいピンク」をイメージした配色を生成することができました。4つのバリエーションが作成されるので、好きな配色を選択します。気に入った結果がなければ、もう一度生成のボタンを押しましょう。

また、プロンプトや設定を工夫することで、様々な配色を生成することができます。