0

I have an image of an iPhone, where the screen is a Smart Object. I am trying to put a screen recording in the Smart Object, and then to export the image with the video in it as a video.

This is the image I am trying to put the video in:

image

This is what I have tried (on Mac):

  1. Open the Smart Object in its own tab by double clicking the layer
  2. Drag the video into the Smart Object and save
  3. Return to the main image, and notice that the screen has indeed updated to show a still frame of the video
  4. File > Export > Render Video...

This is what the window that pops up looks like:

Render video window

As you can see, Photoshop is trying to export the file as a jpg, but I am trying to export the video. Indeed, when I press Render, a single still jpg is spit out.

How can I export a video instead of an image?

  • Hi Daniel, I'm sorry if this comment doesn't answer to your question, but, working on a Mac, why don't you do that in iMovie? It's much more intuitive than Photoshop to edit videos. With the static iPhone image, make a window mask and place the video in. – Danielillo Sep 10 '18 at 20:45
  • @Danielillo, wouldn't using iMovie mean that the video might not exactly go over the Smart Object whereas using Photoshop means that the video is exactly covering the right area? – Daniel Sep 10 '18 at 21:31
  • In iMovie you can create a perfect mask where to place the video, in fact the mask you will make it in Photoshop taking as reference the smart object. – Danielillo Sep 10 '18 at 21:40
  • @Danielillo, how does one do that? Is there a tutorial/example already online somewhere? – Daniel Sep 10 '18 at 21:43
  • Search for "mask iMovie", here a tutorial – Danielillo Sep 10 '18 at 21:44
0

Inserting and cropping a video in iMovie

The number 2 is the image transformed in a MP4 movie and repeated as a frozen frame. Saving the image as a .gif from Photoshop and converting it in a .MP4 video file using an online converter.

The number 1 is the video.

iMovie

Selecting the video frames, change the video size from Cutaway > Picture in picture

Video Crop

  • The image and video resolutions go down a lot when I drag them into iMovie. Why would this be happening? – Daniel Sep 10 '18 at 23:02
  • I guess is the preview, see when you export it how it looks – Danielillo Sep 10 '18 at 23:03
  • It’s also low when I export. I think the image is causing the problems because the video is at the correct quality until I do picture in picture. – Daniel Sep 10 '18 at 23:09
  • Did you choose file optimal quality and compression better quality? My bob sponge video looks perfect :-) (76,6 MB) – Danielillo Sep 10 '18 at 23:15
  • When I change it from Cutaway to Picture in picture, the resolution of both the video and the image go down drastically. Also, did you do anything to turn the image into a repeated MP4 video? – Daniel Sep 10 '18 at 23:46

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.