2025.05.21

Illustrator(イラレ)で文字を一部分割して色を変える方法【パスファインダー】

こんにちは。デザインブログねるねるです!

ロゴデザインで、よく文字が分割されていて、線ごとに色が変わっているデザインをよく見かけますよね。

そのやり方はいくつかありますが、今回は「パスファインダー」を使用した文字の一部を色変えする方法をご紹介します。

分割して色を変える方法

1.下準備

まず始めにベースになるテキストを用意します。

2.アウトライン化

テキストを選択した状態で【書式】→【アウトラインを作成】を押下します。
これでテキストがアウトラインパスデータに変わりました。

3.分割箇所に線を引く

ペンツールで、分割したい箇所に線を引きます。

4.すべて選択た状態でパスファインダーで分割

アウトライン化した文字と、ひとつ前で引いた線どちらも全て選択します。
【パスファインダー】パネルにある、左下の【分割】を押下します。

パスファインダーパネルがない方は、ウィンドウメニューから開いてください。

4.ダイレクト選択ツールで選択し、色を変更

【ダイレクト選択ツール】に持ち替え、分割した要素を選択し、色を変更します。
分割箇所の色が変わりました。

5.色を変えて完成!

【応用】分割箇所に隙間をあける

分割した線同士に隙間をあける方法もご紹介します。

①分割文字に白線をつけてアウトライン化します。

②アウトライン化した文字を選択し、【パスファインダー】→下段左から2番目【刈り込み】を押下

③白い部分を【ダイレクト選択ツール】で選択し、削除する。
(一か所白い部分を選択したうえで、選択→共通→カラー(塗り)→削除でもOK)

まとめ

一見どうやるんだろ?と思うこのやり方ですが、実は簡単にできちゃうんです。パスファインダーはとても便利なツールなので、どんどん使いましょう!

ぜひロゴデザインやバナー・サムネイル画像作りなどに役立ててみてくださいね!

 この記事を書いた人

まそ

将来はパンになりたい子にハマってます。

すべての投稿を確認する

デザインのお悩み、
私たちにお任せください

ジグノシステムジャパンでは、デザインだけでなく、システム構築、メタバース、XRAR、3D豊富な経験からお客様のお悩みを解決いたします

CONTACT

share

知ると誰かに話したくなる!身近なモノの「なんで?」をデザイン視点で解き明かす!

2026.10.07

身近な話題から考える「言葉」と「行動」が持つ意味~アプグレってどういう意味?~

2026.10.01

【Adobe Premiere 26.5】新機能「 生成メディアツール」で効果音が作れるようになったので触ってみる

2026.09.24

WEB・グラフィックデザイナーは試す価値あり!「印刷用ルーペ」でグラフィック表現の解像度を上げよう

2026.09.02