木のボタン
立体ボタン / 丸ボタン / 丸ボタン2 / 木のボタン / アルミボタン / 水滴ボタン


[1] 新規のRGB画像を開きます。作りたいボタンより少し大きいサイズで、<初期表示内容>は白にしてください。作例では幅100×高さ40ピクセル、72pixels/inchの画像で説明しています。


[2] 選択ツールで、ボタンにしたい大きさの範囲を選択します。

[3] 「編集」メニュー→「塗りつぶし...」で、使用=黒にして塗りつぶします。


[4] 選択範囲を維持したまま「フィルタ」メニュー→「ぼかし(ガウス)...」で、半径=3 Pixels ぼかします。


[5] 「フィルタ」メニュー→「表現手法」→「エンボス...」で、角度=125度高さ=10 pixels適用量=50%くらいに設定します。
プレビュー画面を見ながら好みでスライダーを調節して下さい。



[6] レイヤーパレット右下の3つ並んでいるアイコンのうち、中央のアイコンをクリックします。背景の上に新しいレイヤーが作られます。

新規レイヤーをクリックして選択します。


[7] 先程と同じように「編集」メニュー→「塗りつぶし...」で、使用=黒にして塗りつぶします。



[8] 「フィルタ」メニュー→「ノイズ」→「ノイズを加える...」を選択し、 ノイズの量=999分布方法=ガウス配布グレースケールノイズに設定してOKを押します。


[9] 「イメージ」メニュー→「ぼかし」→「ぼかし(移動)...」角度=0度距離=20 pixels に設定してOKを押します。


[10] 「フィルタ」メニュー→「色調補正」→ 「色相・彩度...」 <色彩の統一>をチェックし、木材のような色をつけます。
作例では色相=25彩度=80明度=10 にしています。


[11] レイヤーパレット左上の表示を <オーバーレイ>に変更します。これでボタンらしくなりました。
「イメージ」メニュー→「切り抜き」を実行し、余白の部分を切り取ります。「木ボタンの元」など適当な名前をつけて保存しておきましょう。



[12] 文字ツールで文字を入れれば完成。

作例では、まず濃い色で文字を入れてから文字レイヤーを複製し、下側になったレイヤーを右に1ピクセル・下に1ピクセル動かして「フィルタ」メニュー→「色調補正」→ 「色相・彩度...」明度=100にして文字を白くしています。
これだけで木彫りのような雰囲気が出ます。







-- PhotoshopLE [ Button ] 一覧へもどる --

-- CG Workshop入り口へもどる --




(C)1996 SMAC = Shimizu Multiple Arts Communication : Presented by Hiromi Shimizu. simz@simz.com