I downloaded a website showcase mockup, which uses smart objects for the screen layers of a monitor and a smartphone to make it easier to place designs. I need to decrease the size of the smartphone screen layer but am finding that when I do this and then paste a website design, a blank border around the image is added in the final mockup instead of the image being stretched to cover the whole layer.

I don't have much experience in using smart objects, so any help would be appreciated.

enter image description here

  • 2
    The thing is you can't change the smart object size. What you should do is paste your screenshot inside the smart object and if it's too small or too big, you stretch the screenshot layer to fit the SO document using Free Transform.
    – Joonas
    Commented Jan 22, 2019 at 14:07
  • Oh, I didn't know you could stretch the pasted image outside the smart object edit screen. Thanks!
    – leemon
    Commented Jan 22, 2019 at 14:59
  • You can definitely change the size of smart objects. Just right-click and select transform object.
    – 13ruce
    Commented Jan 22, 2019 at 15:48
  • 1
    Slight mistake - it's "free transform," not "transform object".
    – 13ruce
    Commented Jan 22, 2019 at 15:56
  • 2
    @13ruce, I should've said that slightly differently. OP understood me, but I should've said something like: he can't touch the SO size in this case or the mockup gets ruined, like what happened with his original attempt. — The description was hard for me to understand, but the result told me that's what he did.
    – Joonas
    Commented Jan 22, 2019 at 19:34


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.