手抜きでweb2.0風なヘッダーを作ってみる

たまには役に立つ記事でも書いてみようか。
というわけで、手抜きでそれっぽいヘッダーを作ってみる。

今回はphotoshop elements 5.0を使ってみたよー。
ペンタブのおまけだよー。

とりあえず完成図はこんなかんじ。
ex_top6.jpg

じゃあ、やりかた。
ちなみに今回は800x300で作ってみた。ここらへんはお好みで。

まず背景、テキトーに灰色で塗ってみる。ここらへんもお好みで。
ex_top1..jpg

次、角丸長方形ツールで↓みたいにする。今回はテキトーにやってるけど、本当は計ったほうがいい。色はとりあえず黒にしといて。
ex_top2.jpg

自動選択ツールで黒いところを選択した後に新規レイヤーを作ってグラデーションツールでグラデーションを作る。色の明るさだけを変化させるといい感じになるよ。
ex_top3.jpg

次、ストライプをつけてみる。めんどくさい人はぼかしまで飛ばして。
まずは下のような画像を用意。
strype.png

違う感じのストライプがいいって人は↓で作ろう。
Stripe Generator - ajax diagonal stripes background designer

用意した画像をphotoshopで読み込む。
編集>パターンの定義でパターンとして登録する。

そうしたら元々作業していたほうに戻って新しいレイヤーを作る。
そして登録したパターンで塗りつぶす。
その後にレイヤーの描写方法を乗算とかにして、不透明度を下げてやれば↓のようになる(色々試すといいよ)。
ex_top5.jpg

最後の作業、ぼかし。まずは選択を解除。選択ツールを選んで右クリックで出てくるメニューのなかに「選択の解除」ってのがあると思う。
解除したら、黒で塗りつぶしてあるレイヤーを選択。
フィルタ>ぼかし>ぼかし(ガウス)でぼかす。ここもお好みでぼかしの強さを決めればいいよ。

そうしたら完成!五分あればできるね。
ex_top6.jpg

何か絵を描いてみるのもいいかもね。↓のやつはひどいけど。
ex_top7.jpg
タグ:Photoshop
posted by 右京| Comment(0) | TrackBack(0) | お絵描き
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/99416214
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック