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

  • ブックマーク
  • Feedly

背景を塗りつぶす

新規ファイル作成

  1. Photoshopを開きます。
  2. 新規作成をクリックします。
新規作成
  1. 幅を506pxと設定します。
  2. 高さ253pxと設定します。
  3. 作成をクリックします。
作成

背景を塗りつぶす

  1. メニューバーの「表示」>「画面サイズに合わせる」をクリックします。
画面サイズに合わせる
  1. レイヤーの部分ロックをクリックして、背景をレイヤーにします。
背景をレイヤーにする
  1. レイヤーサムネイルをダブルクリックして、レイヤースタイルを開きます。
レイヤーサムネイルをダブルクリックして、レイヤースタイルを開きます。
  1. カラーオーバーレイをクリックして、カラーオーバーレイの値を設定します。
  2. 表示色のアイコンをクリックして、カラーピッカーを開きます。
カラーオーバーレイ
  1. #に値を入力して、表示色を設定します。
  2. 表示色を確認して、OKをクリックします。
カラーピッカー
  1. オーバーレイの設定に戻り、不透明度を設定します。
  2. プレビューを確認して、OKをクリックします。
カラーオーバーレイ

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

準備

  1. メニューバーの「ファイル」>「新規…」(Mac:Command + N/Windows:Control + N)をクリックして、新規に画像を作ります。
新規作成
  1. 幅を1pxと設定します。
  2. 高さを13pxと設定します。
  3. 作成をクリックします。
新規作成
  1. メニューバーの「表示」>「画面サイズに合わせる」をクリックして、拡大します。
画面サイズに合わせる

パターンを作成する

  1. レイヤーの部分ロックをクリックして、背景をレイヤーにします。
レイヤーの部分ロックをクリックして、背景をレイヤーにします。
  1. 背景を透明にするために、クリックしてレイヤーを非表示にします。
  2. ツールバーの長方形ツールを選択します。
  3. オブションバーの塗りアイコンをクリックして、カラーピッカーを開きます。
長方形ツール
  1. カラーピッカーの色を白に設定します。
  2. OKをクリックします。
カラーピッカー
  1. 下の1pxの正方形をドラックして、白に塗りつぶします。
塗りつぶし
  1. メニューバーの「編集」>「パターンを定義…」をクリックします。
パターン定義
  1. パターン名を入力して、OKをクリックします。
パターン名

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

準備

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

作成

  1. レイヤーの部分ロックをクリックして、背景をレイヤーにします。
レイヤーの部分ロックをクリックして、背景をレイヤーにします。
  1. 透明を可視化するために、クリックしてレイヤーを作成します。
透明を可視化するために、クリックしてレイヤーを作成します。
  1. 下のレイヤーをクリックして、非表示にします。
  2. ツールバーの塗りつぶしツールを選択します。
  3. オプションバーで「塗りつぶし領域のソース」を「パターン」と設定します。
  4. クリックして、パターンピッカーを開きます。
パターンピッカーを開く
  1. 作成したパターンを選択します。
パターンピッカー
  1. クリックすると、塗りつぶしが実行されます。
  2. レイヤーをコピーします。
レイヤーをコピーする

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

  1. 背景色を設定したファイルに戻り、コピーしたレイヤーを貼り付けます。
レイヤーを貼り付ける
  1. レイヤーのテキスト部分をダブルクリックして、名前を変更しEnterキーを押下します。
レイヤー名を変更する
  1. メニューバーの「編集」>「自由変形」(Mac:Command + T/Windows:Control + T)をクリックします。
自由変形
  1. オプションバーの回転を-45°に設定します。
角度変更
  1. 模様レイヤーをドラック&ドロップして、適切な位置に移動します。
斜線模様の背景

参考書

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

この記事を書いた人

羽沢 仁

羽沢 仁

業務系システムのエンジニアとして、コンサルティング会社で5年、事業会社の社内SEとして5年、フリーランスとして6年、要求定義、設計、開発、テスト、リリース対応の業務に携わってきました。来年からは、街の○○屋さんと直接つながって、ITツールを提供するサービスを開始します。詳しいプロフィールはこちらをご参照ください。