PCゲーマーのWebデザイン備忘録

PCゲーマーのWebデザイン備忘録。東京都内でWEBデザイナーとして働いています。Webデザインやゲームに関することをブログに書いていきます

【Photoshop】一枚の写真を利用して、バナーをつくる

f:id:game-web-design:20140925182653j:plain
上の画像を使って、代表的なバナーの簡単な作り方を三つ紹介します。

前提として、上記の画像にはフィルターをかけておきます。フィルターは、「フィルター」→「フィルターギャラリー」から、選択してフィルターをかけることができます。

f:id:game-web-design:20140925184324j:plain


縁取り文字

f:id:game-web-design:20140928225201p:plain
レイヤー効果から縁取り

下地を暗くして文字を浮かせる


f:id:game-web-design:20140928225208p:plain
文字の下にぼかした黒い下地の不透明度を下げる

ドロップシャドウ

f:id:game-web-design:20140928225243p:plain
レイヤー効果からドロップシャドウ