【Illustrator】パターンを生成の使い方と活用テクニックを徹底解説

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Adobe Illustrator（イラストレーター）の「パターンを生成」の活用術をイラレ初心者の方に詳しく解説します。継ぎ目の無いシームレスパターンが生成できる便利な「パターンを生成」を活用し、クリエイティブを加速させてみませんか？

この記事の目次

パターンを生成で何が作れるの？

Illustratorのパターンを生成を使った作例です。継ぎ目の無いシームレスパターンがテキスト入力だけで作成できる機能です。パターンを生成を使ったパターン作成方法から編集方法まで網羅的に学習できるコンテンツです。

パターンを生成の使い方

Illustratorの「パターンを生成」の使い方を解説します。

Illustratorを導入しましょう

当記事の内容を実践するにはIllustratorが必須です。
未導入の方はAdobe公式サイトからダウンロードしておきましょう。（7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

パターンを生成の基本操作

まずはIllustratorで作成したポートフォリオのデザインを書き出しましょう。

STEP.1

ベースオブジェクトを作成

Illustratorでパターンを適用したい範囲のオブジェクトを作成します。サンプルは [ 長方形ツール ] でオブジェクトを作成しました。

塗り：お好きなカラー
線：無し

STEP.2

パターンを生成を開く

[ コンテキストタスクバー ] 内の [ 塗り ] をクリックすると [ パターンを生成 ] が開きます。

※ [ プロパティ ] のアピアランス内にある [ 塗り ] 、またはツールバー下部の生成AIアイコン内にある [ 独自のパターンを作成 ] でも可。

STEP.3

プロンプトの入力と生成

プロンプトに生成したいパターンの内容を記述します。サンプルは「オーガニックの手描きフルーツ」と入力しました。入力後は [ 生成 ] をクリック。

以上でパターンを生成を使ったパターン制作が完了しました。1度に3つのパターンが生成されます。他のパターンを見たい場合は [ 生成 ] をクリックすれば更に3パターン作成されますよ。

※生成クレジットが不足している場合はAdobe Firefly 公式サイトで追加できます。

ランダムでパターンを生成

特にプロンプトを入力せずに生成するとランダムでパターンが生成できます。

OMAKE

プロンプトを変更してみよう

「グルーヴィーでレトロなフォルム」で生成したパターンです。プロンプトに文字を入力するだけでシームレスパターンがあっという間に作成できますよ。

キッチリしたパターンは苦手

上記の様にパターンを生成は和柄（サンプルは青海波）、アーガイル、タータンチェックといった一般的な規則正しい幾何学的なパターンの精度が低いので自身で作成される事を推奨します。コチラの記事で様々なパターンをゼロから正確に作る方法を解説しているので是非チェックして下さい。

生成したパターンを調整

STEP.1

生成パターンのカスタマイズ

プロンプトの変更以外にも、[ カラーの追加やカラープリセットから選択 ] や [ 作品に効果を追加 ] 、[ すべての設定を表示 ] に調整を加えると更にパターン生成のカスタマイズができます。

STEP.2

カスタマイズ結果

同じ「オーガニックの手描きフルーツ」に下記設定を加えた例です。
カラープリセット：寒色
効果：落書き

要素は保ったまま、色や質感に変化が簡単に加えられるのでバリエーションの作成が楽ですよ。

[ すべての設定を表示 ] の歯車アイコンをクリックすると表示される [ ND値 ] を変更した例です。
値が小さい程パターンの密度が低く、値を高くするとパターンの密度が高くなります。

生成再配色で色を簡単変更

コチラの記事で解説している生成再配色を使えばパターンの色を簡単に変更する事ができます。生成再配色はカラーバリエーションを作る際に超便利な機能ですよ。

生成したパターンを編集・登録・削除

STEP.1

パターンを編集をクリック

編集したいパターンをクリックし、[ パターンを生成 ] パネル下部にある [ パターンを編集 ] をクリックします。

STEP.2

パターンを編集＆保存

するとパターンが直接編集できるようになります。もちろん [ ダイレクト選択ツール ] 等でオブジェクトをアンカーポイント単位で編集したり、新たなオブジェクトを追加したりできます。
サンプルは背景を別のカラーに変更しました。

変更後は画面上部の [ 完了 ] をクリックします。
別で保存したい場合は [ コピーを保存 ] をクリックしましょう。以上でパターンの直接編集が完了しました。

STEP.3

パターンの登録・削除

気に入ったパターンは [ スウォッチに登録 ] をクリックすると [ スウォッチ ] 内に登録できます。
不要なパターンは [ パターン生成 ] パネル下部の [ スウォッチを削除 ] をクリックすると削除できます。

パターン生成だけだと細かな部分に手直しが必要になるので、[ パターンを編集 ] を上手く活用して下さい。

高品質なパターン素材

IllustratorやPhotoshop等で汎用的に使える高品質なパターン素材です。
全て商用利用可能！スウォッチに登録して活用すると作業効率が劇的に向上しますよ。

#01 Vector damask seamless pattern background.

汎用性の高いシームレスの背景パターンです。
ベクター画像なので劣化無し！

ダウンロード

#02 waves and curls seamless pattern.

波線や渦巻がモチーフのシームレス背景パターンです。
イラストレーター形式なので汎用性がバツグン！
色ありと白黒の2パターンがあるので非常に扱いやすいです。

ダウンロード

#03 Vector damask seamless pattern background.

白黒で作られたシームレス背景パターンです。
Illustrator形式なので色替えは超簡単！

ダウンロード

#04 vector damask seamless pattern background.

予め色の設定がされている高品質なシームレス背景パターンです。
タイスタイルの柄で非常にオシャレで感泥土が高いです。

ダウンロード

#05 cartoon animal seamless patterns

コミック調の動物のシームレス背景パターンです。
キャラモノの素材ですが、商用利用可能！
即商品展開が可能です。

ダウンロード

#06 Collection of funny doodle monsters seamless pattern for prints

先程の線画の着色バージョンのシームレス背景素材です。可愛いキャラクターがびっしりと詰め込まれた背景素材が作れます。

ダウンロード

#07 日本の伝統模様1

日本古来のパターン柄10種セットです。
どのパターンもよく使う模様ですね。

ダウンロード

#08 Set of 12 patterns in japanese style. Vector collection of asian backgrounds.

うるさくない和柄の背景パターン素材です。
前面に敷き詰めてもさらりと上品な仕上がりになります。

ダウンロード

#09 和柄のパターンセット（青）

高品質な和柄パターンが14点も収録されたパターン素材です。
他の素材よりも多めに収録されているのでお得です。

ダウンロード

#10 シームレスな和柄セット

朱色と薄い金色で構成された和柄のパターン柄8種セットです。
おめでたい雰囲気が出せます。

ダウンロード

高品質なスウォッチ素材

商用利用可能なシームレス背景パターンを厳選しました。
高品質なスウォッチを活用して制作を加速させてみませんか？

【Illustrator】商用可能！高品質なスウォッチ素材50選

【Illustrator】商用可能＆高品質な背景パターン素材58選【シームレス・継ぎ目無し】

おわりに

以上、Illustrator（イラストレーター）のパターン生成の活用方法についてでした。
簡単なイラスト系のパターン作成には適していますが、キッチリとした幾何学模様のパターン生成にはやや不向きな機能です。

また生成結果をそのまま使えるパターンは少ないので、プロンプトやパターンを編集、生成再配色などを使って調整を入れる必要がありますが、大幅にパターン制作の手間を軽減できる機能なので是非ご活用ください！

ではまた！

色々なパターンの作り方まとめ

下記リンクで様々なパターンをゼロから作る方法を完全解説しています。

InDesignは活用されていますか？

Illustratorだけでなく、InDesign（インデザイン）も活用されているでしょうか？
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート46選はコチラ！

Illustratorの操作方法

イラレ基本操作