くろひょうのwebデザインのお勉強帳

フェリカテクニカルアカデミー web制作科の受講生です。授業の要点、復習でつまづいた点などを記録し、レベルアップに励みます。

クリエイターになるための、お勉強の記録帳

[Photoshop]バナーの文字の装飾

バナーで良く使われる文字装飾

①ふちどり文字

②ブラー

③グラデーションで文字まわりの背景をぼかす

 

①ふちどり文字

f:id:pleasure10501:20150422144251p:plain

  • 文字を入力
  • 効果 > 境界線にチェックする
  • 位置は外側にする
  • サイズは2、3pxほどがトレンド。漢字ではきれいにならないことがあるので、太さに要注意

 

②ブラー 文字と背景の間にレイヤーをいれ、不透明にする

f:id:pleasure10501:20150422145156p:plain

  • 背景レイヤーにカーソルを置き「新規レイヤー」(そのレイヤーの上にレイヤーができる)
  • 長方形選択ツールで必要な部分を囲む
  • 色で塗りつぶす
  • 不透明度を調整して背景が透けるようにする

 

③グラデーションで背景をぼかす

f:id:pleasure10501:20150422145540p:plain

  • 背景画像の上に新規レイヤー作成
  • そのレイヤーを白で塗りつぶし、レイヤーマスクを追加する
  • グラデーションツールに切り替え 色は白黒
  • グラデーションをかけたい方向にプレスドラッグをする(必要に応じて何度か)
広告を非表示にする