Welcome Aboard!

When you get settled please read this as well as these very important threads. They will give you all the info you need on how the forum runs, the rules and regs, and give you some background info on our long running, inside jokes


__________________________________________________ _______________________


I'm sure they're just vectors made in Illustrator or a similar program

Any vector program such as Illustrator or Corel Draw can easily make clean edges like that. It's what those programs are designed for.

Illustrator! FTW!

Adobe Illustrator SHOULD give you edges as smooth as the imges you have provided, like it has been said above that is one reason it is designed for. You can zoom in a much as you desire and the image will not pixelate.

This is what i get when i use save for web, its not that clean as the images above.

It is not really a secret of the pros. As the others have said, the edges produced by Illustrator or other similar software are sharp because they are vectors. Which means you can enlarge them to the size of a house, and they edges will be sharp. BTW fonts are basically vector graphics too. (except for bitmap fonts) That is why you can increase the size to extreme sizes, and there is not pixelation.

You are right though that photoshop nor any other raster / bitmap editor can give you those results.

I know but when you use Illustrator for web graphics (save for web) the default result are really bad as the image i posted earlier.

So please tell me how to get the best result when you save the image for web use like logo's etc

I'm not a web designer, so others may have a better answer, but I would just save it as a high-res .png file.

Since everything on a computer screen displays at exactly the same resolution, no matter what the resolution of the images might be, that wouldn't help. All you'd see is a lower-resolution version of a higher-resolution file.

Louai, there is no secret anti-aliasing formula for sharp edges and fine detail at computer screen resolutions. You basically just let Illustrator or Photoshop handle it. There are sharpening filters in Photoshop that can sometimes make things appear sharper by exaggerating edges, but this produces a noticeable halo effect on simple graphics.

I never save to PNG from within Illustrator. I always move the image to Photoshop first to cut out the surrounding empty space. Personally, I doubt that this extra Photoshop step makes any difference whatsoever in the apparent sharpness of the edges, but you could try it.

Also, even though the top images do appear quite sharp, I think it has more to do with the contrast between the color and the white background that it does anything else. Yours, to me, looks equally sharp, but the lesser contrast between the yellow and the green might tend to blur the degree of difference.

Is it possible that they are using a particular brush when creating their work? For example one that tapers off quite a bit as the stroke ends.

Thank you for this info, i wil tray to reduce the contrast between the colors and see what what i get