pagetop

[Photoshop] 今風のボタンのチュートリアル PSD付き

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加このエントリをTwitterに追加

ps_sample_831_1一応作り方。
300×200のファイルを新規作成します。
角丸のシェイプを適当に書きます。(丸さ15
ps_sample_831_2レイヤープロパティでこのように設定します。
ps_sample_831_3ドロップシャドウ
サイズ、距離 2px , 不透明度 65%
ps_sample_831_4シャドウ
不透明度 15px , 距離0 , サイズ 5px
ps_sample_831_5グラデーション
左から #e3e3e3 > #f1f1f1 > #ffffff
ps_sample_831_6
境界線
サイズ 1px / 塗りつぶし グラデーション(さっきと同じ) / 角度を-90度

シェイプを右クリックしてレイヤーをラスタライズ。
自動選択ツールでボタンを選択。
ps_sample_831_7長方形ツールを選択。
ALTキーを押しながら、半分ぐらいを選択する。ps_sample_831_8ps_sample_831_9半分だけ選択されるはずです。
新規レイヤーを作って、そのレイヤー上でしろで塗りつぶしをします。
ps_sample_831_10画面みたいになったら、そのレイヤーの不透明度を変更して50%にします。
ps_sample_831_11でボタンの完成です。
テキストを適当にいれれば一番上の様なものができます。
ダウンロードは以下から
PSDファイルダウンロード

One Comment

  1. Posted 06/16 at AM 4:29 | Permalink

    I have learn some just right stuff here. Definitely worth bookmarking for revisiting.
    I wonder how much effort you place to create this sort oof wonderful
    informative website.

Post a Comment

Eメールは必ず 入力してください。. *このマークが付いている物は必須項目です。

*
*

clear
clear

a