Overview

ScreenSpace provides the latest available devices to be used for your product videos. Our goal is to for your screen to look like it fits each device perfectly - without stretching or cropping.

To avoid this from happening, your uploaded screen capture will need to fit the exact aspect ratio of the device you intend to use.

For best results, please use the guides below to prepare your screen captures accordingly - whether they are video or still images.

Phones

iPhone 8 16x9 1920 x 1080
iPhone Xs 19.5x9 2436 x 1125
Galaxy S9 18.5x9 2220 x 1080
Pixel 2 16x9 1920 x 1080

Tablets

iPad Pro 4:3 2732 x 2048
Galaxy Tab 4:3 1024 x 600

Computers

Macbook Pro 16:10 3840 x 2400
Surface Pro 16:9 2736 x 1824
iMac Pro 16:9 3840 x 2160
Monitor 16:9 3840 x 2160

Using a Sequence of Screenshots in One Scene

Currently, each scene can only accommodate one screen asset. Therefore if you are interested in stringing out multiple images or video clips within one scene, you will need to pre-edit the assets together and export a combined video prior to bringing your media into ScreenSpace.

Creating Screen Capture Videos

If you have the option of using animated screens, whether generated using motion design software or from a screen recording of an existing app - we highly recommend it. Animated screens add depth, realism, and compliment the ScreenSpace environment very well.

Here’s how we create screen recordings:

NOTE: all ScreenSpace requires is a raw, full-screen capture of your desktop or mobile device. No need to worry about zooming or animating. Our app will take care of that for you.

macOS

  1. Open QuickTime Player X

  2. Choose File => New Screen Recording…

  3. Click anywhere on the screen to start recording.

  4. Type Cmd-Ctrl-Escape (or hit stop button in menu bar) to stop.

  5. Choose Edit -> Trim to edit out unnecessary parts of your clip.

  6. Save your video and upload to ScreenSpace and get started.

iOS

  1. Go to Settings => Control Center => Customize Controls and click + Screen Recording to enable the screen recording widget.

  2. Flick up (or down on iPhone X) on your screen to show the control center and hit the Screen Recording button (thin circle with thick circle inside it)

  3. The screen is recording when the menu bar turns red.

  4. Touch the menu bar and select “Stop Recording” when done.

  5. Tap Edit on the video within the Photos app to trim out any unnecessary parts, then click “Done” to save the trimmed copy.

  6. AirDrop or email your video to your desktop computer and upload to ScreenSpace to start customizing your scene.

Windows 10

Microsoft has hidden a screen recording feature in the Xbox app that comes with every Windows 10 (and up) installation. It’s meant to capture games for uploading to video sharing platforms, but works beautifully for capturing apps too.

  1. Open the Xbox app from your start menu.

  2. Open the app whose screen you want to capture.

  3. Type Win G to open Game Bar and click “Yes, this is a game”.

  4. Choose Screenshot or Start Recording buttons to begin.

  5. Click the red recording bar on your screen to stop.

  6. Your recording is in This PC\Videos\Captures\ (mp4 format).

  7. To trim, right click => Open with => Photos, then press “Trim” to edit out unnecessary parts and save a copy of the video.

  8. Upload your final video to ScreenSpace and the rest is easy.

Android

Android has no built-in options for screen recording, but we’ve found the DU Recorder app does the job perfectly.

  1. Download DU Recorder from the Google Play Store.

  2. When you open the app, it will display a series of buttons on the right of the screen.

  3. Click the record button to begin recording.

  4. Swipe down and reveal notifications to stop recording.

  5. Click the camera icon from the app to edit/trim your video.

  6. Send your video to your computer and upload to ScreenSpace.

As I mentioned before, all ScreenSpace requires is a normal full-screen capture of your device -- no special editing required.

Hit record.

Use the feature in the app or project you want to highlight.

And upload the video it outputs directly to ScreenSpace.

You can have an entire scene made in under a minute.


Did this answer your question?