Skip to content

Removing undesirable "staircase" effect from huge font

Featured Replies

I've tried everything for the past 4 hours. A little help please?

Problem: Huge letters look "staircased" at full screen ( especially "W" and "M" ).

I've tried illustrator and photoshop. I've tried "crisp", "smooth", "strong", etc.

These will be exported as PNG files into Final Cut pro for video.

reddit-staircase.png

The image on the right has JPG compression artefacts and was also probably scaled up. It looks blurry and actually not very good. That’s not something to strive for in my opinion. 

If you prepare images for video, image resolution (and image processing of the video app) matters most. At what size have you created the images in Photoshop? Obviously you want to avoid upscaling in the video app. That would increase the jagged edges. 

  • Author

Yes image on right is lowres. That has nothing to do with my issue. Resolution has nothing to do with it. Not upscaling anything. If I can just create huge letters in photoshop without the "staircase" effect I can take it from there. Thanks so much for trying to help. ( Fyi this issue remains at 72dpi and 600dpi, size/resolution won't make a difference ).

23 minutes ago, Mustardeer said:

Resolution has nothing to do with it. 

:winking:

Of course it does. You have diagonal lines and your screen has square pixels. You cannot get a straight line. It’s physically impossible. The “staircase effect” is unavoidable, but it gets smaller with higher (physical or calculated) resolution and the anti-aliasing applied on the edges can be controlled through the settings (smooth, crisp …) you already know. If they don’t help you, then resolution is the only other parameter you have. Believe it or not. 

  • Author

Thanks, I was hoping for magic apprently it's just is what it is.

Create an account or sign in to comment

Important Information

We are placing functional cookies on your device to help make this website better.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.