<参照>を ホーム / すべてBUTTONチュートリアル /ブログ記事:RIATMP1039 -メニューバー/ボタン- Photoshopのチュートリアル

RIATMP1039 -メニューバー/ボタン- Photoshopのチュートリアル

2009年5月20日

ステップ1:(ファイル- >新規)白背景で、約869px / 146ピクセルの新しいファイルを作成します。

ステップ2:レイヤーのウィンドウが開いていることを確認して、レイヤーウィンドウの右下にある新規レイヤーアイコンを作成]をクリックして新しいレイヤーを追加します。 この新しいレイヤー名"ボタン1"を与える。

Menu Bar / Button – Photoshop Tutorial
メニューバー/ボタン - Photoshopのチュートリアル
Menu Bar / Button – Photoshop Tutorial
メニューバー/ボタン - Photoshopのチュートリアル

ステップ3:今すぐ角丸長方形ツールを選択し、丸みを帯びたコーナーのために半径として15ピクセルを入力すると(1039 -)あなたの長方形のボタンの形状を描画します。 右側その形状をクリックして、(1039 - B)"選択する"を選択します。 今すぐブラック(1039 - C)にその角の丸い四角形の選択範囲を塗りつぶす。

Menu Bar / Button – Photoshop Tutorial
メニューバー/ボタン - Photoshopのチュートリアル
Menu Bar / Button – Photoshop Tutorial
メニューバー/ボタン - Photoshopのチュートリアル
Menu Bar / Button – Photoshop Tutorial
メニューバー/ボタン - Photoshopのチュートリアル

ステップ4:レイヤーの口蓋で、右の"ボタン1"レイヤーをクリックしてブレンドオプションを選択します。 最初のグラデーションオーバーレイを追加。 すべての値に対してのイメージ(1039 - D)に従う。 次のベベルを追加し、エンボス。 値については、画像(1039 - E)に従う。 これらのレイヤー効果を使用すると、画像(1039 - F)のようなボタンが表示されます。

Menu Bar / Button – Photoshop Tutorial
メニューバー/ボタン - Photoshopのチュートリアル

手順5:新規レイヤーを作成し、名前"その他のボタン"を与える。 今だけの"ステップ3"に従って、半径15ピクセルで、別の黒の角の丸い四角形を作る。 (1039 - G)の画像を参照してください。

Menu Bar / Button – Photoshop Tutorial
メニューバー/ボタン - Photoshopのチュートリアル
Menu Bar / Button – Photoshop Tutorial
メニューバー/ボタン - Photoshopのチュートリアル
Menu Bar / Button – Photoshop Tutorial
メニューバー/ボタン - Photoshopのチュートリアル
Menu Bar / Button – Photoshop Tutorial
メニューバー/ボタン - Photoshopのチュートリアル

ステップ6:今すぐ右にそのレイヤーをクリックして、ブレンドオプションを選択します。 最初のグラデーションオーバーレイを追加。 すべての値に対してのイメージ(1039 - H)に従う。 次のベベルを追加し、エンボス。 すべての値に対してのイメージ(1039 - I)に従う。 これらのレイヤー効果を使用すると、画像(1039 - J)のようなボタンが表示されます。 より多くの3部を作成し、一つの層ですべて黒色のボタンをマージする。 最後に、テキストでは、この"メニューバーを"(1039 - K)が表示されます。 この効果を好むことを望む。 Jは自分のコメントが励みになります。

Menu Bar / Button – Photoshop Tutorial
メニューバー/ボタン - Photoshopのチュートリアル
共有し、楽しみなさい
  •  RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=digg RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.dzone RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.facebook RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.google RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.linkedin RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=favorites.live RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.mixx RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.myspace RIATMP1039   Menu Bar / Button – Photoshop Tutorial  RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=reddit RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=www.stumbleupon RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=technorati RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=twitter RIATMP1039   Menu Bar / Button – Photoshop Tutorial favicons?domain=buzz.yahoo RIATMP1039   Menu Bar / Button – Photoshop Tutorial
返信を残す 3948景色、6これまでの今日|
ディスカッションに従ってください

"Photoshopのチュートリアル - - メニューバー/ボタンRIATMP1039"の2つの応答

  1. デニスは言う:

    すべてのその投稿、とてもクールなサイトのおかげでそれを維持する

  2. Photoshopのチュートリアルは言う:

    初心者として、私はいつも私を助けることができる記事をオンラインで探しています。 ありがとう

返信を残す