Photoshop：斜線模様の背景を作成する方法

背景を塗りつぶす

新規ファイル作成

1. Photoshopを開きます。
2. 新規作成をクリックします。

3. 幅を506pxと設定します。
4. 高さ253pxと設定します。
5. 作成をクリックします。

背景を塗りつぶす

1. メニューバーの「表示」＞「画面サイズに合わせる」をクリックします。

2. レイヤーの部分ロックをクリックして、背景をレイヤーにします。

3. レイヤーサムネイルをダブルクリックして、レイヤースタイルを開きます。

4. カラーオーバーレイをクリックして、カラーオーバーレイの値を設定します。
5. 表示色のアイコンをクリックして、カラーピッカーを開きます。

6. ＃に値を入力して、表示色を設定します。
7. 表示色を確認して、OKをクリックします。

8. オーバーレイの設定に戻り、不透明度を設定します。
9. プレビューを確認して、OKをクリックします。

塗りつぶしパターンを作成する

準備

1. メニューバーの「ファイル」＞「新規…」（Mac：Command + N／Windows：Control + N）をクリックして、新規に画像を作ります。

2. 幅を１pxと設定します。
3. 高さを13pxと設定します。
4. 作成をクリックします。

5. メニューバーの「表示」＞「画面サイズに合わせる」をクリックして、拡大します。

パターンを作成する

1. レイヤーの部分ロックをクリックして、背景をレイヤーにします。

2. 背景を透明にするために、クリックしてレイヤーを非表示にします。
3. ツールバーの長方形ツールを選択します。
4. オブションバーの塗りアイコンをクリックして、カラーピッカーを開きます。

5. カラーピッカーの色を白に設定します。
6. OKをクリックします。

7. 下の1pxの正方形をドラックして、白に塗りつぶします。

8. メニューバーの「編集」＞「パターンを定義…」をクリックします。

9. パターン名を入力して、OKをクリックします。

横縞模様のレイヤーを作成する

準備

1. メニューバーの「ファイル」＞「新規…」（Mac：Command + N／Windows：Control + N）をクリックして、新規に画像を作ります。
2. 幅を1000に設定します。
3. 高さを1000に設定します。
4. 作成をクリックします。

作成

1. レイヤーの部分ロックをクリックして、背景をレイヤーにします。

2. 透明を可視化するために、クリックしてレイヤーを作成します。

3. 下のレイヤーをクリックして、非表示にします。
4. ツールバーの塗りつぶしツールを選択します。
5. オプションバーで「塗りつぶし領域のソース」を「パターン」と設定します。
6. クリックして、パターンピッカーを開きます。

7. 作成したパターンを選択します。

8. クリックすると、塗りつぶしが実行されます。
9. レイヤーをコピーします。

斜線模様の背景を作成する

1. 背景色を設定したファイルに戻り、コピーしたレイヤーを貼り付けます。

2. レイヤーのテキスト部分をダブルクリックして、名前を変更しEnterキーを押下します。

3. メニューバーの「編集」＞「自由変形」（Mac：Command + T／Windows：Control + T）をクリックします。

4. オプションバーの回転を-45°に設定します。

5. 模様レイヤーをドラック＆ドロップして、適切な位置に移動します。

参考書

僕は旧版の書籍で学びましたが、新版が出ているようなので、そちらの書籍のリンクを張っておきます。