Illustratorの生成AI機能を使って色々なアイコンやピクトグラムを生成してみた/トイレ、車、人、地球、など

Illustrator 2024(ver.28)から搭載された生成AI機能。

テキストを入力するとベクターイラストを生成してくれます。

今回は実験として、アイコンやピクトグラムを生成してみました。

基本的な設定

プロパティパネルの「テキストからベクター生成(Beta)」のパネルを展開し、

「種類」の箇所を今回は「アイコン」にします。

そして「プロンプト」のところに生成するベクターの説明(テキスト)を入力します。

長方形ツールなどで、範囲を設定してから生成するのが良いみたいです。

トイレのピクトグラム

プロンプト:Toilet pictogram

プロンプトは英語で入れています。

3種類表示されるなかで、自分が気に入ったものを掲載しています。

なかなか良いのでは無いでしょうか。

次はモノクロで生成してみます。

プロンプト:Toilet pictogram monochrome

怪しいクオリティですね、、、、。

車のピクトグラム

プロンプト:Car pictogram front

正面向きのものから。

車には見えますが、もう少し手直しした方が良さそうです。

モノクロになっているのは前の設定を引き継いでいるのでしょうか。

プロンプト:Car pictogram side

人間のピクトグラム

まずは男性のピクトグラムを生成してみます。

プロンプト:Male pictogram

ネクタイやスーツ、髪型の部分があいまいですね。

プロンプト:Female pictogram

突然カラーになりました。モノクロにしてみます。

顔だけになりました

龍(ドラゴン)

2024年は辰年なので、龍を生成してみます。

プロンプト:Dragon pictogram

中華っぽいデザインですね。

3Dプリンター

プロンプト:3D printer pictogram

3Dプリンターを持っていないので正解がわからないのですが、どうでしょうか?

スニーカー

プロンプト:Sneakers pictogram

一部、線が消えていますが、クオリティは高いです。

ペットボトル

ビルのアイソメトリックアイコン

プロンプト:Plastic bottle pictogram

3D風で描かれたアイソメトリックアイコンを作ってみます

プロンプト:Building icon isometric

謎の欠けている部分がありますが、クオリティは高いです。

地球のアイコン

プロンプト:Earth icon color

よく見ると怪しいですが、パッと見はいい感じです。

木のアイコン

プロンプト:Tree icon

カラフルなアイコンができました。

まとめ

プロンプトの言葉を工夫すればもう少し思い通りにイラストを生成できるかもしれません。

引き続き、色々試してみたいと思います。

[無料DL素材]テスト/試験のアイコン〈AI / PNG / JPG – 商用利用可〉

テストや試験を表す無料アイコンです。

以下のボタンより無料でダウンロードしてください。商用利用も可能です。

Zipフォルダ内に、AIデータ(CCとCS6)、PNG、JPGの形式で入れています。

詳細な使用条件はこちらの記事をご一読ください。

This is an icon representing a test, exam, or document.

You can download and use them for free from the download button above.
I have included AI data (CC and CS10), PNG, and JPG formats in the downloaded Zip folder.
Commercial use is allowed, but please read this article for detailed conditions of use.

私がアイコンデザインをする際に意識している5つのポイント

私がアイコンをデザインする際に気をつけている5つのポイントについてご紹介します。

目的を明確にする

まずは、アイコンが何を表しているかが明確でなければなりません。

デザインの前に、アイコンの目的を決めておくことが大切です。

FirmbeeによるPixabayからの画像

シンプルであること

アイコンは小さいサイズでも読み取りやすくする必要があります。そのため、シンプルであることが重要です。

PixelkultによるPixabayからの画像

意味やデザインコンセプトを反映すること

アイコンが表すコンテンツや機能、コンセプトを反映するデザインにすることが望ましいです。

色の使い方

カラフルすぎると視認性が低下し、モノクロにしすぎるとインパクトが弱くなります。適切な色の使い方が必要です。

Yanis LadjouziによるPixabayからの画像

サイズ

アイコンのサイズは、使用するデバイスの解像度や画面サイズに合わせて調整することが望ましいです。

FirmbeeによるPixabayからの画像

これらのポイントに留意することで、より使いやすく効果的なアイコンをデザインできます。

アイコンをデザインされる際には参考にしてみてください。

ICONISM 世界のアイコン・ピクトグラムのデザイン

ICONISM 世界のアイコン・ピクトグラムのデザイン

5,390円(05/05 18:09時点)
Amazonの情報を掲載しています

Header: Biljana JovanovicによるPixabayからの画像

[無料DL素材]日本の郵便ポストのアイコン〈AI / PNG / JPG – 商用利用可〉

日本の郵便ポストの無料アイコンです。

以下のボタンよりダウンロードしてください。商用利用も可能です。

Zipフォルダ内に、AIデータ(CCとCS6)、PNG、JPGの形式で入れています。

詳細な使用条件はこちらの記事をご一読ください。

This is a free icon of a Japanese post box.

You can download and use them for free from the download button above.
I have included AI data (CC and CS6), PNG, and JPG formats in the downloaded Zip folder.
Commercial use is allowed, but please read this article for detailed conditions of use.

[無料DL素材]日本の郵便局のアイコン〈AI / PNG / JPG – 商用利用可〉

郵便局の無料アイコンです。

日本の郵便局をモデルにしています。

以下のボタンよりダウンロードしてください。商用利用も可能です。

Zipフォルダ内に、AIデータ(CCとCS6)、PNG、JPGの形式で入れています。

詳細な使用条件はこちらの記事をご一読ください。

This is a free icon of a post office.
It is modeled after a Japanese post office.

You can download and use them for free from the download button above.
I have included AI data (CC and CS6), PNG, and JPG formats in the downloaded Zip folder.
Commercial use is allowed, but please read this article for detailed conditions of use.