Answers.Body: <p>This looks like 2.5D to me, probably in After Effects. You create high res art, perhaps by capturing web pages from a 4K display, then animate each screen. Its only a small amount of mousing. Then use the After Effects 3D camera to spin objects and place them in a depth field. turn on Motion Blur and add shallow DOF with a defocus effect driven by depth.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-10-04T06:33:21.767Z
Answers.Text: Here's a [tutorial](https://www.youtube.com/watch?v=H_bQsEZfH4E) on creating a pretty similar web site presentation in After Effects. Also you could browse [VideoHive](https://videohive.net/search?term=web%20site%20presentation) for commersial presets and templates for AFx to maybe find something even more close.
Answers.UserDisplayName: Serge
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-10-04T06:37:23.900Z
Answers.Text: For a scene with detailed interface explanation I think they recreated interface in Photoshop in a higher resolution or even vector, with separate layers for the raising button and other accented elements.
Answers.UserDisplayName: Serge
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-10-04T06:11:36.770Z
Answers.LastActivityDate: 2017-10-04T06:11:36.770Z
Answers.UserDisplayName: 3pointedit
Body: <p>Here sample: <div class="youtube-embed"><div>
                  <iframe width="640px" height="395px" src="https://www.youtube.com/embed/o4xcTpC5PGQ?start=20"></iframe>
              </div></div> (from 20th second)</p>
  
  <p>It clearly 3D render, as here we can see DoF effect with small defocus.</p>
  
  <p>Also, it clearly not 2D transformations of screenshot, as some elements must be pixelized in closeups. But fonts always clear, even when it becomes large.</p>
  
  <p>I think, they re-created every screenshot as complete scene in some editor like 3dsmax, but it must be very time-consuming to re-create every single element, redraw everything as 3D-model, add every text label and so on. But "window" looks totally flat, they can easily improve quality if they can spend so many time on it.</p>
  
  <p>May be here some dedicated software/plugins for such effects? Maybe some tools to convert 2D screenshots to complicated scene?</p>
  
Tags: <animation><3d>
Title: How they did it? (3D-like screenshots with animation)
UserDisplayName: bukkojot
ThreadText: # How they did it? (3D-like screenshots with animation)
  
  (Asked by: username_0 on 2017-10-03)
  
  Here sample:
  
  (from 20th second)
  
  It clearly 3D render, as here we can see DoF effect with small defocus.
  
  Also, it clearly not 2D transformations of screenshot, as some elements must be pixelized in closeups. But fonts always clear, even when it becomes large.
  
  I think, they re-created every screenshot as complete scene in some editor like 3dsmax, but it must be very time-consuming to re-create every single element, redraw everything as 3D-model, add every text label and so on. But "window" looks totally flat, they can easily improve quality if they can spend so many time on it.
  
  May be here some dedicated software/plugins for such effects? Maybe some tools to convert 2D screenshots to complicated scene?
  
  **Tags:** animation, 3d
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2017-10-04. Score: 5
  
  This looks like 2.5D to me, probably in After Effects. You create high res art, perhaps by capturing web pages from a 4K display, then animate each screen. Its only a small amount of mousing. Then use the After Effects 3D camera to spin objects and place them in a depth field. turn on Motion Blur and add shallow DOF with a defocus effect driven by depth.
  
  > **Comments:**
  > **username_2**: Here's a [tutorial](https://www.youtube.com/watch?v=H_bQsEZfH4E) on creating a pretty similar web site presentation in After Effects. Also you could browse [VideoHive](https://videohive.net/search?term=web%20site%20presentation) for commersial presets and templates for AFx to maybe find something even more close.  
  > **username_2**: For a scene with detailed interface explanation I think they recreated interface in Photoshop in a higher resolution or even vector, with separate layers for the raising button and other accented elements.  
  
  ---
  
  