1. web design shake
  2. デザイン
  3. 【Illustrator】文字を分割し色分けする方法

【Illustrator】文字を分割し色分けする方法

当サイトは広告を使用しています。

Adobe Illustratorを使用して、文字を分割し色分けする方法を解説します。
色を変えるだけでなく、文字の一部の形状を変える時にも使えます。見出しやロゴ制作などに活用できるので、覚えておきたいテクニックです。

【Illustrator】文字を分割し色分けする方法

分割する方法を3種類紹介しますが、シェイプ形成ツールを使うのが一番おすすめです。

1

文字ツールでテキストを作ります。

文字ツールでテキストを作ります。

2

文字を選択した状態で、メニューバー→[書式]→[アウトラインを作成]をクリックします。

アウトライン化するとテキストの再編集はできなくなります。

文字を選択した状態で、メニューバー→[書式]→[アウトラインを作成]をクリックします。アウトライン化するとテキストの再編集はできなくなります。

3

分割するので見やすくします。メニューバー→[表示]→[アウトライン]をクリックします。

分割するので見やすくします。メニューバー→[表示]→[アウトライン]をクリックします。

こんな感じの表示になりました。

アウトライン表示になります。

4

ペンツールで分割したい部分に線を引いていきます。

隙間ができるとうまくいかないので、ピッタリ線を引きます。

全部引き終わったので表示を戻しました。メニューバー→[表示]→[プレビュー]をクリックで元の表示に戻せます。

全部引き終わったので表示を戻しました。メニューバー→[表示]→[プレビュー]をクリックで元の表示に戻せます。

5

文字と線をすべて選択した状態で、シェイプ形成ツール(shift+M)を選択します。

パーツごとにクリックしていくだけで分割されていきます。カーソルを合わせて網掛け表示になった部分が範囲です。

もし繋がってしまい分割できないパーツがあったら、分割するための線に隙間ができていないか確認しましょう。

パスファインダーで分割することもできます。
分割したい部分に線を引き、文字と線を選択した状態で、パスファインダーパネル(Ctrl+Shift+F9)の分割をクリックします。

ナイフツールでも分割できますが、大雑把にしか切れないのであまりおすすめしません。
Altを押しながらドラッグで真っすぐ切断することができます。

グループ化されているので、ダイレクト選択ツールでパーツを選択し色を変更します。

分割した文字の色を変える

文字の一部を丸にしてみました。ダイレクト選択ツールで角も丸くしました。

上手くパーツを編集できない場合は、複合パスになっている可能性があります。メニューバー→[オブジェクト]→[複合パス]→[解除]をクリックすると、複合パスを解除できます。

分割した文字の形状を変える

いかがでしたか?
文字の色を一部変えるだけで、印象的なフォントに変わりました。他にも文字デザインに関する記事があります。こちらも是非チェックしてみてくださいね。

CATEGORY