イラレとは
Adobe Illustrator(アドビ・イラストレーター)を指す。
今回は、「文字をランダムに配置する方法」をご紹介しよう。
なお、本稿では、 Adobe Illustrator デスクトップ版(Windows)の「28.5」で動作確認した。
ベースの文字を作成する
文字ツールで、アートボード上をクリックして、「RANDOM」と入力しよう。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/46015580598082de9dcead6187e31120.png?resize=245%2C147&ssl=1)
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/25d75bc9d9e2ab0641f87234f78305dc.png?resize=239%2C199&ssl=1)
選択ツールで、この文字オブジェクトを選択して、文字パネルでフォントやサイズ、
カラーパネルでカラーを設定する。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/fe79cec6e2c4f0275e326569ee6571cc-1.png?resize=31%2C25&ssl=1)
文字サイズ:120pt、色:R:140/G:200/B:0
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/RANDOM-01-01-01.png?resize=730%2C200&ssl=1)
1文字ずつカラーを変える
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/c2ca32b74b2c15eba0fed1c40ecd59af-1.png?resize=256%2C397&ssl=1)
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/3d078b13c76a6bddd8d10c3f34b38a82-1.png?resize=807%2C215&ssl=1)
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/4573c4995c131fd636b9aa4f1be6f26a-1.png?resize=253%2C207&ssl=1)
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/9b4e61e7c0d92dd8094ffa053ce9f3b5-1.png?resize=248%2C207&ssl=1)
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/d9fc9adbe774099a9d536abbafde46f9-1.png?resize=242%2C207&ssl=1)
「文字タッチツール」で、「A」を選択し、カラーパネルで「R:100/G:175/B:225」に変更する。
同様に、「N」を「R:200/G:215/B:30」、「D」を「R:240/G:160/B:200」に変更する。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/7cadcf7bc8f6ef8aea450ad443729172-1.png?resize=245%2C208&ssl=1)
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/fc590b1999098193ed3f6315ac2e7209.png?resize=250%2C212&ssl=1)
続いて、「O」を「R:250/G:185/B:60」、「M」を「R:130/G:170/B:150」に変更する。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/38b7dd9edcb6534bf15aa4897a4e0a20.png?resize=816%2C200&ssl=1)
文字タッチツールのショートカット:「Shift」+「T」
文字の配置をランダムにする
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/3e31a2423713f484636d148788d60979.png?resize=816%2C211&ssl=1)
再び、「R」を「文字タッチツール」でクリックする。
選択した文字の周囲には、バウンディングボックスという枠が表示される。
ドラッグすると、大きさや角度、配置などが調整できる。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/fe2a8cc755dde155b62e2329ff753a07.png?resize=803%2C196&ssl=1)
文字をアウトライン化する
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/2bac15af80a783ad0660ae6d51901aa6.png?resize=306%2C78&ssl=1)
「書式」→「アウトラインを作成」を実行する。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/03a3473cdfd66fc9734ea43100142104.png?resize=802%2C198&ssl=1)
文字オブジェクトが図形のパスに変換される。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/6d215c7b634a2bcc7890b6beffe4b336.png?resize=789%2C163&ssl=1)
ダイレクト選択ツールで、「O」の中マドのパスだけを選択して、「delete」で削除する。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/d6e3e63c6d89a64f01a909259de99a33.png?resize=796%2C185&ssl=1)
「O」と星型を組み合わせる
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/e93ea7a5006e3c6633fd6765f0cd1b63.png?resize=342%2C245&ssl=1)
アートボード2を作成する。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/c53f3ea1c5a6c6033f84e8b547e263c3.png?resize=199%2C147&ssl=1)
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/ca2b9dc27b6c6d5dd93dde7620f70882.png?resize=257%2C202&ssl=1)
スターツールで、このアートボード上をドラッグする。塗りのカラーは「O」と同じにしておく。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/e550c528ca73fba000bcf2443798a3e0.png?resize=357%2C290&ssl=1)
星型を選択して、大きさや角度を調整する。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/b97a201d96653a04c62b813ba9b20a06.png?resize=805%2C186&ssl=1)
![ダイレクト選択ツール](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/02/602d129726ecd9fae99f8b3c0d4456ab.png?resize=37%2C35&ssl=1)
ダイレクト選択ツールで、星型と「O」を選択する。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/5c30676ce76608acb51265b51b155005.png?resize=125%2C64&ssl=1)
「パスファインダー」パネルの「中マド」をクリックして、星型の中マドにする。
![](https://i0.wp.com/my-studies.org/wp-content/uploads/2024/06/RANDOM-01-03-02.png?resize=730%2C200&ssl=1)
(参考)「 イラレの5分ドリル 練習して身につけるIllustratorの基本 Illustratorの基本」 浅野 桜・あさひな。・ 高橋 としゆき(著)翔泳社
コメント