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


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


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

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


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


[5] 「フィルタ」メニュー→「表現手法」→「エンボス...」で、角度=125度高さ=10 pixels適用量=50%くらいに設定します。


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

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



[7] 選択ツールで、画像の左端をなるべく細長い形に選択します。
先程と同じように「編集」メニュー→「塗りつぶし...」で、使用=黒にして塗りつぶします。



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



[9] 「編集」メニュー→「変形」→「拡大・縮小」を選択します。ウインドウ上の選択範囲を囲むように線が表示され、角と辺の部分にそれぞれ四角(ハンドル)がついています。
画像が小さくてハンドルが見づらい場合は、コマンドキーと+キーを同時に押す(WinではCtrlキーと+キー)などで拡大してみてください。

右辺中央のハンドルを、ウインドウの右端までドラッグします。選択範囲の画像が横に引き延ばされますので、ウインドウ内でダブルクリックして変形を確定してください。金属の光沢のような画像になりました。


[10] 上側のレイヤーが選択されたままの状態で、レイヤーパレット左上の表示を <ソフトライト>に変更します。これでボタンらしくなりました。
切り抜きツールで余白部分を切り取り、「アルミボタンの元」など適当な名前をつけて保存しておきましょう。



[12] 好きな色で文字を入れれば完成。
影つき文字や、フチドリのある文字にすると読みやすいですよ。







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

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




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