ご利用にRIATMP1084 - シンプルなWebボタン、Photoshopのチュートリアル|リッチインターネットアプリケーションソリューション

ご利用にRIATMP1084 -シンプルなWebボタン、Photoshopのチュートリアル

2009年7月8日

RIATMP1084- Simple Web Button for your use, Photoshop Tutorial

ご利用にRIATMP1084 - シンプルなWebボタン、Photoshopのチュートリアル

ダウンロードするにはここをクリック

今日は簡単なWebボタンのチュートリアルをアップロードしています。あなたのWebプロジェクトのためにこれを使用することができます。

新しいファイル200分の400ピクセルを作成します。白と背景レイヤーを塗りつぶします。

RECTANLE SHAPEを使用して、ボタンの描画：新しいレイヤーを作成します。今すぐ角丸長方形ツールを選択し、丸みを帯びた角の半径を5ピクセルを入力し、四角形のボタンの形状を描画します。右側に、その図形をクリックして" 選択してください "を選択します。今、あなた好みの色でその選択範囲を塗りつぶす。私は＃5c89ccました。

Photoshopのチュートリアル、ボタン

PIC2

Photoshopのチュートリアル、ボタン

Pic3

層口蓋では、そのボタンのレイヤー上で右クリックしてブレンドオプションを選択して最初のドロップシャドウを追加します。レイヤースタイルを追加します。あなたは、すべての値の参照としてこの写真を評価（PIC1）を取ることができます。次のグラデーションオーバーレイを追加します。今グラデーションエディタの最初のカラーストップをクリックして、必要な色として、それを変更するには、以下の色をクリックします。私は＃a4cee6を使用していました。右側にあるカラーストップのための同じをする。その停止のために私は＃56add6を使用してきました。今すぐ右の真ん中の勾配の下をクリックして、真ん中の2つのカラーストップを追加します。あなたは、場所フィールドで50％を入力することにより、これらの位置を修正することができます。私は、これらの2つのカラーストップのために＃468bcc＆＃81b3e2を使用しました。上の画像（PIC2）を参照してください。今、私たちはストロークが追加されます。下部のストロークオプションを選択します。サイズや色など白の1ピクセルを取る、あるいはまた、あなたの背景色を取ることができます。（PIC3）

pic4 RIATMP1084 Simple Web Button for your use, Photoshop Tutorial

PhotoshopのTuitorial、ボタン

pic4pic5

GLOWを追加する：今は、ボタンの上部に輝きを追加することにより、外観を充実させることができます。あなたは、ペンツールを使用することができます。しかし、このプロセスを簡単にするため私は、選択オプションを使用して果たしてきました。右側のレイヤーパレットでボタンレイヤーをクリックし、 " 選択レイヤの透過性 " を選択してください。別のレイヤーを作成し、ホワイトと、この選択を記入してください。今すぐ移動ツール（Move Tool）を選択し、4ピクセル下向きに白い長方形が選択されていることを移動します。今すぐマスクを追加します。上部を保持し、余分な部分を削除します。 PIC4を参照してください。今すぐあなたのテキストを追加し、それはあなたが単純なクールなボタンを持っているすべてです。 PIC5。