PSオンラインチュートリアル：Douyin風スター・ポスターの作り方

読了時間 約15分

ホーム/ PSチュートリアル/ PSオンラインチュートリアル：Douyin風スター・ポスターの作り方

Douyin風のスター・ポスターは、ずらしと色のぶつけ合いが骨格です。新規カンバスを作り、レイヤーを複製してチャンネルごとに分け、赤・緑・青を少しずつずらしてグリッチ感を出します。その上に色とラインの装飾を重ね、最後に文字を組みます。縦長でも横長でも、オンラインPSなら同じ考え方で作れます。

1️⃣ 準備

  1. オンラインPSエディターを開き、左上のFile → New（またはCtrl+Alt+N）をクリックします。
    カンバスサイズを210 mm × 297 mm（A4判）、解像度72 dpi、カラーモードRGB、背景内容は白に設定し、Createをクリックします。
  2. 被写体に使うスターの写真（たとえば「ジェイ・チョウ」）をFile → Openで開くか、Photoshopへ直接ドラッグします。
  3. 作成したA4カンバスに戻り、File → Place Embedded…（またはCtrl+Shift+P）で、いま開いた写真を選びます。
    三分割法の考え方（カンバスの左右上下にそれぞれ約1/6の余白を残すと、構図に緊張感が出ます）で配置し、確定すると画像が1つのレイヤーになります。そのレイヤー名をジェイ・チョウにします。

2️⃣ レイヤーの作成と複製

  1. ジェイ・チョウレイヤーを選び、Ctrl+Jを3回押して同じレイヤーを3つ作ります。順にR、G、Bと名前を付けます（元のレイヤーは削除しても非表示にしてもかまいません）。
  2. 次の手順でR・G・Bの3つのレイヤーそれぞれにチャンネルミックスの設定を行うので、ここで色チャンネルをずらす準備をしておきます。

3️⃣ チャンネルミックス（RGBのずれ）

この手順が、Douyinのショート動画でよく見る「グリッチな色ずれ」を作る鍵です。

  1. Rレイヤーを選び → 右クリック → Blending Options… → ダイアログ左側のAdvanced Blendingを開き → Channels欄でRだけをチェックします（赤チャンネルのみ残す）。
  2. 同じように、GレイヤーはGチャンネルだけ、BレイヤーはBチャンネルだけを残します。
  3. Rレイヤーを左へ7 px、Gレイヤーを右へ7 px動かします（Bレイヤーはそのまま）。V（移動ツール）で矢印キーを使うか、そのままドラッグします。
    この時点で軽い色ずれが現れ、テレビの信号障害のようなプレビューになります。
ヒント：「信号障害」感を強めたいときは、ずらす量を10〜15 pxまで大きくするか、Bレイヤーも左右に少しだけ（±2 px程度）ずらしてみてください。ただし全体の色が白っぽく「飛んで」しまわないように注意します。

4️⃣ ずらしの技法——断裂・ショートの表現

  1. レイヤーパネルでR・G・Bの3つのレイヤーを選び、Ctrl+Shift+Alt+E（Merge Visible to New Layer）で統合した新しいレイヤーを作り、「ずらし」と名前を付けます。
  2. 「ずらし」レイヤーを選び、ツールバーの長方形選択ツール（M）で、画面のあちこちに選択範囲をいくつか描きます（大きさはばらばらで、まばらでかまいません）。
    描き終えたら移動ツール（V）に切り替え、それぞれの選択範囲を数ピクセルずつ左右にドラッグして、砕けたようなショート寸前の感じを出します。
  3. 任意：「ずらし」レイヤー（またはその一部の選択範囲）にFilter → Distort → WaveやFilter → Pixelate → Mosaicなどのフィルターをかけ、グリッチ感にテクスチャを足します。
    まずWave（波形）で振幅を控えめ（5〜10程度）にし、次にMosaic（モザイク）へ切り替えてピクセルサイズを3〜5にします。最後に画面全体を見ながら微調整します。
  4. すべてのずらしが終わったら、選択を解除（Ctrl+D）して全体の見え方を確認します。断片が密になりすぎて画面が重い場合は、Erase（消しゴム）やMask（マスク）で少し削ります。
密度の調整：まず「大きな」ずらし（幅・高さ150 px程度の長方形を5〜6個）で全体の輪郭を作り、その間に「細かい」ずらし（20〜30 pxの小さな長方形）を差し込むと、迫力と奥行きの両方が出ます。

5️⃣ 色と装飾

  1. 新しい空のレイヤーを「ずらし」レイヤーの上に作成します（Shift+Ctrl+N → 確定）。
    Ctrl+Deleteを押すか、カラーパネルで描画色を#f018cdに設定して塗りつぶし、レイヤーをその色で埋めます。
    このレイヤーの描画モードをOverlay、不透明度を85 %にすると、画面全体にやわらかな紫赤がかかり、グリッチ感に「雰囲気」が出ます。
  2. さらに空のレイヤーをShift+Ctrl+Nで作り、塗りつぶしの内容でPattern（パターン）を選び、Custom PatternをクリックしてHorizontal Lines（水平線）か、自分で用意したラインのパターンを選びます（なければ既定の「Grid」でかまいません）。
    このレイヤーの描画モードをLinear Burnに、不透明度を8 %にすると、細かなラインのテクスチャが加わり、ブラウン管テレビの走査線のようになります。
色のバリエーション：
  • 寒色寄りにしたい場合は、描画色を#0ddff5（淡い青）にして、同じくOverlayを使います。
  • 暖色寄りにしたい場合は、#ff9326（オレンジ）で同じ手順を行います。

6️⃣ 文字組み

文字はポスターの魂です。以下の例では「ジェイ・チョウ」と「夜曲（Nocturne）」を使っていますが、好きなアーティスト名やタイトルに置き換えてください。

  1. 文字レイヤーを新規作成（T）し、ジェイ・チョウと入力します。フォントは一般的なサンセリフ体（「源ノ角ゴシック」や、Douyinで人気の「PingFang SC Medium」など）が合います。サイズは約96 pt（カンバスに合わせて調整）、色は純白#ffffffか、少し発光する#ffde00、配置は中央揃えにします。
    Layer → Layer Style → Outer Glow（外側の光彩）で色を#ff018c（ピンク）、サイズを約30 pxにすると立体感が増します。
  2. もう1つ文字レイヤーを作り、RED SUN（または中国語タイトルの「夜曲」）と入力します。サイズは約48 pt、色は同じ白か金属的な#ffd700（金）にし、文字のパスに傾きを付けます（編集 → 変形 → 遠近法）。動きのある見た目になります。
  3. 画面に奥行きを出すため、文字の後ろに細い線を2本引きます（Shape → Line）。色は#f018cd（先ほどのオーバーレイ層と同じ）、描画モードはOverlay、不透明度を約30 %まで下げ、装飾的な走査線のように自由に配置します。
  4. 全体のレイアウトを整えます。スターの顔（メインのレイヤー）は文字レイヤーの後ろに置きつつ、文字に隠れないようにします。文字は余白部分に置くか、軽い影を付けて読みやすくします。
レイアウトのコツ：
  • 整列ツール（ウィンドウ → 整列）を使うと、文字を水平・垂直の中央にすぐ揃えられます。
  • 文字と画像を「絡ませた」表現にしたいときは、文字レイヤーの描画モードをScreenにするか、文字レイヤーをずらしレイヤーの下に置くと、半透明の「グリッチ文字」になります。

7️⃣ 書き出し

  1. レイヤーの位置・色・文字に問題がないことを確認したら、後から編集できるよう、まずPSDで保存するのがおすすめです（Ctrl+Shift+S → PSDを選択）。
  2. SNS向けのファイルを書き出します。
    File → Export As → PNG（またはJPEG）。サイズは210 mm × 297 mm（72 dpi）のまま、品質は90 %以上（JPEG）にします。
    Douyin（縦画面）に投稿する場合は、Image → Image Sizeで1080 × 1920 pxの縦長に変換するか、File → Export As → PNGの画面でサイズを手入力します。
  3. 完成です！できあがった画像をそのままDouyinやWeiboなどのプラットフォームにアップし、音楽を付ければ、インパクトのあるスター・ポスターになります 🎉

参考資料

← チュートリアル一覧に戻る