Photoshopでアクア風(2)

いろんなサイトをみているとそこかしこで見かけるいわゆるフォトショップでのAQUA風ボタンの作り方が紹介されているページを(主にはてブから)集めてみました。

AQUA風ボタンの作り方リンク集 : Chepookaさま

…というわけで、先週ははてなブックマーク経由でPhotoshopでアクア風のエントリに対して鬼のようなアクセスが流れてきていて半ビビリだったのですが、そろそろ落ち着いてきたので(笑)、関連エントリを。

かのエントリに関してはあまり気に入ってなくて…というのも、最近またちょっと弄っていたらばもっと綺麗にできた(ような気がした)ので、修正したいと思いつつも放っていました…ら、こんなことに。

自分の防備録用に新しい手順を書き上げたので、再びエントリとしてあげておきたいと思います。

アクア風その2

2006/02/22 : ログを復活させました。

続きはここから

  1. 新規レイヤーを作成、正円を選択し白で塗りつぶす(レイヤー : ベース)。今回は20px×20pxの球体を作成。

    20051211a.gif

  2. レイヤー効果→グラデーションを選択、描画モードをオーバーレイにする。
    ※今回は左の色 : RGB→220・249・255、右の色 : RGB→7・88・144に。

    20060212a.gif

    左の色は薄く明るく鮮やかに、右の色は濃く暗く鈍く。

  3. さらに、レイヤー効果→シャドウ(内側)を選択、描画モードをオーバーレイ、不透明度は100%、距離を0px、サイズを10pxにする。

    20060212b.gif

    20060212c.gif

    こんな感じに…(※700倍に拡大しています)。
    これでベースレイヤーは完成。

  4. 新規レイヤーを作成、画像のように円の上部に横長の楕円を選択、白で塗りつぶす(レイヤー : ハイライト)。

    20060212d.gif

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

    20060212e.gif

    20060212f.gif

    上のようになる。
    レイヤー : ハイライトの完成。

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

    20060212g.gif

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

    20060212h.gif

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

    20060212i.gif

    20060212j.gif

  9. 何となく完成。

    20060212k.gif

2005/02/22 : 完成済みのPhotoshopファイルを置いておきますので、参考程度に。当然ながらPhotoshop以外では開けません。
再配布以外でしたら、煮るなり焼くなりお好きなようにしてやってくださいませ。

comments

comment form

trackback url

トラックバックは承認制です。言及リンクがない場合には公開致しませんのでご了承下さい。

http://twilightbookstore.org/blog.cgi/365

trackback


information

トルキーのSerene Bachテンプレートと読書記録、そして日々の呟きを綴るweblog(→and more...)。

管理人の他のサイト
  • シンプル系フリー素材サイト「quarter
  • Serene Bachテンプレート企画サイト「Shanty Templ@ers」。参加者募集中!
advertisement
recommend

シンギュラリティ

シンギュラリティ | メイ | EMIミュージック・ジャパン

Maeのニューアルバム!ヘビーローテーション中(09/30)。

天使の爪 上 (1) (角川文庫 お 13-25)

天使の爪 上 (1) (角川文庫 お 13-25) | 大沢 在昌 | 角川書店

久しぶりに読書。(時間的)余裕があったら後程感想を。おもしろさのあまり、1日で上下読了しました!(08/26)

selected entries
categories
recent comments
recent trackbacks
others
  • Count.