• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Pixel Art exported as .png from Illustrator is blurry when opened in Photoshop

New Here ,
Aug 29, 2018 Aug 29, 2018

Copy link to clipboard

Copied

I recently made this pixel art image of a rather dashing Alex Turner in Illustrator, and exported it as a .png.

If I now open it in Photoshop, it looks blurry if I zoom in...

Here's a side by side screenshot of Illustrator on the left and Photoshop on the right.

I read it might be anti aliasing or something, but I haven't found a way to turn that off...

Views

6.3K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Aug 29, 2018 Aug 29, 2018

I'm using this as a digital image only, and it needs to be less than 200 x 200px... will changing the resolution affect this or not?

If you set your rulers to Pixels what are the document dimensions?

If you want to export a PNG with the same pixel dimensions, set the export resolution to 72ppi, and set Anti-Aliasing to None so the edges don't blur. Here my artboard is 200 x 200 pixels:

Screen Shot 9.png

The 72ppi resolution exports a matching 200x200 PNG:

Screen Shot 10.png

Votes

Translate

Translate
Adobe
Community Expert ,
Aug 29, 2018 Aug 29, 2018

Copy link to clipboard

Copied

Export at  a higher resolution. Rather than  scaling this 1200% in Illustrator.

pastedImage_0.png

You can change here instead.

Screen Shot 2018-08-29 at 10.24.31 AM.png

Depending on if you want to use this image for print or as a digital image, we can further guide you on what resolution you need.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 29, 2018 Aug 29, 2018

Copy link to clipboard

Copied

I'm using this as a digital image only, and it needs to be less than 200 x 200px... will changing the resolution affect this or not?

I don't really know much about that side of things computer-wise, so sorry if this seems like an obvious question.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 29, 2018 Aug 29, 2018

Copy link to clipboard

Copied

  1. turn on align to pixel grid Screen Shot 2018-08-29 at 11.43.54 AM.png
  2. scale  image in illustrator to be  exactly 200 px tall, and round the width to an even number in transform pallette
  3. export to the bitmapped format you need

Your result will be an image exactly 200px tall and however wide.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Aug 29, 2018 Aug 29, 2018

Copy link to clipboard

Copied

I'm using this as a digital image only, and it needs to be less than 200 x 200px... will changing the resolution affect this or not?

If you set your rulers to Pixels what are the document dimensions?

If you want to export a PNG with the same pixel dimensions, set the export resolution to 72ppi, and set Anti-Aliasing to None so the edges don't blur. Here my artboard is 200 x 200 pixels:

Screen Shot 9.png

The 72ppi resolution exports a matching 200x200 PNG:

Screen Shot 10.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 31, 2018 Aug 31, 2018

Copy link to clipboard

Copied

Thanks, I didn't see the anti-aliasing dropdown menu before... If you still want to know, the dimensions are 45 x 67px, so one pixel in the illustration is equal to one pixel on the screen.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 07, 2023 Apr 07, 2023

Copy link to clipboard

Copied

LATEST

Thank you for this post. I am just new in this field. But I like Photoshop very much and I have been able to learn it to a great extent with the help of all of you. And I have worked on 1 recent project which I am sharing with you all. Digitals Magazine

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines