Photoshop]当ブログで使っている、2色のグラデーションになったサイドバーメニュータイトルの背景画像の作り方についてご質問を頂きましたので、本エントリーで紹介します。等でも操作は全く同じです。メニュータイトル背景画像の完成例は次のようになります。以下、画像サイズをやや大きめにしたもので解説します。使いではないので、他にもっと簡単な方法があるかもしれません。ご参考程度ということで。1.作成方法ツールバーの「ファイル」→「新規作成」で適当な大きさのファイルを開きます。ここでは100px×100pxの設定で説明を進めます。このような画面が開きます。[レイヤー]パレットの右下にある「新規レイヤーを作成」アイコンをクリックして、新規レイヤーを作成します。[レイヤー]パレットがこのようになりますので、「レイヤー1」が選択された状態にしてください。ツールバーの「選択範囲」→「すべてを選択」で、レイヤーを全選択状態にします。ツールの描画色をクリックします。ツールバーの「編集」→「塗りつぶし」を選択し、レイヤー全体を描画色で塗りつぶします。作成画面はこのように、全体がやや薄いグレーになります。ツールバーの「レイヤー」→「レイヤーのスタイル」→「グラデーションオーバーレイ」を選択して、「レイヤースタイル」画面を表示します。「レイヤースタイル」画面を表示したときの作成画像は、次のようにグラデーションが設定されます。「レイヤースタイル」画面中央にある、「比率」を一番左にスライドさせ、さらに「不透明度」を左の方にスライドさせます。これで、2色に分かれた、いい感じのグラデーションが出来上がります。解除」で選択範囲を解除すれば完成です。2.グラデーションを設定するコツグラデーションを設定するときのコツは、以下の2つです(他にも色々あるかもしれませんが)。描画色がグラデーションの上側の色になるので、それを念頭に描画色を設定グラデーションオーバーレイする高さを狭くすれば、中央部分のグラデーションがなくなります。冒頭にお見せした、当ブログのサイドメニュータイトル部分の背景画像は以下の設定です。描画色:efefef高さ:30px不透明度:6%グラデーション部分が、先ほどの例よりくっきりしているのが分かると思います。厳密には、中央の1px分しかグラデーションがかかっていないので、この画像は3色です。実際には、幅を狭くしてファイルサイズを小さくして使用しています。このページの先頭に戻る関連記事Photoshopで一部分が暗い画像を明るくする方法Photoshopで画像をパノラマ風に合成する方法PhotoshopでInstagram風のエフェクトを適用する方法Photoshopの「Web用に保存」で「保存されるファイルの中に、ラテン文字以外の文字が含まれています。*必須(非表示)URL(U):情報を保存する?コメントへの返信ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。すべてのご質問にはお答えできない可能性があります。Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。