基本操作

【Photoshop】文字の一部の色を変えるアプローチ方法【実は簡単】

Photoshopで文字の一部の色を変えるやり方が分からない。
一文字ずつ色を変えるやり方が分からない。

こういった疑問に答えるよ!

NaoG
NaoG
やぁ!みんな!元気?

クリエイターの@NaoGです。

目次

  • Photoshopで文字の一部の色を変える方法
  • Photoshopで文字を一文字ずつ色を変える方法
NaoG
NaoG
ではゆこう!
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...

Photoshopで文字の一部の色を変える方法

  • 文字を選択する
  • 文字を複製する
  • 色を選択する
  • レイヤーマスクをする
  • 塗りつぶす
  • 文字を表示する

Photoshopで文字の一部の色を変える流れはこんな感じ。

NaoG
NaoG
順番に解説するよ~!

今回はこんな感じのドキュメントの中にある文字の一部を変更していくよ!

ドキュメントの作り方や文字ツールの使い方が分からない人は下の記事を参考にしてみてね!

【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。 ドキュメントのサイズ変更ってどうやってやるんだろう。 ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。 こういった疑問に答えます。...
【Photoshop】文字ツールの使い方【新人デザイナー向け】Photoshopの文字ツールってどうやって使うんだろう? そもそも文字ツールって何だろう? こういった疑問に答えるよ! ...

文字を選択する

まずは色を変えたい文字を選択!

ここではこのテキストレイヤーを選択!

文字を複製する

続いて文字を複製するよ!

複製のショートカット

  • Mac=Command+J
  • Windows=Ctrl+J

複製のショートカットはこんな感じ。

文字の複製ができたね!

色を選択する

続いて部分的に変更したい色を選択するよ!

文字パネルからカラーをクリック!

文字パネルが表示されていない人はメニューバー1のウィンドウから文字を選択!

メニューバー1の位置がよく分からない人は下の記事を参考にしてみてね!

【Photoshop】 ワークスペースの使い方【新人デザイナー向け】ワークスペースってなんだろう?自分の好きにカスタマイズとか出来るのかな? ワークスペースの保存方法はどうやってやるんだろう? こういった疑問に答えます。...

ここでは#ffffffとしてOK、白だね!

文字が重なって表示されているので、複製した文字が上になってこんな感じに表示されたね!

レイヤーマスクをする

続いて複製した方の文字にレイヤーマスクを適用するよ!

レイヤーマスクの使い方については下の記事を参考にしてみてね!

【Photoshop】レイヤーマスクの使い方【新人デザイナー向け】Photoshopのレイヤーマスクってどうやって使うんだろう? Photoshopのレイヤーマスクってそもそも何? Photoshopのレイヤーマスクについて知りたいです。...

複製した文字が選択されていることを確認して、レイヤーマスクを選択!

レイヤーマスクが追加されたね!

塗りつぶす

続いてレイヤーマスクを黒で塗りつぶすよ!
レイヤーマスクの特徴として、黒で塗りつぶされた部分は非表示になるよ!

【Photoshop】レイヤーマスクの使い方【新人デザイナー向け】Photoshopのレイヤーマスクってどうやって使うんだろう? Photoshopのレイヤーマスクってそもそも何? Photoshopのレイヤーマスクについて知りたいです。...

ツールバー下の描画色を選択!

ツールバーの位置がよく分からない人は下の記事を参考にしてみてね!

【Photoshop】 ワークスペースの使い方【新人デザイナー向け】ワークスペースってなんだろう?自分の好きにカスタマイズとか出来るのかな? ワークスペースの保存方法はどうやってやるんだろう? こういった疑問に答えます。...

黒を選択してOK!

描画色で塗りつぶしのショートカット

  • Mac=Option+delete
  • Windows=Alt+delete

レイヤーマスクが黒で塗りつぶされたね!

上に重なっていた文字が隠れて、下の文字が表示されている状態!

文字を表示する

続いて隠した文字を表示していくよ!

ツールバーの描画色をクリック!

ツールバーの位置がよく分からない人は下の記事を参考にしてみてね!

【Photoshop】 ワークスペースの使い方【新人デザイナー向け】ワークスペースってなんだろう?自分の好きにカスタマイズとか出来るのかな? ワークスペースの保存方法はどうやってやるんだろう? こういった疑問に答えます。...

#ffffffとしてOK、白だね!

続いてブラシツールを選択!

【Photoshop】ブラシツールの使い方【新人デザイナー向け】Photoshopのブラシツールってどうやって使うのだろう? ブラシの素材はどうやって読み込んだら良いのだろう? オリジナルのブラシは作れるのかな? こういった疑問に答えます。...

ここでは、メニューバー2の直径を100px、汎用ブラシのハード円ブラシを選択!

色を変えたい部分を塗ろう、今回はこんな感じに塗るよ!

これで一部分の色の変更完了!
色を戻したい場合は黒で塗ればOK!

Photoshopで文字を一文字ずつ色を変える方法

続いて一文字ずつ色を変える方法!

  • 文字を選択する
  • 変えたい色を選択する
  • 色を選択する
  • 変更を確定する

流れはこんな感じ、順番に見て行こう!

今回はこんな感じのドキュメントの中にある文字の色を変更していくよ!

ドキュメントの作り方や文字ツールの使い方が分からない人は下の記事を参考にしてみてね!

【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。 ドキュメントのサイズ変更ってどうやってやるんだろう。 ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。 こういった疑問に答えます。...
【Photoshop】文字ツールの使い方【新人デザイナー向け】Photoshopの文字ツールってどうやって使うんだろう? そもそも文字ツールって何だろう? こういった疑問に答えるよ! ...

文字を選択する

まずは文字を選択するよ!

ここではこの文字を選択!

変えたい色を選択する

続いて部分的に変えたい色を選択するよ!

まずは何でもいいので、テキストツールを選択!
ここでは横書き文字ツールを選択!

【Photoshop】横書き文字ツールの使い方【新人デザイナー向け】Photoshopの横書き文字ツールってどうやって使うんだろう? そもそも横書き文字ツールって何だろう? こういった疑問に答えるよ! ...

テキストの上でクリック!

変更したい色をドラッグ!

こんな感じになったね!

色を選択する

変更したい色のドラッグができたら、変更したい色を選択するよ!

文字のカラーをクリック!

文字パネルが表示されていない人はメニューバー1のウィンドウから文字を選択!

メニューバー1の位置が分からない人は下の記事を参考にしてみてね!

【Photoshop】 ワークスペースの使い方【新人デザイナー向け】ワークスペースってなんだろう?自分の好きにカスタマイズとか出来るのかな? ワークスペースの保存方法はどうやってやるんだろう? こういった疑問に答えます。...

好きな色を選択してOK!
ここでは、#ffffffで進めていくよ!

すると、え?あれ?変わったの?って感じだよね。笑
ドラッグを非表示にするか、テキストの他の部分を一度クリックすることで色を確認できるよ!

ドラッグを非表示にするショートカット

  • Mac=Command+H
  • Windows=Ctrl+H

これで色を変えたのが確認できたね!

変更を確定する

色の調整が終わったら、最後に変更の確定をするよ!

文字の確定のショートカット

  • Mac=Command+Enter
  • Windows=Ctrl+Enter

これで完了!

NaoG
NaoG
今日も来てくれてありがとう、またね!
【無料で有益】現役デザイナーがおすすめするWebデザインスクール3社Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、 そもそもなに基準...
【40点プレゼントの体験版】Adobe Stockを無料で始める手順Adobe Stockを利用したいけど、どうやって始めるんだろう? そもそも、いくらかかるんだろうか、、、。 これからAdobe Stockの契約を考えているので「Adobe Stockの始め方」を知りたいです。 こういった疑問に答えます。...
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...