Douyin-Style Celebrity Poster Effect: Online PS Tutorial

About 8 min read

Home/ PS Tutorials/ Douyin-Style Celebrity Poster Effect: Online PS Tutorial

A 1080×1920 portrait canvas, built into a Douyin-style celebrity poster. Offset the RGB channels for the glitch feel, layer colour on top for depth, add a few line accents, then set the title and subtitle — the whole flow runs inside Online PS.

1. Before you start

  1. Grab a sharp, clean frame from a Douyin video (1080 × 1920, 9:16 portrait, recommended).
  2. Sign in, or go straight to Online PS.

2. Create the canvas in Online PS

Open the online editor with a new 1080×1920 canvas, or click “New” → Canvas size in the top-left, enter 1080 px wide and 1920 px high, and set the colour mode to RGB.

3. Upload the image and duplicate the layer (prep for the RGB offset)

  1. Click “File → Upload image” in the left toolbar and choose the screenshot you prepared in step one.
  2. The image lands on a new layer. Select that layer and press Ctrl+J (or right-click “Duplicate Layer”) twice, giving you 3 identical layers.
  3. Double-click each layer name in turn and rename them Red, Green and Blue, so you can find them later.

4. Create the RGB offset (the classic Douyin effect)

  1. Select the Red layer → Edit → Transform → Move (or use the arrow keys): 5 px left, 5 px up.
  2. Select the Green layer → move it 5 px right, 5 px down.
  3. Select the Blue layer → move it 5 px left, 5 px down.
  4. Leave all three blending modes on “Normal”. The slight colour offset on its own already produces that neon fringe.

5. Add the glitch displacement

  1. Merge the three layers (select all → right-click → Merge Layers) to get one complete, offset image.
  2. In the left toolbar choose “Filter → Glitch” (if it isn't listed, search the “noise / glitch” filters).
  3. Set strength to 30-40% and slice width to 15-20 px, check the preview, then confirm.
  4. Click “OK” and the canvas shows the glitch striping.

6. Colour overlay (add depth)

  1. Create a new blank layer and put it at the very top.
  2. Take the “Gradient tool” from the left toolbar, choose “Linear gradient” and set the colours to orange-red → cyan-blue (30% opacity).
  3. Drag from the top-left corner of the canvas to the bottom-right to draw a diagonal gradient.
  4. Change that layer's blending mode to “Overlay” and the colour wash lands.

7. Type layout (title + subtitle)

  1. Click “Type tool (T)” in the left toolbar.
  2. Click where the text should go and type the main title (for example “Star Flash”). Bold white at 80-100 px works well; turn on Drop Shadow (3 px offset, black at 30%) for legibility.
  3. Add a second line as the subtitle (for example “Douyin exclusive poster”) at 40-50 px, in light grey or pale pink, with a drop shadow or stroke as well.
  4. Nudge the text with the Move tool (V) so it sits visually centred with a comfortable margin.

8. Export the poster

  1. When everything is in place, click “File → Export → Save as JPG/PNG” in the top-left.
  2. PNG is the better choice (it keeps transparency); set quality to 100%.
  3. Once downloaded, use it straight away in Douyin's “+ Add cover” or from your album.
A few tips:
  • Every effect can be hidden or shown again from the “Layers” panel on the left, so fine-tuning stays easy.
  • To get back to the original state in one go, step backwards through the “History” panel in the top-left.
  • When you're done, click “Share link” in the top-right to generate an editor URL that opens straight into this state — handy for working with a team.

References

  • Online PS
  • Adobe official documentation
  • Photoshop tutorial sites