Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I want to size down an already small rasterized layer in Photoshop. I notice that Photoshop distorts the layer by applying anti-aliasing after the resizing is applied. During the resizing, when we can mess around with the resize handles, the anti-aliasing is not rendered and the layer looks exactly the way I want it.

Is there a way to stop PS from applying the anti-aliasing after the "apply" button is pressed?

I've attached a snapshot to explain what I mean. Notice that star labeled after has anti aliasing applied, which the same star, this time labeled during looks more jagged.enter image description here

share|improve this question
2  
I have to say, I actually prefer the after over the during. The look in during is very jagged. If you are going for a certain effect, I would suggest looking elsewhere to accomplish it. – Philip Regan Jul 22 '11 at 15:28
    
@Philip, so do I, in general. But I'm working on something that requires a "pixely" effect, and the anti-aliasing keeps ruining it for me! – Mohamad Jul 22 '11 at 16:05
    
Okay. Fair enough. – Philip Regan Jul 22 '11 at 16:46
    
hmm.. i believe that PS /is/ antialiasing in the during stage, just at a lower resolution. Zooming in on the during example shows ~5 levels of red... – ptim Jun 4 '13 at 12:49
up vote 12 down vote accepted

There is not an option to turn off the anti-aliasing when you resize a layer.

However, a workaround is to copy that layer to a new PSD, and do an image resize on the new PSD.

resize image with nearest neighbor option

Make sure for "Resample Image" option, you choose the "Nearest Neighbor" choice.

Once the shape is resized, then copy it back to your original PSD.

Of course this workaround is a bit cumbersome. You don't have the luxury of dragging the object freehand to get the ideal size you want.

share|improve this answer
6  
Rather than doing the copy/paste, you can simply change the Image Interpolation preference in > Preferences > General to "Nearest Neighbor". That will then be active during any scaling operations. (Don't forget to change it back when done, though!) To get the best pixel effect, scale BELOW the size you want, apply the transform, then scale up. – Alan Gilbertson Jul 22 '11 at 19:22
    
@AlanGilbertson: I know this in an old question, but thanks for this! Good tip; should be an answer. – kcoppock Jul 13 '12 at 3:18

Use Edit -> Preferences -> General and change "Image Interpolation" to "Nearest Neighbor (preserve hard edges)"

I discovered this trick while working on 8-bit assets for a game I was making

share|improve this answer
    
Thanks for sharing. I'll try this out next time I'm working with pixel-stuff! – Mohamad Sep 29 '12 at 21:37

Photoshop is just taking its best guess at how to preserve the quality of your image over the course of the resize operation. The only reason it shows the more-aliased (notice that anti-aliasing is not turned off while the transform tool is active, just reduced) version is to improve performance.

You can easily restore hard, jagged edges to your transformed shapes (or any other anti-aliased shapes) by using the Levels adjustment tool. (ImageAdjustments ⇒ & Levels, shortcut Ctrl + l).

Example:

  • Original Image:

    Original image

  • Resized to 50%:

    Resized

  • Adjust levels (when the min & max values are closer together, this will produce harder edges. Left-to-right positioning will alter which colors get wiped out.)

    Level adjustment tool

    • Voila, hard edges:

    Resized & leveled

Edit: Level adjustments do change the color and would have to be eyeballed to get the right approximation. If you have a solid shape with edges that need finely-tuned aliasing, you can create a desaturated & leveled version of your shape to use as a layer mask. This will give you a lot of control over exactly how jagged you want your edges to be.

Leveled masking

share|improve this answer
    
This seems to work only if there's no transparency in the layer. Also, it doesn't keep the original coloring(you'd have to eyeball it). – Jin Jul 22 '11 at 17:01
1  
@Jin good point about the colors - I forgot to put the caveat. The original question was essentially RGB 255,0,0 which would be quite safe to use level – Farray Jul 22 '11 at 17:30
    
great examples, tx! – ptim Jun 4 '13 at 12:45
  1. Make a new psd thingy
  2. Throw the low res thing in there
  3. GO to the image size, make it to nearest neighbour
  4. Size it from their
  5. CLick ok
  6. Drag your new thing into your project
share|improve this answer

I will explain another option that is not currently given. for one thing when the image is sized down Photoshop attempts to smooth the image out resulting in more colors. because its adding pixels to the edges of the object and these pixels are different color to give a smooth effect.

so as others said you can turn on the nearest neighbor but after that is done you will still have more colors than you originally had

to fix this you can go file save for web devices and choose GIF within this interface you can manually choose how many colors the image will have

this will help remove unwanted colors and in theory also give a more jagged or pixelated image

after you save this image you could always reopen and save under a different file type if GIF isnt the desired type

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.