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

So, I have this small pixel art as example. annoying dog worf worf

Is there a way to make it bigger without it getting blurry or fuzzy in photoshop?

share|improve this question
3  
I know the question is for Photoshop but just wanted to mention that you can also convert to a vector easily in Illustrator. Check out the question How to convert every pixel of raster picture to square objects in Illustrator? – AndrewH Jan 12 at 17:52
1  
Also related for pixel art to vector: graphicdesign.stackexchange.com/questions/20397/… – Takkat Jan 13 at 7:15
1  
Possible duplicate of How can I resize an image without anti-aliasing? – Luciano Jan 13 at 15:59

Yes, simply use "Nearest neighbour" as the resample algorithm in the "image size" dialog (image -> image size)

resample image

Edit: @CAI gives a nice tip - "It's also worth mentioning, if you don't want any distortion at all, multiply the scale by whole multipliers (so 2x, 3x, 4x or 200%, 300%, 400% etc.)"

share|improve this answer
    
I see. Thank you. – user57025 Jan 12 at 15:33
5  
No problem. If this is what you were looking for, can you please mark my post as the correct answer? – MrMerrick Jan 12 at 15:44
1  
If you want to scale by a non-integer amount, but don't want distortion, it may be helpful to scale up using "nearest-neighbor" by an integer amount and then scale down using an interpolated method. – supercat Jan 12 at 22:15

It depends on what results you want.

If you want it to look "blocky" (i.e. each pixel in the original becomes a square in the result) then MrMerrick's answer is correct.

If you don't want it to look either blurry or blocky then you need a dedicated pixel art scaling algorithm. I'm not sure if such algorithsm are available for photoshop, I did find a plugin for paint.net if you are prepared to use that. http://forums.getpaint.net/index.php?/topic/23601-2d-image-scaling-algorithms/

share|improve this answer

Another possibility, here; try drawing your images using vector shapes. There is a little time investment, but the potential afterwards could pay dividends.

  1. Start by setting your grid size (say grid line every 10 pixels, with only 1 subdivision).
  2. Turn on grid snap.
  3. Using the pen tool draw your shape.
  4. For any parts of the shape that are separated (i.e. on a separate layer), select the multiple layers and use Layer > Merge Shapes.

It's pretty straightforward, and afterwards you can then scale and distort the shapes while retaining a crisp (or even anti-aliased) edge.

2D pixeldog demo

share|improve this answer

If you are looking to simply increase the size relative to other elements and wish to maintain the "pixel art look" then the nearest neighbour method already suggested is the way to achieve that.

If that isn't what you are looking for, there are some advanced scaling algorithms specifically designed for pixel art when you don't want to try maintian sharpness, see https://en.wikipedia.org/wiki/Image_scaling#Algorithms for a list and some examples. The xbr family and Kopf-Lischinski method (paper here, using a way-back-machine link as the main site (which should be here) appears blank at the moment) produce impressive results. ImageMagick supports a number of these so if Photoshop doesn't out-of-the-box you can no doubt find plugins that implement the one(s) you want to try.

share|improve this answer

Hum, yes you can use the option MrMerrick gave you, but you don't really need it... The idea of a pixel art is that you want to see the pixels.

So simply print it on the size you want at a ridiculously low ppi.

Take the program you use for print, Indesign, Ilustrator or Corel, paste the image there and stretch it to the desired size. No resampling needed.

share|improve this answer
5  
Possible, but not always true. Browsers will resample the image (OP says nothing about print) and if you're printing, depending on your workflow, you may end up accidentally resampling (not likely, but a possibility). – Cai Jan 12 at 22:48

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.