書籍「サクッと学べるデザイン心理法則108」発売中

【Illustrator】生成拡張でベクターアートを自然に広げる方法【塗り足し生成】

景品表示法に基づく表記:当サイトは広告を使用しています。
【Illustrator】生成拡張でベクターアートを自然に広げる方法【塗り足し生成】

Illustratorの「生成拡張」は、ベクターアートを自然に広げられるAI機能です。

ベクターイラストを広げることも、アートボード全体を拡張してレイアウトのバリエーションを作ることもできます。さらにプリントの裁ち落としまでベクターで不足部分をAIで補完できるのが特徴です。

生成拡張を使用するにはIllustratorの最新版が必要です。Illustratorを持っていない人はイラレを安く買う方法を参考にどうぞ

目次

Illustratorの生成拡張でできること

Illustratorの生成拡張の使用事例を元にどのようなことができるのか解説します。

  • ベクターアートの拡張
  • アートボードの拡張
  • 入稿用データの裁ち落とし生成

ベクターアートの拡張

ベクターアート(複雑)を生成拡張
パスの多い複雑なベクターアートを生成拡張
ベクターアート(シンプル)を生成拡張
シンプルなベクターアートを生成拡張

Illustratorの生成拡張ではベクターアートを広げることができます。シンプルなイラストだけでなく、複雑なイラストもテイストを保ったまま自然に延長することが出来ます。

Photoshopが扱うピクセルベースの画像とは異なり、ベクター形式のデータを拡張することができるのが特徴です。

アートボード単位でのベクター拡張

アートボード単位でのベクター拡張

ベクターオブジェクトの拡張と同じ感覚で、アートボードのサイズ変更と同時にベクター拡張を行うこともできます。

他のプラットフォーム用に別の比率や解像度に変えたいときなどにも重宝しそうですね。

塗り足しの生成

塗り足しがない図
塗り足しの生成前
塗り足しが自動で生成されている図
塗り足しの生成後

入稿用データを作成する際には紙を裁断する位置がズレても目立たないように「トリムマークと塗り足し」を付ける必要があります。

生成拡張による「断ち落としを印刷」を使用すれば、この塗り足しエリアをAIが自動で生成してくれます。

そもそも塗り足しってなに?クリックで開閉

印刷物は仕上がりサイズにカットする際、どうしても1〜2mmほどズレが生じることがあります。

塗り足しがないと、そのズレで紙のフチに白い部分が見えてしまい、仕上がりが不格好になります。それを防ぐために、入稿用の完全データでは仕上がりサイズより外側に3mm程度の塗り足しを作る必要があります。

塗り足し有りと無しの仕上がり比較

詳しくは以下の記事をご覧ください。

ベクター生成拡張の使い方

ベクター生成拡張を使う手順を図解付きで詳しく解説していきます。

まずはベクターアートに対して生成拡張を使用する方法を解説します。

STEP

ベクターオブジェクトを選択

最初に拡張対象を選択します。

最低でも2つ以上のオブジェクト or グループを選択してください。

STEP

「生成拡張」を指定

オブジェクトを選択するとコンテキストタスクバーに生成拡張ボタンが表示されます。

「生成拡張」を指定

生成拡張を選択すると、ハンドル付きのフレームが表示されます。

メニューバーのオブジェクト生成拡張からも生成拡張を選択可能です。

コンテキストタスクバーが表示されない場合の対処法はこちら

STEP

広げたい範囲を指定

フレームのハンドルを外側へドラッグして広げたい範囲を指定します。

ハンドルをドラッグして広げたい範囲を指定

この際、プロンプトを入力することもできますが空欄でもOKです。空欄なら既存コンテンツに自然になじむ拡張になりますが、プロンプトを入力することで意図が明確になります。

Shift+Option(mac)/Shift+Alt(Win)を押しながらドラッグすることで均等に全範囲を拡張することができます。

プロパティパネルで生成範囲を指定

プロパティパネルで拡張範囲を数値指定することも可能

STEP

生成されたパターンの中から選択

バリエーションの選択

1回の生成で3つのパターンが同時に生成されます。

生成されたパターンはプロパティパネルのバリエーション内で選択が可能。

一番イメージに近いものを選択します。もし、結果に納得がいかなければもう一度生成をクリックしてバリエーションを追加できます。

STEP

通常オブジェクトに変換する方法

コントロールバーから「結合」を行うと、拡張部分と元のオブジェクトがまとめられ、通常の編集対象になります。結合を行うことで元のオブジェクトと一体化され、生成オブジェクトではなくなります。

ただし、拡張後に位置を動かす結合できなくなるため位置を変える前に結合しましょう。

その他、グループ化を解除することでも生成オブジェクトを解除することができます。

アートボードの生成拡張を行う手順

STEP
アートボード編集モードに変更

以下の手順でアートボード編集モードに切り替えます。

  • ファイル
  • ドキュメント設定
  • アートボード編集

ショートカットShiftOでもアートボード編集が可能なのでショートカットを覚えておくと便利です。

STEP
コンテキストタスクバーから「生成拡張」を選択

対象とするアートボードを選択するとコンテキストタスクバーに生成拡張のボタンが表示されます。

STEP
アートボードのサイズを変更

生成拡張ボタンを押すと、サイズ変更用のハンドルが表示されるのでドラッグしてサイズを指定しましょう。

たり、コントロールバーで数値を直接入力して拡張する

アートボードの周囲に表示されているバウンディングボックスをドラッグするか、コントロールバーの数値を変更してアートボードサイズを変更しましょう。

この状態ではまだサイズ変更を確定させないようにしておきます。

「裁ち落としを印刷」入稿用データの塗り足しを生成拡張

家庭用プリンターなどで印刷する際には塗り足しは不要ですが、印刷所に依頼する場合には「塗り足し」が必要になります。

「裁ち落としを印刷」機能を使うとアートボード基準で足りない塗り足しを行ってくれます。

アートボードに対して塗り足しを生成する方法

STEP
ドキュメント設定で断ち落としを設定

アートボードへの塗り足し生成は「断ち落とし設定」を基準にその範囲まで生成されます。

ドキュメント設定

ファイルドキュメント設定から設定画面を開くことができるので、ドキュメント設定にて断ち落とし範囲を設定してください。3mm〜5mm程度を設定するのが基本となります。

ドキュメント設定で裁ち落としを0pxにしている場合は裁ち落としを印刷のボタンが表示されません。

STEP
「断ち落としを印刷」を実行
アートボード右上の「断ち落としを印刷」ボタンをクリック

アートボード右上の「断ち落としを印刷」ボタンをクリックすれば断ち落とし範囲まで拡張が行われます。

1回のクリックにつき生成クレジットを1消費します。

STEP
塗り足しが生成されるのでバリエーションを選択

生成後、3パターンのバリエーションが生成されます。それぞれ内容が少し異なるので一番良いものを選びましょう。

「生成オブジェクト」になっていますが、グループ化を解除することで生成オブジェクトが解除され通常オブジェクトに変換されます。

必要に応じて「結合」して塗り足し部分とオブジェクトを結合することもできます。

【注意】塗り足し以外の部分にも余計なものが生成されることあり

試しに下図のような背景とオブジェクトこみのチラシデータに対して「断ち落としを印刷」にて塗り足しを生成してみましたが、仕上がりに問題がありました。

裁ち落としなしの印刷データを生成AIで塗り足し部分を生成
仕上がりぴったりサイズのデータを生成AIで塗り足しエリアを生成
左上のフラッグ部分
←オリジナル / 生成後→

生成エリアが裁ち落とし範囲以外にも及ぶため、オリジナル部分まで内容が変化してしまいました。

また、塗り足しがスムーズに生成されておらず背景のドットパターンがズレて生成されています。

シンプルなベタ塗り背景であれば問題なく仕上がりますが、オブジェクトやパターンの塗り足しが必要な場合はうまく生成できていないことがあるので注意が必要です。複雑な背景や確認箇所が多くなる大きめの印刷物はAIを使わず、手動で行うほうが良いでしょう。

よくある質問、できないときの対処法

コンテキストタスクバーが表示されない

コンテキストタスクバーの表示方法

以下の手順でコンテキストタスクバーを表示することが出来ます。

ウィンドウコンテキストタスクバーでチェックが入っているか確認してください。

コンテキストタスクバーに「生成拡張」が表示されない

コンテキストタスクバーは条件が整ったときにしか生成拡張が表示されません。

以下の点を確認してください。

  • オブジェクトが選択されていない
  • Illustratorのバージョンが29.6.1以上になっていない
  • オブジェクトが単体(シェイプ1つだけなど)
  • オブジェクトがロックされている

生成クレジットが終わってしまっている

生成拡張を使用するためには生成クレジットが必要です。

本機能は1回につき1クレジットを消費するため、Creative Cloud Standardや単体プランを契約している場合は月に25回しか使用することができません。

Photoshopの生成拡張との違いや使い分けは?

Photoshopの生成拡張」と、Illustratorの生成拡張は扱うデータの性質が異なります。

PhotoshopとIllustratorが扱うラスターとベクターの違いは下図のとおりです。

  • 写真などのピクセルで構成される「ラスタ画像」に対してはPhotoshopの生成拡張
  • 点と線で構成される「ベクター」に対してはIllustratorの生成拡張

Photoshopの生成拡張はピクセルを生成することで拡張部分を生成しますが、Illustratorの生成拡張は点と線で構成されるベクターオブジェクトとして拡張されます。

データ形式の違いについての詳細は以下の記事をご覧ください。

生成拡張ができないオブジェクトは?

テキスト単体を選択している場合は生成拡張を行うことができません。

ただし、テキストとベクターオブジェクトを複数同時に選択している場合は生成拡張が可能になります。

生成拡張の対象にならない場合は複数のオブジェクトを同時に選択してから試してみてください。

塗り足し生成のボタンが表示されない

アートボード右上に表示される裁ち落としを印刷のボタンはドキュメント設定で裁ち落としの数値を設定している場合のみ表示されます。

ボタンが表示されない場合は上図の裁ち落としの数値が0pxになっていないか確認してください。

環境設定の「断ち落とし部分に断ち落としを印刷生成AIボタンを表示」にチェックが入っているかも確認しておきましょう。

その他、Illustratorの生成AI系機能は以下の記事でまとめています。

あわせてご覧ください。

シェアしてくれると嬉しいです

コメント

コメントする

目次