2006/02/14 Tuesday 23:49
Photoshopでアクア風(2)
いろんなサイトをみているとそこかしこで見かけるいわゆるフォトショップでのAQUA風ボタンの作り方が紹介されているページを(主にはてブから)集めてみました。
…というわけで、先週ははてなブックマーク経由でPhotoshopでアクア風のエントリに対して鬼のようなアクセスが流れてきていて半ビビリだったのですが、そろそろ落ち着いてきたので(笑)、関連エントリを。
かのエントリに関してはあまり気に入ってなくて…というのも、最近またちょっと弄っていたらばもっと綺麗にできた(ような気がした)ので、修正したいと思いつつも放っていました…ら、こんなことに。
自分の防備録用に新しい手順を書き上げたので、再びエントリとしてあげておきたいと思います。

2006/02/22 : ログを復活させました。
続きはここから
新規レイヤーを作成、正円を選択し白で塗りつぶす(レイヤー : ベース)。今回は20px×20pxの球体を作成。

レイヤー効果→グラデーションを選択、描画モードをオーバーレイにする。
※今回は左の色 : RGB→220・249・255、右の色 : RGB→7・88・144に。
左の色は薄く明るく鮮やかに、右の色は濃く暗く鈍く。
さらに、レイヤー効果→シャドウ(内側)を選択、描画モードをオーバーレイ、不透明度は100%、距離を0px、サイズを10pxにする。


こんな感じに…(※700倍に拡大しています)。
これでベースレイヤーは完成。新規レイヤーを作成、画像のように円の上部に横長の楕円を選択、白で塗りつぶす(レイヤー : ハイライト)。

選択を解除し、描画モードを乗算に、レイヤー効果→グラデーションを選択、描画モードをスクリーンにする。
色は左の色 : RGB→0・0・0、右の色 : RGB→255・255・255。

上のようになる。
レイヤー : ハイライトの完成。さらに新規レイヤーを作成、画像のように縦長の楕円を選択、白で塗りつぶす(レイヤー : 反射)。

選択を解除し、フィルター(T)→ぼかし→ぼかし(ガウス)…より輪郭をぼかす。今回は半径2.0pxで。

7でぼかした部分の一部がベースよりはみ出ているので、切り取る。
レイヤー : ベースを選択、選択範囲(S)→選択範囲を読み込む(L)…からチャンネルの部分を透明部分/ベースとして円を選択範囲として読み込み、レイヤー : 反射を選択、レイヤーマスクを追加ボタンを押す。

何となく完成。

2005/02/22 : 完成済みのPhotoshopファイルを置いておきますので、参考程度に。当然ながらPhotoshop以外では開けません。
再配布以外でしたら、煮るなり焼くなりお好きなようにしてやってくださいませ。
comments
comment form
trackback url
トラックバックは承認制です。言及リンクがない場合には公開致しませんのでご了承下さい。
http://twilightbookstore.org/blog.cgi/365

