ストライプの壁紙は、素材を探すより自分で描いたほうが早いです。ストライプをパターンとして定義してカンバス全体に並べ、配色を変えれば新しい壁紙になります。自分の文字も重ねられます。オンラインPS なら数ステップで完成し、素材サイトを探し回らずに済みます。
-
1
新規ドキュメントと色の設定
1️⃣ オンラインPS で ファイル → 新規 （または Ctrl+N ）をクリックし、幅 1080 px × 高さ 1920 px、解像度 72 dpi のカンバスを作成します（サイズは自由に変更できます）。
2️⃣ 新規レイヤーLayer 1を作成します。
3️⃣ 描画色を黒（#000000）、背景色を中間のグレー（#807f7d）に設定します。 -
2
ファイバーのノイズを追加
フィルター → 描画 → ファイバー を選びます。
パラメータ：差異（Variance）40、強度（Strength）1。確定をクリックします。 -
3
モーションブラー – 縦縞を引き出す
フィルター → ぼかし → モーションブラー を選びます。
パラメータ：角度 90°、距離 2000 px。
これで縦方向の「回折格子」のような効果が得られます。 -
4
レイヤースタイル – グラデーションオーバーレイ
Layer 1をダブルクリックして「レイヤースタイル」を開きます。
グラデーションオーバーレイ にチェックを入れ、描画モードを オーバーレイ、角度を 0° にします。
グラデーションの色は虹色を使います：
紫 → 青 → 緑 → 黄 → 赤（グラデーションエディターでこれらの色を追加できます）。 -
5
グラデーションツールでストライプのマスクを作る
1️⃣ 描画色が 黒 のままであることを確認します。
2️⃣ グラデーションツール（G） を選び、上部のツールバーでモードを 描画色から透明 に変更します。
3️⃣ レイヤー 2 とレイヤー 3 を新規作成します（どちらもLayer 1の上）。
4️⃣ レイヤー 2 ではカンバスの下から上へ、レイヤー 3 では上から下へ一度ずつグラデーションをドラッグします。こうすると両端がフェードし、「ストライプ」の効果が生まれます。 -
6
文字を追加して壁紙を完成させる
文字ツール（T） を選び、カンバスの任意の位置をクリックして好きな文字を入力します（例：「Hello World」や自分のサイン）。
フォント、サイズ、色、描画モードなどを調整して、文字とストライプ背景をなじませます。
終わったら ファイル → 書き出し → PNG/JPEG で保存すれば完成です。
参考資料
- Adobe Photoshop 公式ドキュメント
- HTML5 とモダンなフロントエンドによる画像処理の仕組み
- オンラインPS