今回は文字の一部だけ色を変える方法をご紹介します。
![](https://webdesign-mame.com/wp-content/uploads/2024/06/850c7612116999490846136e772ab7fd-1-150x150.png)
3分あれば余裕でできちゃう◎
文字を目立たせることができるので、ロゴ制作の際にも使える小技です。
それでは、Illustratorで文字の一部の色を変える方法をどうぞ!
もくじ
出来上がりのイメージ
![](https://webdesign-mame.com/wp-content/uploads/2024/06/f1ffb33032deac5a8e248a3b8935fb14-2-1024x400.png)
![](https://webdesign-mame.com/wp-content/uploads/2024/06/f1ffb33032deac5a8e248a3b8935fb14-2-1024x400.png)
イラレ初心者さんでも簡単にできますよ◎
Illustratorで文字の一部の色を変える方法
STEP
Illustratorのアートボードに文字を配置
![](https://webdesign-mame.com/wp-content/uploads/2024/06/6f09e341ea9e7c7c4d3998421379b26e-1024x400.jpg)
![](https://webdesign-mame.com/wp-content/uploads/2024/06/6f09e341ea9e7c7c4d3998421379b26e-1024x400.jpg)
文字やフォントなどが確定してから作業を開始してください(アウトライン化するので途中変更ができません)
STEP
文字を選択→書式→アウトライン化
![](https://webdesign-mame.com/wp-content/uploads/2024/06/965c7df24a16d1064c86621f617b8df2-894x1024.jpg)
![](https://webdesign-mame.com/wp-content/uploads/2024/06/965c7df24a16d1064c86621f617b8df2-894x1024.jpg)
文字を選択した状態で、書式→アウトラインを作成をクリックします。
![](https://webdesign-mame.com/wp-content/uploads/2024/06/5627ea1d651f25ee622d2570cbdcee91-1024x274.png)
![](https://webdesign-mame.com/wp-content/uploads/2024/06/5627ea1d651f25ee622d2570cbdcee91-1024x274.png)
STEP
文字を選択→オブジェクト→グループ解除
![](https://webdesign-mame.com/wp-content/uploads/2024/06/5db4d37f0a12fc7fa115013ba566adb1-1024x624.jpg)
![](https://webdesign-mame.com/wp-content/uploads/2024/06/5db4d37f0a12fc7fa115013ba566adb1-1024x624.jpg)
STEP
色を変えたいところをナイフツールで切り離す→色を変える
↑「字」はうかんむりだけ色を変えようとしても、見えないところで繋がっているため、ナイフツールで切り離す必要があります。
こんな方法もある!
選択→オブジェクト→複合パスを解除→色を変更
![](https://webdesign-mame.com/wp-content/uploads/2024/06/f1ffb33032deac5a8e248a3b8935fb14-1-1024x400.png)
![](https://webdesign-mame.com/wp-content/uploads/2024/06/f1ffb33032deac5a8e248a3b8935fb14-1-1024x400.png)
複合パスを解除すると、一部色を変えられますが、文字の隙間が埋まってしまいます。
埋まってしまったところの色を背景色に変更すれば問題ありませんが、今回はナイフツールで対応したいと思います💡
STEP
完成
![](https://webdesign-mame.com/wp-content/uploads/2024/06/f1ffb33032deac5a8e248a3b8935fb14-2-1024x400.png)
![](https://webdesign-mame.com/wp-content/uploads/2024/06/f1ffb33032deac5a8e248a3b8935fb14-2-1024x400.png)
文字の一部の色を変えたデザイン紹介
文字の一部の色を変えたデザインは非常に多く、ロゴだけでなくバナーにも使われる手法です。
![](https://webdesign-mame.com/wp-content/uploads/2024/06/image-1.jpg)
![](https://webdesign-mame.com/wp-content/uploads/2024/06/image-1.jpg)
![](https://webdesign-mame.com/wp-content/uploads/2024/06/image-1-1.jpg)
![](https://webdesign-mame.com/wp-content/uploads/2024/06/image-1-1.jpg)
![](https://webdesign-mame.com/wp-content/uploads/2024/06/image-1-2.jpg)
![](https://webdesign-mame.com/wp-content/uploads/2024/06/image-1-2.jpg)
文字の色を変えることで、よりデザインのイメージカラーを強調することができますよね♩
まとめ
今日はIllustratorで文字の一部の色を変える方法をご紹介しました。
Illustratorで文字の一部の色を変えるSTEP5
- Illustratorに文字を配置
- 文字を選択→書式→アウトラインを作成
- 文字を選択→オブジェクト→グループ解除
- 色を変えたいところをナイフツールで切り離す→色を変える
- 完成
ナイフツールを使えば好きなところで区切ることが可能です◎
今回ご紹介した方法でできない場合はお気軽にお問い合わせください🌸