RIATMP1167-Photoshopのチュートリアル-反射ボタン/ヘッダ

今日は、メニューバーを加えようとしています。 これは非常にシンプルですが、この同じボタンまたはウェブサイトの多くの異なる種類のメニューバーやヘッダーを使用することができます。 その色とスタイルのためにそれは多くの被験者に適合することができます。 さらには、色を変更し、独自の外観をカスタマイズするか、またはちょうど先に行き、あなたのプロジェクトのためにこの既成のボタンを使用したりすることができます。 だからここにチュートリアルがあります。

新しいPhotoshopドキュメントを作成します。 長方形のマーキーツールを選択し、広い四角形を作成します。 それは我々がレイヤースタイルを追加しますので、それが何色でもかまいません。

広い長方形

現在のレイヤ/レイヤスタイル/グラデーションオーバーレイに移動します。 参考のために怒鳴る示されているイメージに従ってください。

グラデーションオーバーレイ

したがって、レイヤースタイルでは、このような結果を得ることができます。

メニューバー

今私達のメニューバーにいくつかのドラマを追加するには、その時間。 新しいレイヤーを作成し、それが暗いという名前を付けます。 今私達のメニューバーの部分を選択し、任意の色で塗りつぶします。 今再び我々は、このレイヤーのグラデーションオーバーレイを追加します。 したがって、レイヤー/レイヤースタイル/グラデーションオーバーレイに移動します。 参考のために怒鳴る示されているイメージに従ってください。

レイヤースタイル/グラデーションオーバーレイ

したがって、レイヤースタイルでは、このような結果を得ることができます。

ヘッダ

我々は、分割線を作成する必要があります。 そのために新しいレイヤーを作成し、長方形選択ツールで薄い長方形のラインを作成します。 色（＃616161）でこれを記入してください。 今、このレイヤーをコピーして、より明るい色（＃999999）であることを記入してください。 今すぐ整列して配置し、両方の線側を側で一にそれらの2層をマージします。 その行のいくつかのより多くのコピーを作成し、適切に整列します。 つのレイヤー名 "ライン"にすべての行をマージします。

行

今私達のメニューテキストを追加するには、その時間は、また、あなた自身のメニューテキストを追加することができます。

メニューのテキスト

Photoshopのチュートリアル

メニューバーの上に新しいレイヤーを作成し、複製します。 長方形のマーキーツールを使用して選択を行います。 グラデーションツールを選択して、線形グラデーションに設定してグラデーションエディタを開きます。 "透明に前景"を選択します。 （＃2a2727）にフォアグラウンドカラーを設定し、新しいレイヤー上で選択範囲内でグラデーションツールをドラッグします。 以下に示すように、あなたは何かを持っている必要があります！ それがこのPhotoshopのチュートリアルの最後に私たちをもたらします。 乾杯！

メニューボタンまたはヘッダやバナー