“Screen Fillers” Graphic User Interface Elements – Part 5

“Screen Fillers” Graphic User Interface Elements – Part 5

on Jun 7th 2012 with 4 comments
Tutorial Details
  • Requirements: After Effects
  • Difficulty: Intermediate
  • Run Time: 11:06 min

Final Product What You'll Be Creating

Download Source Files
This entry is part 4 of 20 in the series Screen Fillers

Screen Fillers

In this episode we are going to create the top part of our design. We are going to use masks, strokes, shapes layers and expression to put together everything and animate it.

Tutorial

Download Tutorial .flv

File size: 53.3 MB

Series Navigation«“Screen Fillers” Graphic User Interface Elements – Part 3 + 4“Screen Fillers” Graphic User Interface Elements – Part 7»
Stefan Surmabojov is Stefoto on Videohive
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm a 21 years old motion graphics designer from Bulgaria. I have 2 years of professional experience behind my back. Most of my time I spend working for a small TV company. In my spare time I work as a freelancer and create video tutorials related to After Effects for our site.  

Plus Premium
 
 
  • Christi

    Is there any way to make the inner circle go from green to red? (Adding color to it?)

    • Stefan
      Author

      Yes, you can use the gradient build in options in the shape layers or just create a gradient on a solid and use the circle shape as an alpha matte.

  • http://youtube.com.butt3ryhd Zen

    Thanks heaps man, always wanted to know how to make that little loading symbol. Cheers :)

  • http://www.youtube.com/allardm3 allard

    How can I change the speed of the changing numbers?