Home Gallery Tips Profile Blog Contact Links
■ Photoshop Tips レイヤー効果で作る透明感のあるボタン ■

Photoshopのレイヤー効果を組み合わせて透明感のあるボタンを作成します。
今回はケータイのボタンを作例にしてみました。フィルタ不使用のレイヤー効果だけでも使えると思います。


工程1 まずは背景になる画像を作ります。
これはグレーのグラデーションを基本に、フィルタメニュー→“ノイズ”→“ノイズを加える...”を適用し、“ぼかし”→“ぼかし(移動)...” で斜め方向からぼかした500×500ピクセル程度の画像です。
工程2 新規レイヤーに好きな色で楕円を描きます。
Illustratorなどで描画したものをコピ−&ペーストで持ってきてもOKです。
工程3 このレイヤーにレイヤーメニュー→“効果 ”を適用します。設定は、
1.“シャドウ(内側)...”[不透明度:75%][角度:120゜][距離:18 pixels][ぼかし:12 pixels][適用度:20%]

2.“ベベルとエンボス...”[スタイル:ベベル(内側)][角度:120゜][深さ:10 pixels][ぼかし:7 pixels]
の2つです。
工程4 楕円レイヤーの選択範囲で背景をコピーし、レイヤーメニュー→“効果 ”→“ベベルとエンボス...”[スタイル:ピローエンボス]を適用してミゾを作ります。
ここでの設定は[深さ:8 pixels][ぼかし:4 pixels]です。
工程5 楕円レイヤーを複製したものにフィルタメニュー→“アーティスティック”→“ラップ...”を適用し、[スクリーン]でレイヤー合成後、濃度などの調整を加えると、さらにそれっぽくなります。
文字なんかも入れてみます。
工程6 完成した全体図です。(クリックで拡大)
ホームページのボタンなどにも使えるんじゃないでしょうか。

Back

 Copyright (C) 2008 Tomoaki Saito All Rights Reserved.