We’re rewarding the question askers & reputations are being recalculated! Read more.

Questions tagged [anti-aliasing]

Questions about the technique of smoothing transitions between color fields within an image to combat the jagged or rough edges that appear due to aliasing. Anti-aliasing is used in digital photography, computer graphics, and many other applications.

Filter by
Sorted by
Tagged with
21
votes
4answers
21k views

how to rasterize an SVG without anti-aliasing

I've made a map in inkscape and now need to change it to a bitmap or .png. The map will be interpreted by a computer program which will look for exact colors so the edges need to be crisp. when I ...
20
votes
5answers
34k views

Font (anti)aliasing in Photoshop

I'm using Photoshop for designing websites and whenever I compare a photoshop design with the live browser preview the fonts appear to be rendered differently. Basically any anti-aliasing method I ...
19
votes
6answers
111k views

How can I stop or disable anti-aliasing / feathering in Photoshop?

I've never really found a solution to an issue that's been plaguing me since I first experienced it in Photoshop CS, and now, five versions later, it's still bugging me! What is it? Well, seemingly ...
17
votes
2answers
3k views

Why does anti-aliasing in black characters use colors other than gray-scale ?

I'm a developer, I'm not a graphic designer. But there's one question that bugs me every since I've noticed it some years ago. Anti-aliasing is a method for removing the sharpiness from high contrast ...
14
votes
2answers
57k views

How do I turn off anti-aliasing while drawing shapes in Photoshop?

Whenever I create a square shape at 100% zoom, I get perfectly sharp edges. However, once I zoom in at any amount, drawing a perfect square (without anti-aliasing) is very difficult. Is there a way I ...
12
votes
2answers
21k views

How to apply anti-aliasing to a layer with a transparent background?

I have one layer with some black pixels in the middle and a transparent background. If I add an opaque white background under it, merge both, and then click "Antialias" from the "Filters" menu, it ...
11
votes
5answers
24k views

How can I make my Photoshop text appear like it does on the web?

Do I really have to design everything in Photoshop with anti-aliasing set to "none"? I'm sure there is a better way. I'd like to have a setting so that when picking a basic web-safe (such as ...
8
votes
2answers
863 views

Why does browser add bluish and brownish colors to a solid font color?

I'm wondering why my browser (Firefox) add blue tints on the right and brown tints on the left of a solid grey (#333333) font color as shown in the image below. Could somebody explain to me why this ...
8
votes
3answers
38k views

Strange grey bordering/outline in Illustrator

I made a couple of vector shapes in AI and I get this strange thin border appearing around them. I can't get rid of it. Any suggestions? Zoomed in:
8
votes
1answer
2k views

How to render text pixel-perfectly with subpixel antialising with Illustrator?

I'm exporting a document to raster image with Illustrator and get this result: But I want to get this quality: It lookes more pixel-perfect and thin then the Illustrator's render. How do I setup ...
8
votes
6answers
2k views

How to smooth out lines of rotated smart object in photoshop?

I am building some kind of mockup for business card and while i was trying to create the looks like cards are on top of each others i used smart object to easily change look of business card on all ...
6
votes
4answers
1k views

Using “vector-like” raster images in PDF documents

I'm in the process of producing QR-codes for use on product packaging. The codes are generated in batch and the resulting files are typically 25x25 px PNG files. Of course, such a small image would ...
6
votes
3answers
2k views

How to design a websites using thin fonts that will look good in a web browser?

I recently quite repetitively encounter the same problem - the fonts in photoshop don't look even close to the fonts embedded onto the websites. Obviously - it's mostly about external, 3rd party ...
6
votes
3answers
6k views

Force PS to alias smart object

I'm trying to create an icon based on a 2 color png I downloaded from icon monster. It is placed in my document as a smart object. I want it to be crisp, but photoshop doesn't want it to be.. even ...
6
votes
2answers
798 views

How can I reduce the aliasing that occurs around my custom icon web font when it is scaled?

I am trying to make my own icons and embed them in a custom Web font. For that, I'm using Illustrator & Icomoon. I design the icons in a 14x14px square, then I create my Web font using Icomoon ...
5
votes
3answers
26k views

Which anti-aliasing settings should I use in Photoshop when designing for small print sizes

I'm designing a business card which contains quite a lot of information. Some of the type is small. Is there a preffered text anti-aliasing setting when doing something like this? Currently my type ...
5
votes
4answers
59k views

Illustrator vector aliasing

How can I make my vector graphics anti-aliased in illustrator? My paths always turn out jagged. Is there an option like in Adobe Fireworks to smoothen[remove the jaged edges] my paths?
5
votes
2answers
23k views

How can I resize an image without anti-aliasing?

I design emoticons, and often I need to resize things. However, this usually needs to be done without anti-aliasing. I can't find anywhere to do this. It's kind of backward, as it's actually harder ...
5
votes
1answer
10k views

In GIMP, how to completely disable anti-aliasing/interpolation while scaling a selection?

I'm trying to design something in GIMP that must have no anti-aliasing/interpolation at all. When I scale up, I want sharp edges with no blur. I can disable anti-aliasing/interpolation while scaling ...
5
votes
1answer
488 views

Is anti-aliasing done manually?

First off, forgive me if this is a stupid question. The graphic design community isn't my ordinary community, so all the concepts are very foreign to me. I was looking for ways to anti-alias a sprite ...
5
votes
1answer
2k views

Exporting PDF from Adobe Illustrator without aliasing

I am working with an image with an aliasing problem in Adobe Illustrator CS6. The aliasing disappears after unchecking Preferences-> General -> Anti-aliased Artwork. However, when I export the ...
4
votes
4answers
53k views

My web logo looks pixelated after resizing

I am trying to resize my logo for the web but so far I have not been seeing the result that I want to. It was in a vector format first (AI) and then it was converted to PSD. I then used the image ...
4
votes
1answer
5k views

Photoshop: use the pen tool without anti-aliasing?

I'm building some "8-bit" style sprites in Photoshop, and using the pen tool so that I can scale them for different resolutions. The problem is that they are coming out anti-aliased, which I don't ...
4
votes
2answers
2k views

Illustrator CS3 - upscaling placed or embedded raster graphics with interpolated antialiasing on export?

I've designed some popup banners (output dimensions 840mm x 2000mm @ 300dpi) and used vectors throughout with the exception of some stock photography for their backgrounds. I've been Linking all ...
3
votes
4answers
68k views

How to Remove Jagged Edge (Aliasing) on a Straight Diagonal Line

This is 120px X 283px dimension, PNG image. When using it in website the same image dimension is set through css but in the browser view it is showing like a saw like this Is it possible to draw ...
3
votes
1answer
59 views

How to smooth out a pixelated image before printing?

I have a bunch of images such as this one that are completely pixelated, and I my friend wants to make large prints to hang in her house. How can I smooth these out so they will not appear pixelated? ...
3
votes
2answers
766 views

Combining angled shapes in Photoshop CS6 causes antialiasing on all

When I combine two shapes where at least one has a non-right angle or curve, both shapes become anti-aliased. This appears to be some new to CS6. Are there any ways to get around this? The photo ...
3
votes
1answer
319 views

Exporting without anti-aliasing on outside?

I have some Isometric vector blocks in Illustrator that need to line up perfectly. Anti alias looks great but then I get visible edges when overlapping the blocks. Without anti alias they line up ...
2
votes
2answers
12k views

Why do fonts appear blurry in Photoshop?

I'm just getting used to Photoshop and I can't figure out why all my fonts look blurry.
2
votes
2answers
622 views

Ugly edges around shapes in Illustrator

When I work with bold colors in Illustrator I get these ugly edges between shapes. Both previewed in Illustrator and when exported (I have played around with different formats and settings). I think ...
2
votes
2answers
3k views

Is there a way how to replicate the subpixel rendering look of Windows/Outlook/browsers in Photoshop?

I would like to replicate the antialiasing made by my browser in photoshop. Look at this picture: It is 500% image of standard 13px Arial #464646 font. First line is screenshot from browser(chrome), ...
2
votes
1answer
8k views

How to export png from Illustrator without anti-aliasing?

On first image yow can see an icon, a line is selected in Adobe Illustrator. On second image you can see the image after Save for Web .. was pressed. I do not need anti-aliasing, extra strip between ...
2
votes
1answer
729 views

Anti aliasing for skewed typography in PS

The white rectangle that contains the typography is a Smart Object that was skewed with Edit > Transform > Perspective. The problem is that when the it's skewed and then resized (smaller) the text ...
2
votes
2answers
3k views

gimp change colors in 2-color image

In Gimp I have a simple graphic image with two colors (a foreground and background color) with anti-aliasing between them. I would like to change either one or both of the colors in the image to ...
2
votes
2answers
2k views

How to select color with gimp

I am trying to select by color in Gimp this image: but when I select by the foreground color, also the antialiased pixels in the border are selected. How to select only the foreground color in Gimp?...
2
votes
1answer
71 views

Photoshop Single Color for Shapes [duplicate]

Everytime I use the Ellipse tool in photoshop it creates a border with a black fading to grey outline. I want to make an ellipse with a solid black outline with zero gray colors instead.
2
votes
1answer
2k views

Change to Art-Optimized Supersampling in Illustrator

I was wondering if it's possible to change my viewing in Illustrator to art-optimized supersampling, instead of the type-optimized anti-aliasing that is default. I'm not talking about the exporting ...
2
votes
3answers
1k views

Illustrator Aligned to Pixel Grid But Logo Still Fuzzy

I'm trying to create a crisp logo in Illustrator CC, and no matter what I do (have set up web document settings with align to pixel grid), when I go to save my logo as a PNG-24 web document and ...
2
votes
1answer
3k views

How can I prevent anti-aliasing in Photoshop shapes and smart objects?

I am simply drawing a shape using the shape layer tool, however no matter how many shapes I draw, when zoomed in there is always anti-aliasing I know I can select fill pixels and then switch off anti-...
2
votes
1answer
4k views

Anti-Aliasing turned off in Photoshop?

I was trying to make my own custom shapes in Photoshop, so I first started out with an ellipse. I saw that all the shapes had pixelated edges. I went to turn Anti-Aliasing on in the marquee tool but ...
2
votes
2answers
394 views

How do I export an SVG from Illustrator such that it renders well in small sizes?

I come from a Photoshop background and this is my first time dabbling with AI. I would like to show my product logo in a small size on a webpage (about 15px height). I currently have a PNG (created ...
1
vote
4answers
2k views

Why are the text and boundaries / edges of graphics blurry in this image, and how can I fix it?

My friend made a logo for me. But between us we cannot figure out some problems. The text is blurry. Where the different coloured squares meet is blurry (might not be correct term, possibly "clashing"...
1
vote
4answers
10k views

Creating a Selection in Photoshop with no Feathering or Anti-aliasing

EDIT: TL;DR I can't get rid of anti-aliasing and/or feathering, even though they are disabled. Some visuals, so you can actually see it happen... First this is me trying to erase, clicking madly; ...
1
vote
2answers
2k views

The most legible sans-serif question mark for small sizes?

Trying to come up with the most legible sans-serif question mark for my Google reCAPTCHA's help icon. The ones that Google use are either too retro or too unreadable (below). I want a question mark ...
1
vote
1answer
66 views

making sharp pixel perfect curves in illustrator

I'm trying to export a vector graphic to a png with full transparent alpha channel but i noticed that all around the edge of the curves the pixels are blended semi tranparent. I need full opaque cut ...
1
vote
2answers
868 views

Inkscape: Zoom into pixels

Inkscape v0.92 When I zoom I would like to see the individual pixels instead of the zoom anti-aliasing. This occurs not only for paths but also for bitmaps. I realize there is now a 'Display: Use ...
1
vote
1answer
8k views

How to make 100% hard circles without blurred edges (photoshop) [duplicate]

I'm making a circle with a radius of 400 pixels, the edge of it looks like this: But the look I'm trying to achieve is a circle with hard edges, meaning no transparency, the edge of it would then ...
1
vote
2answers
214 views

How do I maintain visual crispness in a small (50x50) logo?

I'm not sure whether it's due to antialiasing or something else, but the logo and Twitter icon on my site look blurry, especially on mobile: http://scarletstringstudios.com/ The logo source was a ...
1
vote
1answer
201 views

Antialiasing on a transparent background, png exports as a fade to white instead of alpha

As noted in the zoomed snippets below, I'm able to get the antialiasing looking good in gimp (just by using the AA setting in the ellipse select tool). However, when I export it (as png, of course) ...
1
vote
1answer
2k views

Smooth color edges

Part of a game design - I had to make a map that is built with layers of color that the engine processes at a later stage. Each color represents a different ground type. Basically, I made that map ...