Skip to main content
E
emmal37592831
New Participant
October 7, 2020
Question

How to smooth edges on a font

  • October 7, 2020
  • 1 reply
  • 2908 views

Hi I've made this rose gold coloured logo using the clipping mask on the font, but the edges of it seem rough and jaggered especially when presented on a dark background. How can I smooth out the edges of the font?

 

 



[ attachment inserted as inline image by moderator ]

This topic has been closed for replies.

1 reply

Eugenio.NYC
Eugenio.NYC
Participating Frequently
October 7, 2020

If the edges are vectors, the rough edges are just a preview issue. If you export as a png or another format, take a look how that looks

LMK

E
emmal37592831Author
New Participant
October 7, 2020

Thanks, this is how they look as a png and jpg. It just doesn't quite look as smooth as I was hoping. Also do you know why when I generate a jpg it gets a grey line down the side of the file?

Anna Lander
Anna Lander
Inspiring
October 8, 2020

I clipped an image of a metallic rose type texture. 

 

I think the problem could by my screen. It looks fine on my laptop but the larger screens both have a jaggard edge. And then weird thing is that the gray line comes up around the edge when viewed on my laptop but not on the big screens!


the gray line might be a viewer feature. What's happen when you open it, saying, in Photoshop?

Does the texture have anything but gradient? If not, you can decrease the file complexity applying the proper gradient directly to logo like Euhenio says.

About the image quality: the problem might be in the resolution difference between devices.

Saying, your laptop has a diagonal 15" (it's just an example) and 1920x1080 px resolution, and the bigger screen has, emm, 23" and 1920x1080 px resolution. Generally this means that the pixels there are quite bigger than on the laptop, and you can see them better, this makes the edge weird. 

On the modern phones the resolution is higher, and your image (e.g. 1080x1080 px) might be too small to show it "pixel-to-pixel", if the image container is "full screen" like in Instagram. So the viewer tries to enlarge it and makes some distortions.

 

So, the solving is, as Euhenio says, to define the target resolution right and set it before export. And for JPG check the compressing settings.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices