サイドバーなどのタイトルの背景画像の作り方

ウェブサイトを作成する際に、サイドバーなどのタイトルの背景に使うちょっとした画像の作成方法です。

新規レイヤーの作成

「レイヤー」→「新規」→「レイヤー」で新規にレイヤーを作成します。

範囲選択

「選択範囲」→「全てを選択」をクリック。

選択範囲のふちどり

「選択範囲」→「選択範囲を変更」→「境界線」をクリックし、「選択範囲をふちどる」で1pxを入力して「OK」ボタンを押す。

選択範囲を滑らかに

「選択範囲」→「選択範囲を変更」→「滑らかに」をクリックし、2pxを入力して「OK」ボタンを押す。

選択範囲の反転

「選択範囲」→「選択範囲を反転」をクリック。

グラデーションをかける

選択範囲内にグラデーションをかける。

完成画像

このような感じになります。

文字を重ねた感じはこのサイトのサイドバーのタイトルのようになります。グラデーションの方向やパターン、色などを変えて作成すると様々なバリエーションのものが作れます。一度試してみてくださいね。