If you want to fit an Illustrator design onto a 16:9 Power Point slide, what should you set the Illustrator artboard size?

When creating Power Point slides with a 16:9 ratio and inserting a design/layout created in Adobe Illustrator, what size should I create the Illustrator artboard?

For web (monitor display) only

Basically, it is displayed when you select “New Document” > “Web”.

Web(大)
1920px ×1080 px

Select “New Document” > “Web” > “Web (Large)”

This is a 16:9 ratio.

1920px x 1080px seems to be the Full-HD standard.

When projecting using a projector, check the resolution of the projector.

When using for printing

If you create it in RGB, there is no problem if you create it as shown above, but

If you want to expand it to print data, it may be better to create the data in CMYK.

In that case

“New Document” > “Print”
Click on the tab and
For example, the size

210mm × 118.125mm

If you enter something like this, the ratio will be 16:9.

Click the “Print” tab and enter the value in the size field

The size of 210mm is the value of the short side of A4 paper, which makes it easier to get a sense of the size of the letters.
There is no problem with a 16:9 ratio, so I think it’s best to set it according to your needs.

Free download material

For reference, Illustrator artboards of “1920px × 1080px” and “210mm × 118.125mm”
The materials below are available for free download.

If you are in a hurry, please use this data.

Power Pointの16:9のスライドに、Illustratorのデザインをはめる場合、イラレのアートボードサイズはどの設定にするべきか?

Power Pointのスライドを16:9の比率で作成する際、

そこにAdobe Illustratorで制作したデザイン・レイアウトをはめ込んで行く場合、

Illustratorのアートボードはどのようなサイズで作成すれば良いでしょうか?

Web(モニター表示)専用の場合

基本的には、「新規ドキュメント」>「Web」にした際に表示される

Web(大)
1920px ×1080 px

「新規ドキュメント」>「Web」>「Web(大)」を選択

これが16:9の比率になっています。

1920px ×1080 px はFull-HDの規格になるようです。

プロジェクターで投影する場合は、プロジェクターの解像度を確認してください。

印刷でも使う場合

RGBで作成する場合は上記のように作成すれば問題ありませんが、

もし印刷用データにも展開する場合、CMYKでデータを作成した方が良いかもしれません。

その場合は

「新規ドキュメント」>「印刷」
タブをクリックし、
例えばサイズを

210mm × 118.125mm

などと入力すれば16:9の比率になります。

「印刷」タブをクリックし、サイズの部分に数値を入力する

210mmのサイズは文字のサイズ感がつかみやすいA4短辺の数値にしましたが、
16:9の比率であれば問題ありませんので、用途に応じて設定するのが良いと思います。

無料ダウンロード素材

参考までに「1920px × 1080 px」と「210mm × 118.125mm」のIllustratorアートボードを
無料ダウンロードしていただける素材として以下にアップします。

お急ぎの方はこちらのデータをぜひご使用ください。

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

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

まとめ

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

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

4ステップで超簡単!Illustratorで円を指定した角度で切り抜く方法

Illustratorで、円を中心から任意の角度で切り抜く方法をご紹介します。

今回は、円をパックマンのマークのように60°で切り抜きたいと思います。

完成見本。円を中心から60°で切り抜く

1. 円を描く

楕円形ツールを使って正円を描きます。

楕円形ツールで正円を描く。今回は130mm×130mmで作成

2.円を選択し、プロパティの詳細オプションを表示

円を選択したうえで、プロパティパネルから詳細オプションを表示させる。

プロパティパネルの「…」ボタンを押して詳細オプションを表示させる

3.「扇形の開始角度」に60°を入力

「扇形の開始角度」に60°を入力

すると、円が扇形に切り抜かれます。

円が指定した角度で扇形に切り抜かれる

4.「楕円形の角度」で角度を調整して完成

「楕円形の角度」に330°を入力
切り抜いた形が水平になるように調整して、完成。

以上です。

この円のプロパティに、扇形の機能がついていることは最近知りました。

とても簡単に円を指定した角度で切り抜けるので、ぜひ試してみてください。

動画にもしてみました

Illustratorで「等間隔に分布」のウィンドウに単位が表示されなくなる場合の対処法

Illustratorで整列ウィンドウの「等間隔に分布」の機能を使っている際、ウィンドウに単位が表示されなくなることがあります。

整列ウィンドウ:通常時
このように単位が消えることがある

基本はmmで設定しているのですが、単位が表示されなくなると「1」と入力しても1mmの間隔にならず、非常に困ります。

調べてみたところ、バグのようです。。。

メモリ使用量が増加した時に起こることが多いそうで、Illustratorを再起動すれば治ることもあるそうですが、そうでない場合、整列ウィンドウではなくプロパティパネルの整列のエリアで指定するのが良いようです。

プロパティパネルの整列

プロパティパネルは近年登場したので、私はこれまであまり使っていなかったのですが、Adobe的にはプロパティパネルを今後も推していく方針のようなので使い方に慣れていきたいと思います。

参考:解決済み: 等間隔に分布の単位が表示されない – Adobe Support Community – 10847059(2023/06/02アクセス)