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

Image made in Photoshop looks blurry and pixelated

  • July 18, 2018
  • 2 replies
  • 1373 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

In the first side by side I see the difference in particular the UI elements bottom left.

But compared to the original screenshot that is upsampled 200% and the effect does not seem unexpected.

I am not familiar with Mockingbot, but if that application should just upsample images to 200% there is precious little one can do about that.

What is the original psd file’s resolution?

Could you please post a screenshot taken at View > 100% with the pertinent Panels (Layers, Channels, Options Bar, …) visible?

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