今日は、Photoshopで画像に透明なテキストを配置する方法をご紹介します。画像に透明なテキストを配置すると、興味深い効果が得られます。また、画像の邪魔をせずにテキストを追加する方法でもあります。
Photoshopで画像に透明なテキストを配置する方法
画像に透明なテキストを配置すると、雑誌、カレンダー、はがきなどの写真を効果的に補完できます。テキストを画像の上に表示できますが、画像の美しさを損なうことはありません。
- Photoshopで画像を開く
- 画像をスマートオブジェクトに変換する
- 画像にテキストを追加する
- テキストの塗りつぶしを0に下げる
- テキストにドロップシャドウを追加する
- テキストにストロークを追加する
- グラデーションオーバーレイを追加する
- 効果を強化する
- ボーナス
1] Photoshopで画像を開く
最初のステップは、画像をPhotoshopに取り込んでテキストを追加できるようにすることです。Photoshopで画像を取得するには、デバイス上の画像を探します。画像が見つかったら、その画像を右クリックして「プログラムから開く」を選択し、Adobe Photoshop（バージョン）を選択します。画像がPhotoshopで開かれ、メインウィンドウとレイヤーパネルに表示されます。画像が背景になり、ロックされます。
2] 画像をスマートオブジェクトに変換する
このステップはオプションですが、お勧めします。画像をスマートオブジェクトに変換すると、サイズを変更しても画像の品質が維持されます。スマートオブジェクトを使用すると、アートワーク全体を簡単に編集することもできます。たとえば、プロジェクト全体をやり直すことなく、画像を交換できます。スマートオブジェクトは数秒で編集または変更できます。スマートオブジェクトのもう1つのポイントは、非破壊的に編集されるという事実です。画像をスマートオブジェクトに変換すると、背景画像はレイヤー0に名前が変更されます。
3] 画像にテキストを追加する
このステップでは、画像にテキストを追加する必要があります。左側のツールパネルに移動し、横書きテキストツールをクリックするか、Tを押します。トップメニューバーに移動すると、フォント設定、フォントの種類、フォントの色、フォントスタイル、フォントの種類が表示されます。効果が非常によく現れる優れたフォントを選択します。Arial Blackフォントを使用できます。私が使用しているテキストの色は黒ですが、入力時にテキストをより見やすくする色を使用できます。他の効果が追加されると色は消えますが、今は画像に入力するときに表示される色を選択します。
テキストツールを選択した状態で画像をクリックして入力します。フォントサイズを72に設定します。これは最大のサイズです。入力後にテキストが小さすぎる場合は、Ctrl + Tを押してコントロールを保持し、テキストを伸ばします。Shift + Altを押しながら伸ばすと、テキストが複数の角度から伸ばされます。
4] テキストの塗りつぶしを0に下げる
このステップでは、テキストの塗りつぶしを0に下げる必要があります。テキストの塗りつぶしを0に下げるには、レイヤーパネルに移動し、テキストレイヤーをクリックして、レイヤーパネルの上部にある[塗りつぶし]を探して0に変更します
テキストは見えなくなり、画像は空っぽに見えます。
5] テキストにドロップシャドウを追加する
次のステップは、テキストにドロップシャドウを追加することです。テキストにドロップシャドウを追加するには、レイヤーパネルに移動してテキストレイヤーをクリックし、テキストレイヤーを右クリックして「ブレンドオプション」をクリックします。
ブレンドオプションウィンドウが表示されたら、[ドロップシャドウ]という単語をクリックします。[ドロップシャドウ]という単語を選択したら、角度と距離を変更します。ドキュメントをクリックして、左マウスボタンを押したままドラッグすると、角度と距離を簡単に変更できます。シャドウが移動し、テキストがアウトライン表示されます。距離と角度の値をドラッグすると、値が変化することもわかります。使用する角度と距離は、画像に表示されるシャドウによって異なります。画像でより多くの距離と角度の値が必要になる場合があります。
レイヤースタイルと画像は、距離と角度の値を使用してシャドウが画像にどのように表示されるかを示しています。
シャドウの不透明度を調整する
シャドウの不透明度を調整して、濃くするか薄くするかを選択できます。私が使用する不透明度は75％です。すべてが完了したら、後でいつでも調整できます。
ドロップシャドウのサイズを調整する
シャドウのサイズを調整するとエッジが柔らかくなります。値が大きいほど、エッジが柔らかくなります。使用する値は、満足できる値と画像によって異なります。満足できる値が見つかるまで、さまざまな値を試してください。シャドウサイズに使用している値は10です。
ドロップシャドウの色を変更する
カラーパレットをクリックして、ドロップシャドウの色を変更できます。カラーピッカーから色を選択するか、画像から色をサンプリングします。シャドウに適した色は、テキストが配置されている画像によって異なります。テキストを表示する色を選択しますが、あまり目立ちすぎないようにします。テキストは透明にする必要があることを忘れないでください。すべて完了したら、シャドウを濃くするか薄くする必要がある場合は、シャドウの色を調整できます。[OK]をクリックして[レイヤースタイル]ウィンドウを閉じて、テキストを表示できるようにします。
これがテキストを含む画像です。ドロップシャドウを追加すると、テキストが見やすくなります。
6] テキストにストロークを追加する
このステップでは、テキストにストロークを追加します。ストロークを追加するには、レイヤーパネルに移動してテキストレイヤーを右クリックします。メニューから[ブレンドオプション]を選択します。レイヤースタイルウィンドウが表示されたら、ストロークという単語をクリックします。[ストローク]という単語をクリックすると、テキストの周りにストロークが表示されます。
ストロークの色を選択する
次に、カラーパレットをクリックしてストロークの色を選択します。カラーピッカーが表示されたら、色を選択するか、画像から色をサンプリングします。画像の雲の濃い青の部分から色をサンプリングしました。完了したら、[OK]をクリックしてカラーピッカーを閉じます。
ストロークの位置を変更する
ここで、ストロークの位置を変更します。位置は、内側、外側、中央のいずれかになります。この画像では、外側を選択します。試してみて、どちらが好みなのかを確認できます。
ストロークのサイズを変更する
次に、ストロークのサイズを選択します。ストロークサイズの値ボックスに値を入力するか、スライダーを使用するか、値ボックスをクリックして方向キーを使用します。ストロークが大きくなると、テキストがはるかに鮮明に見えるようになります。ストロークを明るくするかどうかを決定できます。
7] グラデーションオーバーレイを追加する
ここでは、テキストにグラデーションオーバーレイを追加します。レイヤースタイルウィンドウは引き続き開いているので、グラデーションオーバーレイという単語をクリックします。デフォルトの黒から白へのグラデーションが自動的にテキストに追加されます。
グラデーションオーバーレイのブレンドモードを変更する
グラデーションオーバーレイのブレンドモードを、デフォルトの[通常]から[オーバーレイ]に変更します。[オーバーレイ]ブレンドモードが明るすぎる場合は、[ソフトライト]を試すことができます。画像と好みに最適なものを維持します。[OK]をクリックしてレイヤースタイルボックスを閉じることができます。または、さらに効果を追加することもできます。
8] 効果を強化する
効果はさらに強化され、さらに美しくするために以下を行います。
テキストを選択する
テキストを選択するには、Ctrlを押しながらレイヤーパネルのテキストレイヤーのサムネイルをクリックします。テキスト内に選択範囲のアウトラインが表示されます。
選択範囲を反転する
これで選択範囲を反転します。これにより、テキスト以外のすべてが選択されます。選択範囲を反転するには、トップメニューバーに移動して選択、次に反転を押すか、Shift + Ctrl + Iを押します。
塗りつぶしと調整レイヤーを追加する
画像が選択されたら、レイヤーパネルに移動して画像レイヤーをクリックし、レイヤーパネルの下部にある塗りつぶしまたは調整レイヤーの新規作成アイコンをクリックします。メニューがポップアップしたら、単色をクリックします。カラーピッカーが表示されるので、好きな色を選択します。選択した色に応じて、次の手順の結果が異なります。選択した色は、テキスト以外のすべてを覆います。[OK]をクリックしてカラーピッカーを閉じます。
塗りつぶしレイヤーの不透明度を下げる
ここで、塗りつぶしレイヤーの不透明度を下げます。これにより、画像が表示されます。不透明度を下げるには、レイヤーパネルに移動して塗りつぶしレイヤーをクリックし、不透明度を約55％に下げます。目標は、テキストよりも画像を少し暗くすることです。
塗りつぶしレイヤーの色を変更する
このステップでは、塗りつぶしレイヤーの色を変更します。塗りつぶしレイヤーの色を変更するには、塗りつぶしレイヤーのサムネイルをダブルクリックします。カラーピッカーが表示されるので、カラーピッカーから色を選択するか、画像からサンプリングできます。テキストを通して表示されている雲からオレンジレッドをサンプリングしました。
塗りつぶしレイヤーのブレンドモードを変更する
これで、塗りつぶしレイヤーのブレンドモードを変更します。ブレンドモードを変更するには、塗りつぶしレイヤーをクリックしてから、レイヤーパネルの左上にある[カラー]という単語をクリックします。他のオプションを含むドロップダウンメニューが表示されるので、[カラー]をクリックします。
塗りつぶしレイヤーのカラーモードが変更され、色と画像の選択によって異なるように見えます。さまざまなブレンドモードを試すこともできます。別のモードが気に入るかもしれません。
塗りつぶしレイヤーの不透明度を再度下げる
ここで、塗りつぶしレイヤーの不透明度をもう一度下げます。塗りつぶしレイヤーをクリックし、スライダーをゆっくりと変更して画像の効果を確認します。満足できるレベルになったら停止します。不透明度を40％に下げることにしました。塗りつぶしレイヤーの表示と非表示を切り替えて、違いを確認できます。
これが、すべて効果が適用された最終的な画像です。
9] ボーナス
ボーナスは、数秒でアートワークを変更し、必要に応じて画像を変更する方法を示すことです。画像はスマートオブジェクトなので、簡単に変更できます。また、カラーフィルをスマートオブジェクトに変更する必要があります。右クリックして[スマートオブジェクトに変換]を選択するだけです。これを行わないと、画像レイヤーを編集すると、カラーフィルレイヤーが削除されます。
画像を変更するには、画像のサムネイルをダブルクリックする必要があります
編集後に保存して変更を確認するように求める情報ウィンドウがポップアップ表示されます。[OK]をクリックすると、元の画像が表示される別のドキュメントに移動します。次に、画像を変更して保存できます。元のドキュメントに戻ると、変更が表示されます。
新しい画像を含む元のドキュメントに戻ると、テキストを変更するためにテキストツールを使用できます。
カラーフィルレイヤーでブレンドモードを変更することもできます。使用する画像によっては、以前のカラーブレンドモードが機能しません。
スマートオブジェクトに変更された画像を変更した結果。
この画像は、スマートオブジェクトを編集することでドキュメントに挿入されました。
これは、スマートオブジェクトを編集することでドキュメントに挿入された別の画像です。
レイヤーの塗りつぶしを下げることと不透明度を下げることの違いは何ですか？
レイヤーの不透明度を下げると、レイヤーとそのレイヤーで行われた効果に影響します。一方、塗りつぶしを下げると、レイヤーにのみ影響します。すべての効果は同じままです。
Photoshopで画像にグラデーションを追加するにはどうすればよいですか？
画像を選択し、レイヤーパネルに移動して画像レイヤーを右クリックします。メニューからブレンドモードを選択します。レイヤースタイルウィンドウが表示されたら、[グラデーションオーバーレイ]という単語をクリックします。白から黒へのグラデーションが画像に適用されます。画像に追加するグラデーションを選択できます。
コメントする