Creative Communities of the World Forums

The peer to peer support community for media production professionals.

Activity Forums Adobe After Effects How to Animate Web Searches/Facebook browsing/etc. in After Effects

  • How to Animate Web Searches/Facebook browsing/etc. in After Effects

    Posted by Ariel Ritchin on April 25, 2012 at 8:24 pm

    So I know the title of this post may be a bit confusing, but you have to see what I’m trying to do to answer this question.

    Since I’m sure you’ve all seen it, I’ll just use the Kony 2012 video as a reference point: https://www.youtube.com/watch?v=Y4MnpzG5Sqc

    The best example of what I’m trying to figure out how to do occurs from 03:56 – 04:33

    There’s no way that this process is simple, but if anyone can point me to a good video tutorial that gets me going, what program I should be using, or even what this process/technique is called so that I can search more effectively, it would be much appreciated.

    Thanks so much!

    Ariel

    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.

    Nathan Karamanski replied 13 years, 10 months ago 3 Members · 5 Replies
  • 5 Replies
  • David Biederbeck

    April 26, 2012 at 3:14 am

    I don’t know that you are going to find a tutorial on it. I recently had to do the same thing and I proceeded as follows…

    1. I took 8 Screen shots of one page down scrolls on a feed.
    2. Took all images and combined them in photoshop in a large tall document…

    I Animated the position in after effects of the scroll, and replaced a picture with a youtube looking video that was linked to the scrolling photoshop file. I animated a curser in AE to click on it, and zoomed into the location of the video.

  • David Biederbeck

    April 26, 2012 at 3:16 am

    I’ve also just faked it with illustrator files/photoshop files as in here: https://vimeo.com/30987194

  • Ariel Ritchin

    April 27, 2012 at 4:03 pm

    hey man thanks a lot!
    That makes a lot of sense I’ll definitely give it a shot. I checked out your Leap Year Project vid.. really good idea and really well executed! Best of luck!

  • Ariel Ritchin

    April 27, 2012 at 4:04 pm

    I’ll definitely give that a shot. Thanks a lot for taking the time.
    Just a quick follow-up.. what screen capture app do you use?
    I have iShowU HD.

    Let me know what works best for you, and thanks again!

  • Nathan Karamanski

    June 29, 2012 at 3:22 pm

    I had the same issue. I would recommend using the firefox add on “Web2PDF” It basically takes any web page and turns it into an ultra high res PDF. You can then take it into photoshop and chop it up any way you want. I used it with this piece https://vimeo.com/42387031 from the 00:10:00 to 00:17:00 second mark. I believe the plugin is free. https://www.web2pdfconvert.com/pdf-button#cid1

    Some contents or functionalities here are not available due to your cookie preferences!

    This happens because the functionality/content marked as “Vimeo framework” 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.

We use anonymous cookies to give you the best experience we can.
Our Privacy policy | GDPR Policy