Skip to main content
Filmguy2013
Inspiring
January 3, 2026
Question

How do I increase the canvas size and the smart object size of an animated iPhone mockup?

  • January 3, 2026
  • 7 replies
  • 525 views

Hello. I downloaded this animated mockup PSD of an Apple tablet and iPhone shown here. Both the tablet and the iPhone are animated so that they both rotate towards each other and then back to facing front again.  The PSD canvas size is 1600h x 1200v and I need to increase the canzas size to 1920h x 1080v AND scale up the tablet and iPhone so that they are both larger. They are both smart objects and I don't really have any experience using smart objects in Photoshop. The problem is, when I increase the canvas size, my custom webpage that I created and pasted on both the tablet and the iPhone screen is off kilter and appears halfway off of each device's screen! ALSO, if I scale each device to 150%, my custom webpage on each device's screen is also off kilter! Can someone please tell me how to increase the canvas size AND how to increase the size of the tablet and iPhone AND how to have my custom webpage that displays on the screen of each device also be the correct size so that the animation looks correct when each device rotates?

7 replies

Trevor.Dennis
Community Expert
Community Expert
January 4, 2026

I actually prefer the Crop tool to set Canvas size.  If you want toadd canvas manually, hit Crop and simply drag a corner handle.  Hold down Alt and drag to expand from the center.

 

What would make the crop tool especially useful in your case is that it has presets for the aspect ratio, so you could set it to 16:9 or you could use the W(width) x H(Height) x Resolution option.  That gives you a window like below.

872674iE52B2EC6DBC601B4.png

 

Unfortunately, there is an issue with the forum software that means we (I) am unable to view your images.  If you embed the images using the 'Insert Image' tool at the top of the post window, then we can see them.  This issue is supposed to be fixed with the roll out of new forum software this month (January 2026)

Filmguy2013
Inspiring
January 4, 2026

Sorry. Here are the screenshots of my PSD embedded. Sorry for so many screenshots, but I want to show you everything so I can hopefully get a solution to my problem.
872747i63FA4EE0B4EF0881.png

872748i530E0607602159BA.png872749i14466131D2C1D1DD.png

872750i2C22935D370BEFE4.png872751iC4F49DA9F694E0E2.png

872752iD513DA3C57E0525D.png872753i3CD3F247AE63D9F2.png

872754i27FFD9E03288919A.png872755i74D85EDDC24DADA1.png

872756iFA8E6482BC55EF1B.png

1872747i63FA4EE0B4EF0881.png

Filmguy2013
Inspiring
January 4, 2026

*get not gert

jane-e
Community Expert
Community Expert
January 3, 2026
quote

I don't really have any experience using smart objects in Photoshop.

By @Filmguy2013

 

Think of a SO as being a layer or layers inside of a protective envelope. You can write on the envelope (or add filters to the SO) without disturbing the contents. Edits on a SO are non-destructive. For instance, scaling (what you want to do) is non-destructive on an SO. Working directly on the image is destructive.

 

Are you saying that your can't use Edit > Free Transform on the SOs? You should be able to.

 

To edit the SO directly:

  • Double-click the icon in the Layers panel to open the SO
  • It will open as a .psb
  • Make edits, such as Transform
  • Save and close the .psb to return to your Photoshop document (or template)

Important: work on a copy of the original file.

 

 

See these links for more info on Smart Objects:

 

Jane

 

 

 

jane-e
Community Expert
Community Expert
January 3, 2026

@Filmguy2013 

 

There is a glitch in the forum software and we can't see attachments. Please use the Insert image button (mountain and sun) instead.

 

872656i8734EA335BDF62CD.png

 

Jane