Hey makers! Here’s the 15 second tl;dr behind ScreenSpace:
My twin brother and I specialize in visual effects and motion design for both the entertainment and tech industries.
We found we were regularly hired to create Apple-style ads for app launches and feature releases.
Unfortunately, due to budget constraints, quick turnarounds, & the inevitable UI revisions until the VERY. LAST. MINUTE. it was challenging for us to deliver the quality we were known for.
Therefore we built an internal tool that allowed us to streamline the process of creating 3D product videos, with zero drop in quality.
And now those tools are available to everyone through ScreenSpace.
At it's core, ScreenSpace allows you to:
• Upload an image or video capture of your app
• Select a device that fits your product
• Fluidly animate the device and camera on a timeline
• Customize one of our dynamic backgrounds or upload your own
• Render your video in the cloud
• Optionally include alpha and a 3D After Effects camera for easy integration into your own projects
We have a great deal for Product Hunt, too: Apply promo code PRODUCTHUNT at checkout and your first render is on us! ($175 value). Expires June 15th so take advantage now!
Questions or feedback? We’d love to hear it!
PS... The promo video above was completely built using ScreenSpace! 🤯
@dfanton This is really nifty. 👏👏
Wow really great execution. The most interesting is the price structure. That’s value based pricing 😉
I’ll definitely check it out during the weekend
Thanks, Paul. We will be around all weekend so let us know if you have any questions. We are here to help in any way we can.
Great concept, will be using it when I start working on the marketing aspect of my application. Thanks.
Thanks, Nick. Feel free to reach out to us when you are getting ready for your launch. We would be happy to provide creative tips on your marketing material. Cheers!
This seems to be very promising. Can it be used to create promo videos for desktop apps as well (I see one promo video of this type)?
Hi Csaba. Absolutely! You can select from a MacBook Pro, Surface Pro or iMac Pro along with their respective available colors. The demo video above was entirely created on ScreenSpace which uses a MacBook Pro against a dark backdrop. Our landing page also has a sample video from the Flexibits Cardhop launch with a MacBook Pro in a photoreal environment. We are also adding more devices over the next few weeks.
Just tried it out and I'm really impressed. I happen to be working on building a new marketing site for an app this week and plan on using this immediately. I also have a background in motion graphics and if I were to try to make this 5 second video myself today (several years out of practice), I'm sure it'd take me 8+ hours, so $5/second feels very reasonable to me. The free render via ProductHunt is super generous, thank you!
One question: where did you get (or how did you make) the 3D device models? They look great.
Hey Will. Saving you time in your day is the very reason we built this platform. You should be focusing exclusively on creative - not the technicalities of modeling, animating, lighting, and rendering.
We built the 3D devices in house in order to have full control over the look and quality. Stock models are impossible to work with and the textures somehow always skew the color and quality of the screen.
@dfanton Thanks Darren, fantastic work on the devices!
Thanks Will. Let me know if you have any device requests and we'll do our best to fast track it! Cheers!
Congrats on the launch guys! A great video was table stakes for Screenspace, but I have to say all the same — love it!
Thanks Aidan. Appreciate the post!
@dfanton Congrats on launching such a polished 1.0! I really love easy-to-use timeline UI you have built for the product. Simple and straightforward.
One question I had was around music and background tracks. Are music tracks something you all are considering down the road to be able to sync-up audio to pans and zooms?
Thanks, this looks wonderful! :)
Hi Joe. After so many iterations and re-designs it feels like we are on version 15.0!
If you embed audio tracks (music or VO) into your screen captures before uploading to ScreenSpace it will play back as you animate your scene. This allows you to time the animation to your pre-recorded audio tracks.
Thanks for the post! 😊
Great job!! 😊 Can we use it for making product mockups or launching it for our websites too ? Is the pricing flexible cause In India the pricing would be Little more. Any free version you have ?
Hey Ayush. You can certainly use ScreenSpace to create launch videos for websites. We have provided help documents that list the recommended resolutions depending on the device you intend to use.
You have full access to our app on a free account however if you render video we charge per second. Within the next few days, we will enable a new feature that will allow you to render unlimited HD stills for free.
This looks... amazing!
Like someone else said on here, I’m a bit of an After Effects expert but still.... this would save SO MUCH TIME.
Looking forward to giving this a try!
What a brilliant way of creating a video that seizes the viewer. Amazing demo too.
My next tool to try this weekend! Kudos to the team 👏🏻
Thanks, Adithya. Let us know if you have any questions when you dive in over the weekend. We'll be here!
So impressed by this product. What a feat of engineering! My first video is rendering while I type this comment. Absolutely amazing software. Well done guys!
In your demo video you seem to be cutting between different devices. Is that multiple renders edited together?
Hi Mick! Yes, the demo video was built by simply editing multiple renders together. We built one full animation with one device and, using it as a template, simply swapped out devices while still preserving the animations so they cut together seamlessly. If you would like to do the same effect I would be happy to give you a demo!
@dfanton Awesome! Listen I LOVE this product so this isn't a complaint, more like feedback.
In parts of my video I zoom in to the screen to highlight certain elements (like notifications) however I didn't realise that when you do this there is focus blur applied. It doesn't show in the preview but is there in the render. This has kinda made my free render unusable. I just think it may be worth making that clear somewhere (the fact that zooming in will add camera / focus blur).
Hi Mick. We should have the depth of field implemented in the preview interface within the next couple days.
We have gone ahead and re-activated that coupon code for your account since your render did not reflect your preview accurately.
Tip for now: if you move the camera close to the device, we recommend rotating the camera angle as opposed to the device itself to avoid unwanted blur in the center of frame.
Thanks so much for your feedback, Mick!
@dfanton Thanks so much dude. I will sit and wait for the depth of field to be implemented in preview. Such a good product!
We will post here as soon as it is implemented so you're the first to know (along with everyone else on Product Hunt) 😊
@dfanton Hi darren, any joy with the depth of field implementation?
Hi Mick. We are still working on the DOF implementation on the front end however have adjusted the blur strength in the render to much more closely represent what you see in the scene editor.
Have been looking for a tool of this type for some time and it looks really interesting.
Setting up 3D videos in Apple Motion / Final Cut would take ages, so will definitely use the tool when launching the new product campaign.
Are you planning to add more templates in the near future?
Hi Matt. Thanks so much for your comment. We will be adding new devices and environments weekly along with many exciting features. Can't wait to show you!
Awesome, also loved your website, I wish I could make stuff for my app launch on 7th, unfortunately really low on dough. I'll refer to my friends though.
Hi Ajit. Please make sure you take advantage of the product hunt promo code PRODUCTHUNT so you can use a free render for your launch campaign.
Good luck with your launch on the 7th!
this is dope.
Pro: awesome way to make slick app video. Con: Feel I wasted 3 years learning After Effects for nothing! now everyone else can have my super power. Drat.
Looking forward to testing this @dfanton - it looks terrific - in your demo above I am guessing you used some video content too for the animated text - do you have an example of a video that was made with images?
You also mentioned in a comment that you will enable a new feature that will allow us to render unlimited HD stills for free - is this now live?
Thanks, Krishna! We do not have a sample of a render using a still image however you can access all of our features and render a sample with your own image within a few minutes using the PRODUCTHUNT coupon code. You won’t need to enter a credit card.
Regarding the unlimited HD stills - this feature will be live early this week along with the ability to instantly download your preview video without needing to purchase a render. We will let you know when this feature is available!