-
Any ideas on how this is done?
I have a request to create something similar to this, but have no idea how to create this iPhone that displays all of the pages. How is this done? Any thoughts? Is this After Effects? Motion? Did they shoot an iPhone as scan through the pages? Thanks so much. Here’s the link.
https://www.youtube.com/watch?v=G_edzRrSiTs
Some contents or functionalities here are not available due to your cookie preferences!This happens because the functionality/content marked as “Google Youtube” uses cookies that you choosed to keep disabled. In order to view this content or use this functionality, please enable cookies: click here to open your cookie preferences.
-
8 Replies
-
Definitely after effects. They took all the pages of the app that were designed in illustrator/photoshop and precomped them in after effects into the screen of the iphone model. From there is it a mixture of cuts and other iphone-like animations to transition from page to page mimicking how the app they are selling will work.
Editor / Motion Graphics Artist, Denver CO
https://coldpost.tv/ -
I couldn’t say for sure and precisely how they did it (there are several different work flows you could use), but I can tell you how I would do it… which is no doubt similar.
Firstly, I’d produce all the screen content. I’d probably take screen shots of the real display, then recreate them in Photoshop, and then produce a video with all the screen action… I’d probably do all that work in CS6, Premiere and After Effects.
Then I’d build a 3D model of the phone that could be animated with the flips and movements it makes… probably build it in Cinema 4D.
Then I’d map the previously-produced insert video onto the phone’s screen.
None of that would be too hard… but timing everything is where pre-production and careful planning would really be needed.
T2
__________________________________
Todd Terry
Creative Director
Fantastic Plastic Entertainment, Inc.
fantasticplastic.com
-
Thanks Glen and Todd. That’s exactly what I was looking for. Have a great weekend.
-
You can probably find the phone model on turbosquid.com already. AfterEffects can now import and handle 3-d content. Corner pin and motion track Todd’s content to the model in AE and you are done.
-
Video Copilot’s Element 3D plugin would make short(er) work of this. And they have a free iPhone model.
Jason Jenkins
Flowmotion Media
Video production… with style!Check out my Mormon.org profile.
-
As mentioned before: there 3D iPhone models available. And for the screenrecording, you can animatie this, but you can also try an app like Reflectionapp.com This allows you to mirror your iphone on your screen. (actually a great tool for presentations, to show your ipad or iphone with a beamer). Make a screenrecording of the iphone screens presented on your computer. Drop it via AE in the 3D model. I never tried this, but I think it might work, and would be pretty fast to create it.
– I have read the entire internet, and I am feeling a little bit bored, so I started to reply to interesting forum topics.
-
By the way, here you have an AE template for an iPhone:
https://bluefx.net/after-effects-templates/my-iphone-catalog/Sam
– I have read the entire internet, and I am feeling a little bit bored, so I started to reply to interesting forum topics.
-
Take a look at this: https://www.videocopilot.net/tutorials/screen_animations/
Stephen Smith
Utah Video ProductionsCheck out my Motion Training DVD
Check out my Vimeo page
Reply to this Discussion! Login or Sign Up