Photoshop mockup templates and smart objects

Forum|Forum|1 year ago
August 9, 2024
3 replies
556 views

Hello!

Got a question: I use a lot of Photoshop mockup templates with smartphones where I replace a screen with my image. Usually I create the image in Illustrator and add screenshots (for example) emojies there, then export it as PNG (300 resolution) and then add it to the Photoshop mockup via smartobject preset the mockup templates usually have.

Here is the thing: Even if I scale up the file (increase the canvas size), the screen overlay (mockuped image) looks okay. Even if I incresed resolution 3 times. I checked the image zooming in up to 100% and screen overlay image still looks ok.
How is that possible? Or how does this work? Will the screenshoted emojies come out all blurry once printed (size of the poster is 1,5mx1,8 m)?

Would be amazing if someone could explain to me how it works! ❤️

macOS

This topic has been closed for replies.

R

robert_6452

Participant

Hi!

What you're seeing is the magic of smart objects in Photoshop. When you place your PNG into a smart object, Photoshop retains the original resolution, allowing you to scale up without losing quality. That's why everything still looks sharp, even at larger sizes.

However, for a poster as big as 1.5m x 1.8m, there's a risk of blurriness if your PNG isn't high-res enough. To ensure crisp print quality, consider creating your design at a larger size in Illustrator or saving it as a vector file like PDF before placing it in Photoshop.

Hope this helps!