ADOBE AFTER EFFECTS: Forum Expressions Tutorials Creative Cloud

How Do I create/obtain on screen Gauges?

COW Forums : Adobe After Effects

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT
Tom Kelly
How Do I create/obtain on screen Gauges?
on Sep 24, 2009 at 10:53:25 pm

I have a client that needs time and temperature gauges on screen, actually on a split screen, to compare two processes side-by-side. I have very limited experience with motion graphics..... where do I start? Using FCP with HD footage.

Thanks for getting me stated!

Tom


Return to posts index

cowcowcow
Joseph W. Bourke
Re: How Do I create/obtain on screen Gauges?
on Sep 25, 2009 at 1:23:06 pm

Tom -

There are plugins that deal with numbers in AE. I think they are actually in a section called "numbers" in the plugins. You can keyframe them like just about any other parameter. When dealing with time, you may have to use Expressions - I can't quite remember whether time is dealt with without them. If you need info on expressions and time, just do a search here; the question has been asked many times. As far as temperature, if you're doing something like showing a guage on the screen over time, with degrees changing, it should be pretty simple. Keep the numbers that are animating separate from whatever guage interface you create (Illustrator would be best for that - Photoshop a second choice for me).

Take a look on the web if you don't have any particular guage design in mind, there's lot of reference there.



Joe Bourke
Creative Director / Multimedia Specialist
B&S Exhibits and Multimedia
bs-exhibits.com


Return to posts index

Tom Kelly
Re: How Do I create/obtain on screen Gauges?
on Sep 25, 2009 at 2:53:41 pm

Thanks much Joe. I did a Google search for "motion graphics, gauges" but struck out. Can you also suggest better search terms that will yield results?

Thanks for your thoughtful advice.

Tom

Kelly/Mooney Productions
http://www.kellymooney.com


Return to posts index


Stephen Smith
Re: How Do I create/obtain on screen Gauges?
on Sep 25, 2009 at 2:58:30 pm

Tom,
You may want to start with Motion that comes with Final Cut Studio. I'm not sure what version of FCP your on but Motion has some cool gauges that you can customize. Open up Motion. Hit the Command and 2 keys to open up the Library tab. Go to Content, gauges. You also might like Gadgets. You then can adjust them however you want. Best of Luck.

Stephen Smith
Utah Video Production

Check out my Motion Tutorials


Return to posts index

Tom Kelly
Re: How Do I create/obtain on screen Gauges?
on Sep 25, 2009 at 5:35:01 pm

Thanks.... this comes close Stephen, though fairly basic. I was hoping to find a stock time and temp. gauge, maybe digital type vs. analog, with changeable numbers?

Maybe I'd have to find some plug-ins for more available art. Any suggestions where to look?

Tom


Return to posts index

Dave LaRonde
Re: How Do I create/obtain on screen Gauges?
on Sep 25, 2009 at 4:49:20 pm

[Tom Kelly] "Using FCP with HD footage. "

Since you make it sound like you actually shot these gauges, here's a fundamental question: are you asking, "How do I make a split screen of the gauges I shot?" or are you asking, "How do I make graphic recreations of the gauges I shot?"

Dave LaRonde
Sr. Promotion Producer
KCRG-TV (ABC) Cedar Rapids, IA


Return to posts index


Tom Kelly
Re: How Do I create/obtain on screen Gauges?
on Sep 25, 2009 at 5:39:51 pm

Dave,

Sorry to be unclear. No we need to create motion graphic gauges that will indicate the passage of time along with a temp gauge or themometer next to it. This would appear at the bottom of the screen. The screen would be a split-screen too, as we need to show one experiment relative to another at the same time. So - sure, would appreciate advice on split screens as well as finding the gauge templates.

Best,

Tom


Return to posts index

Dave LaRonde
Re: How Do I create/obtain on screen Gauges?
on Sep 25, 2009 at 8:32:19 pm

Thanks for the clarification.

You'll need to make some fundamental choices like analog/digital gauges before you proceed to far, but the split screen is easy in AE:
  • Sync up the layers in the timeline in terms of time code.
  • Put a colored solid --tall 'n skinny -- in the center of the picture, if for nothing else than reference purposes.
  • Slide each layer horizontally until the new aspect ratio composition suits you: turning the layers on & off to do this helps a lot.
  • Mask off the undesired portions of each layer with a rectangular mask.

That's pretty much it.

If this footage comes from an HDV camera, you'll want to read this next bit:

Dave's Stock Answer #1:

If the footage you imported into AE is any kind of the following -- footage in an HDV acquisition codec, MPEG1, MPEG2, mp4, m2t, H.261 or H.264 -- you need to convert it to a different codec.

These kinds of footage use temporal, or interframe compression. They have keyframes at regular intervals, containing complete frame information. However, the frames in between do NOT have complete information. Interframe codecs toss out duplicated information.

In order to maintain peak rendering efficiency, AE needs complete information for each and every frame. But because these kinds of footage contain only partial information, AE freaks out, resulting in a wide variety of problems.


Dave LaRonde
Sr. Promotion Producer
KCRG-TV (ABC) Cedar Rapids, IA


Return to posts index

Stephen Smith
Re: How Do I create/obtain on screen Gauges?
on Sep 25, 2009 at 8:49:01 pm

As for the gauges, you could always buy one off of a site like iStockPhoto. For example, take this temperature gauge I found: http://www.istockphoto.com/stock-photo-6834601-thermometer.php

Take it into Photo shop, cut out the arrow and use the clone tool to cover up where the arrow was and then animate the two layers.

For the time take a look at the industrial revolution decimal counter

Or go into Motion, Hit the Command and Two keys. Go to Generators, Numbers. Hope this helps.



Stephen Smith
Utah Video Production

Check out my Motion Tutorials



Return to posts index


Tom Kelly
Re: How Do I create/obtain on screen Gauges?
on Sep 26, 2009 at 4:40:39 pm

Stephen,

Great suggestions, however unfortunately I couldn't find any numbers under Generators. Perhaps because I am using Motion 3? However, the Industrial Revolution Decimal Counter looks very promising! If I can figure out a simple containment window for it and a way to label each "gauge" or counter (temp/time/energy consumption) I'll be on my way to solving this one element of the production.

Thanks - keep any more ideas coming! Tom


Return to posts index

Stephen Smith
Re: How Do I create/obtain on screen Gauges?
on Sep 30, 2009 at 2:58:29 pm

Sorry, you are correct. Motion 3 does not have the Numbers Generator. An upgrade is under $300 bucks. I hope your project is working out well.




Stephen Smith
Utah Video Productions

Check out the Graphics Demo Reel I did.

Check out my Motion Tutorials


Return to posts index

Mark Suszko
Re: How Do I create/obtain on screen Gauges?
on Oct 29, 2009 at 8:11:09 pm

Livetype is your friend here; pretty good LED and flip-clock type letters OR numbers, dirt simple to use. Layer the livetype over a background made in Photoshop and done.


Return to posts index

<< PREVIOUS   •   VIEW ALL   •   PRINT
© 2017 CreativeCOW.net All Rights Reserved
[TOP]