: Mockups Pixelate Image So I used a normal screenshot (630x1136) from an iPhone and I dropped into the PSD file. I tried so many ways but the image on the phone looks pixelated. Do you know
So I used a normal screenshot (630x1136) from an iPhone and I dropped into the PSD file. I tried so many ways but the image on the phone looks pixelated. Do you know how do I make make look good?
So, I'm working on some Key Visual for a Landing Page which the dimensions are: 450x3000px (so the image that you see extend to the sides). I'm using Photoshop CS6 for Mac. I bought this mockup here. And first I just replaced the screenshot and looked awful and then I converted the image to smart object and after it rasterized after I scaled "by hand" and looked a bit better. (being honest I tried out without knowing what I was doing but look better but not perfect)
Hope that helps to understand my issue.
More posts by @Rivera951
3 Comments
Sorted by latest first Latest Oldest Best
There are a couple of things I would suggest trying.
Import your screenshot as a smart object. or if it is a smart object try importing it rasterize. photoshop handles anti aliasing differently for smart objects and rastered objects
Check your anti aliasing algorithm | Under Preferences / General - Image Interpolation (probably want bicubic or bicubic smoother)
Make sure you're not using warp it is a lower quality transformation
lower the resolution of your template if you don't need it that high, 5000x3333px is a large resolution. scaling the template down would decrease the ratio between your screenshot resolution and your image. Your screenshot may be being scaled up at the higher res causing some issues
also make sure you're previewing at 25% 50% 100% 200% etc.
What you call "pixelation" is really called "aliasing." I think the problem is that you are scaling it down and skewing it and the number of pixels available in the final render is not enough to give you a good looking diagonal line.
The basic 2x full-scene anti-aliasing routine (2xfsaa) used in gaming for dealing with large transforms of pixel data is literally doubling the size of the image, making your transforms, and then halving the size again for display. This tends to give you more data for the line and then you resample back down.
This method may not always work out if you have areas of high contrast (ie your entire screencap), but it may help.
I may be incorrect on this last point, but I think that if you place your screencap as a smart object and transform it, you do not get the best resampling/scaling.
Chances are your screenshot is 72dpi and the photo you're placing it in is a much larger 300dpi image. If you're scaling up instead of scaling down after you placed your screenshot, that's likely why it's pixelated.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.