Skip to main content
J
jonasm13722144
Participant
July 18, 2018
Question

Image made in Photoshop looks blurry and pixelated

  • July 18, 2018
  • 2 replies
  • 1370 views

I made this in photoshop and as you can see, it looks blurry and pixelated. I have tried to sharpen edges and all sort of things, but nothing seems to work. When I make a standard edge it doesn't seem to fill the edge completely but instead fills some of the pixels 100 % and some more like 40 %. I am making designs for a webpage and using mockingbot to design before making it in photoshop. Everything i make in the mockingbot is 100 % sharp and my photoshop photo just looks terrible compared to that.

Does anyone know, what I am doing wrong? I am new to photoshop so any advice is very welcome

J

This topic has been closed for replies.

2 replies

c.pfaffenbichler
Community Expert
c.pfaffenbichlerCommunity Expert
Community Expert
July 18, 2018

Are you familiar with the concept of anti-aliasing in principle?

Aliasing & anti-aliasing in Photoshop

Could you post a screenshot or output image of the original layout in the mock-up software you are referring to?

J
jonasm13722144Author
Participant
July 18, 2018

Thank you very much for taking the time to answer!


The picture I have posted before is at 100 % in photoshop. This is how it looks, when i put my photoshop design in the mockingbot. The left picture is the one I made in Photoshop, the right is the one that I made in mockingbot. The first picture is 100 % and the second is when zoomed in.

I am not very well familiar with anything I don't know the Anti-aliasing and feather settings. I have tried to search for the issue, but I only found an option to filter -> sharpen -> sharpen edges, which didn't do that much.

c.pfaffenbichler
Community Expert
c.pfaffenbichlerCommunity Expert
Community Expert
July 18, 2018

I don't think it is the program, that is making the difference. When i open it with the standard mac image program it looks the same (this is at 100 %):

This is taken (I think) as you've asked for:


This is getting bizarre, where did you create the image originally and what have you done to it?

The screenshot shows that it was taken at View > 100% but what looks like the individual image pixels are actually 2px x 2px  (guides, too), so it seems you have messed up the display somehow.

Where and how and at what resolution did you create the Layers »Guld«, »Sølv«, »Layer 1«, »Manager« and »Hold«’s content?

Why are they not Smart Objects?

What are the original image’s resolution and pixel dimensions?

In »Skærmbillede+2018-07-18+kl.+16.53.58.tif« the image is upsampled more than 400% compared to the original screenshot.

Whatever those other applications do to images you created in Photoshop is not Photoshop’s doing.

    c.pfaffenbichler
    Community Expert
    c.pfaffenbichlerCommunity Expert
    Community Expert
    July 18, 2018
    I made this in photoshop and as you can see, it looks blurry and pixelated.

    I cannot confirm that.

    Please post a screenshot of the image opened in Photoshop taken at View > 100%.

    When I make a standard edge it doesn't seem to fill the edge completely but instead fills some of the pixels 100 % and some more like 40 %.

    What are you talking about, how do you »make an edge« exactly – a Selection Tool, a Path Tool, …?

    What are the Anti-aliasing and Feather settings, if any?

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices