PSで抖音の赤青ロゴを描く方法(図解つき)

読了時間 約7分

ホーム/ PSチュートリアル/ PSで抖音の赤青ロゴを描く方法(図解つき)

抖音ロゴの赤と青の分離は、要するにチャンネルのずれです。ペンで輪郭をなぞり、レイヤーを複製し、2枚を少しずらして赤と青をそれぞれ割り当て、最後に背景を足せば完成。4ステップで、仕組みも一緒に理解できます。


ステップ1:画像を用意して輪郭をなぞる

  1. 練習用の画像 :サイトに高解像度の原図があります。保存して練習に使ってください
    抖音ロゴ
  2. PSを開く :描きたい画像をドラッグして読み込みます(空のカンバスを新規作成しても構いません)。ここでは抖音ロゴの原図をそのまま使います。
    PSで抖音ロゴの原図を開いたところ
  3. ツールを選ぶ:左のツールバーで、ペンのようなアイコン——「ペンツール」を探します。これで抖音ロゴの輪郭に沿って、少しずつなぞっていきます。細かく正確でなくても、形が合っていれば大丈夫です。
    PSのペンツールで抖音ロゴの輪郭をなぞる
  4. なぞり終えたら、描いた線を右クリックして「選択範囲を作成」を選びます。次に Ctrl+Delete(Windows)または Cmd+Delete(Mac)を押して、選択範囲を白で塗りつぶします。
    PSで選択範囲を作成して白で塗りつぶす

    これで真っ白な抖音ロゴができました。

ステップ2:レイヤーを複製して赤青の効果を作る

  1. レイヤーを複製:レイヤーパネルで、塗りつぶした白いロゴのレイヤーを選び、Ctrl+J(Windows)または Cmd+J(Mac)で複製します。同じ白いロゴが2枚になりました。
    PSで白いロゴのレイヤーを複製する
  2. 位置をずらす:上のレイヤーを選び、マウスで少し右と上に動かします(左下でも、好みのずれ方で構いません)。2枚のロゴがわずかにずれ、「グリッチアート」の原型ができます。
    複製したロゴレイヤーを動かしてずれを作る

ステップ3:2枚に色を付けて赤と青を分離する

ここが最も重要なステップです。上下のレイヤーで表示する色を変えていきます。

  1. まず下のレイヤーから:
    • 下のロゴレイヤーを選びます。
    • レイヤーパネル下部の「fx」アイコンをクリックし、「混合オプション...」を選びます。
    • 開いたウィンドウで「チャンネル」の項目を探します。
    • 「R」(赤チャンネル)だけにチェックを入れ、「G」(緑)と「B」(青)のチェックを外します。
    • OK をクリックします。これで下のレイヤーは赤い部分だけが表示されます。
      レイヤーの混合オプションを開く
      下のレイヤーを赤チャンネルのみ表示に設定する
  2. 次に上のレイヤー:
    • 上のロゴレイヤーを選びます。
    • 同じく「fx」をクリックし、「混合オプション...」を選びます。
    • 「チャンネル」で、今度は「G」と「B」だけにチェックを入れ、「R」のチェックを外します。
    • OK をクリックします。これで上のレイヤーは緑と青の部分だけが表示されます。
      上のレイヤーを緑と青のチャンネルのみ表示に設定する

するとどうでしょう! 上下のレイヤーがわずかにずれ、色チャンネルも分かれているので、抖音ロゴのあの定番の「赤青の二重写り」が見えてきます。

ステップ4:背景を足して完成させる

最後に、作品をよりまとまりのある上質な見た目にするため、一番下に新しいレイヤーを作り、「グラデーションツール」で背景色を引きます(例:濃い青から淡い青、黒からグレーなど)。

これで完成!抖音ロゴのできあがりです。

完成した抖音ロゴの効果

参考資料

  • オンラインPS
  • Adobe 公式ドキュメント
  • Photoshop チュートリアルサイト