Photoshopで文字に影を付ける”3つの方法”を知っておくだけで表現の幅がグィ~ンっと広がるって本当ぉ!?

webデザイン

Photoshopで文字に影を付けるには、レイヤースタイルのドロップシャドウを適用すればいいだけなのですごく簡単です。しかし、毎度毎度ただ影を付けているだけだと単調な表現しかできません

カッコ良いロゴをデザインしたり、文字を加工して立体的なタイポグラフィーなどを作りたい場合には、影の付け方をしっかりマスターしておく必要があるので、ここでは・・

  • ① ドロップシャドウの基本的な適用の仕方
  • ② 文字の境界線に影を付ける方法
  • ③ 文字を切り抜いて影を付ける方法

を解説していきます。

1つ、2つバリエーションを増やしただけで一気に表現の幅が広がり、自由に組み合わせて応用することができるようになるので、まずは基本的なドロップシャドウの適用の仕方を覚えましょう。(背景素材は unsplash から探しました)

ドロップシャドウの基本的な適用の仕方

任意のテキストを入力します(テキストを中央に配置したい場合は ⇒ こちら

drop-shadow01

入力したテキストにレイヤースタイルのドロップシャドウを適用します。

drop-shadow022

影の濃さや角度、大きさなどを任意で調節

drop-shadow03.

以上!10秒くらいで文字に影を付けることができました。

文字に影が付きました

drop-shadow1↑ クリックすると拡大します

ちなみに、影を付けたテキストレイヤーを右クリックしてレイヤースタイルを消去で元の状態に戻せます

drop-shadow557

続いて、影を付けるバリエーションをマスターしましょう↓

文字に影を付けるバリエーション

Photoshopで文字の輪郭だけに影を付ける方法topへ戻るPhotoshopで文字を切り抜いて影を付ける方法

スリームデザイン

4,767,886 views

1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインとマーケティングと玄米ご飯。 フリーランス時代に独学で身に...

プロフィール

ピックアップ記事

関連記事一覧

小笠原広記

1978年夏生まれの熱しやすく冷めやすいB型。群馬県在住の累計360万PVブロガー。趣味はデザインと玄米ご飯。

 

フリーランス時代に独学で身に付けた技術を活かし、世界規模のデザインコンテストで日本人初の大賞を受賞&Photoshopの専門書を出版。

 

ブログ集客のエキスパートとして企業や個人のコンサルティングをしながら、コンテンツマーケティングやコピーライティングを手掛けるブログマーケターである。