もちろん、最初のステップは新しいファイルを作成することです。 [ファイル] > [新規] に移動するか、単に Ctrl + N を押します。好みに応じてサイズを選択し、[OK] をクリックします。ここでは 600×147 ピクセルのサイズを使用します。
次に、使用する背景について考えて、背景に使用する 2 色を選択します。ここでは 2 つの青の色合いが使用されています。前景色は #10365a に設定され、背景色は #2070bf に設定されています。次に、グラデーション ツールを選択し、前景色と背景色、線形グラデーションを選択します。
あとは、レイヤー上でグラデーションを上から下にドラッグするだけです。
ナビゲーション リンクを配置する新しいレイヤーを追加します。長方形選択ツール ( ) を使用して、白い塗りつぶしを選択します。
このレイヤーの描画モードをソフト ライトに変更し、塗りつぶしを 25% に下げます。
次に、リンクの中央に区切り文字を追加します。新しいレイヤーを作成し、再度長方形マーキー ツールを使用して、このレイヤー上で 1 ピクセルを使用します。使用した背景色を覚えていますか?同じものを逆の順序で使用します。 したがって、この時点では前景色を #2070bf、背景色を #10365a に設定してください。次に、グラデーションの背景色の下に前景色を使用し、線形グラデーションを再度選択して、グラデーションを上から下にドラッグします。これが区切り文字になります。
このレイヤーのブレンド モードを [ソフト ライト] に変更して、よりよくブレンドできるようにします。
Ctrl+J を押してこのレイヤーを複製します。必要なナビゲーション リンクの数に基づいて決定します。あとは、所定の位置に移動するだけです。
ナビゲーション バーに詳細を追加します。新しいレイヤーを作成し、長方形マーキー ツールを使用して 2 つのセパレーターの間に選択範囲を作成します。選択範囲が色で塗りつぶされます。ここで使用する最初の色は #60c100 です。
ここで、すべての区切りスペースでこのステップを繰り返す必要があります。同じサイズであることを確認するには、毎回このレイヤーを繰り返して、次のスペースに移動します。次に、レイヤーウィンドウのパレットの前にある小さな画像を Ctrl キーを押しながらクリックします。これにより、長方形の選択範囲が選択されます。次に、ペイント バケツ ツール ( ) を使用して、他の色で塗りつぶします。今回使用したカラーは#f80000です。
