ADOBE AFTER EFFECTS: Forum Expressions Tutorials Creative Cloud

Hockey Scoreboard Overlay

COW Forums : Adobe After Effects

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Nick LeighHockey Scoreboard Overlay
by on Oct 26, 2010 at 6:39:22 pm

In a couple weeks I will be starting to record a few hockey games for a mens hcokey league I run. After I am done recording my plan was to edit it with premiere and then add a scoreboard like the one you see on espn or versus. I have attached an image of a screenshot of a hockey game from the TV of what I'm looking for. Don't mind the lasers coming out of Shane Doan's eyes, I got the image from the google and it was the only one I could find with the scoreboard overlay in it.



Basically my thought was to create the main image in photoshop with the team logos and names as well as the league logo where the versus logo is. I would then just an an effect to change the score when I goal was scored manually. The part I am wondering about is the clock count down part.

Is their a function or plugin I can use in AE to do this for me? I really don't want to change the numbers manually for 3 ten minute periods.

I am a beginning as I have only done a few things for a wedding video in AE in the past. I have AE CS4 right now. I guess I am just looking to know if this is way over my head or if not the steps I could use to make this score clock.

Thanks for your time.

Nick


Return to posts index

Dave LaRondeRe: Hockey Scoreboard Overlay
by on Oct 26, 2010 at 6:51:25 pm

You can build your own countdown clock with AE's Numbers effect. The trick will come when the game clock stops & starts. You'll have to learn Time Remapping very well. After time, you'll get used to the drill and the pace of the work can pick up.

Doing this for several games a week will be a BIG investment of your time, Mr. Commissioner!

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


Return to posts index

Nick LeighRe: Hockey Scoreboard Overlay
by on Oct 26, 2010 at 7:49:43 pm

Is it possible for someone out there to create a plugin that would do this? Obviously I would have to pay someone but it might be worth it apposed to using all my free time.


Return to posts index


Dave LaRondeRe: Hockey Scoreboard Overlay
by on Oct 26, 2010 at 9:29:23 pm

Sorry, this is manual work only.

In order to be of any use, you'd need a piece of software that would know when goals had been scored and by whom, and when the clock had been stopped and started.

That would be some pretty sophisticated software. Consider that face recognition software -- which has a far simpler task than you propose -- is still a work in progress.

AE is cool, but it doesn't take the place of a live TV sports truck.

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


Return to posts index

John CuevasRe: Hockey Scoreboard Overlay
by on Oct 26, 2010 at 7:03:26 pm

Probably easier ways to do this, but here's one method. Create a comp 20 minutes long and add a solid. Add the timecode effect. Now hit under the layer tab, hit the time reverse layer.

Now you can place this composition into your final, mask out the frames and hours.

ETA: Just read Dave's post, yeah, you'll have to learn time remapping.

Johnny Cuevas, Editor


Return to posts index

Walter SoykaRe: Hockey Scoreboard Overlay
by on Oct 26, 2010 at 7:51:14 pm

Build out your scoreboard graphic without the numbers, and then create two text layers (home and away scores), each with a 0 or some other dummy number, and position them as required.

Add at least one marker (asterisk on the numeric keypad) on the first frame of each text layer.

In each text layer, twirl down the text properties, and add the follow expression to the Source Text property:
m = thisLayer.marker;
i = m.nearestKey(time).index;

if (m.nearestKey(time).time > time){ i--;}
if (i < 1) { i = 1};
i--;
i


To change the score, simply add a new marker to the text layer at the point you want to increase the score, and it will increment by one.

The expression works by comparing the current time of the comp to the nearest marker on the layer, and getting the index (a counter) of that marker. If the current time is less than the time of the nearest keyframe (in other words, the nearest marker is still in the future and we haven't reached it yet), it decreases the counter. Finally, it decreases the counter by one so that the scoring will start at zero instead of 1.

Walter Soyka
Principal & Designer at Keen Live
Motion Graphics, Widescreen Events, Presentation Design, and Consulting
RenderBreak Blog - What I'm thinking when my workstation's thinking
Creative Cow Forum Host: Live & Stage Events


Return to posts index


Walter SoykaRe: Hockey Scoreboard Overlay
by on Oct 26, 2010 at 9:26:53 pm

As cool as my layer-marker-to-scoreboard idea was (and even cooler -- the football scoreboard I started thinking about, with all its different scoring possibilities), there is a far simpler way.

You can simply add two text layers for the home and away scores, and set them both to 0. Twirl down the Text layer until you reveal the Source Text property and enable the stopwatch. When a team scores, just manually update the score on the frame where you want it to change with the standard text tool. AE will automatically add hold keyframes for the text source property, so it will work just like a real scoreboard graphic.

Walter Soyka
Principal & Designer at Keen Live
Motion Graphics, Widescreen Events, Presentation Design, and Consulting
RenderBreak Blog - What I'm thinking when my workstation's thinking
Creative Cow Forum Host: Live & Stage Events


Return to posts index

Todd KoprivaRe: Hockey Scoreboard Overlay
by on Oct 27, 2010 at 4:24:27 am

Aharon Rabinowitz has a great tutorial here that shows how to make this kind of thing relatively easy.

---------------------------------------------------------------------------------------------------------
Todd Kopriva, Adobe Systems Incorporated
Technical Support for professional video software
After Effects Help & Support
Premiere Pro Help & Support
---------------------------------------------------------------------------------------------------------


Return to posts index

Joseph W. BourkeRe: Hockey Scoreboard Overlay
by on Oct 27, 2010 at 1:55:13 pm

Nick -

The best way to do this is using a dedicated graphics package that's made for live video overlay, such as TypeDeko, or PostDeko:

http://www.avid.com/US/products/postdeko

I used the Pinnacle CG products for years (TypeDeko, Postdeko), and it was a simple matter to create my elements (boxes, hightlights, callouts, etc.) in Photoshop, then bring everything in to TypeDeko as a template, and there were countdown timers available, and sequences which could be run live (or in post) so that game scoring was a pretty painless deal.

There was even a built in programming language (K-Code I think they called it - a throwback to its' Dubner roots) that you could use to automate things like weather full screens (so all you had to do was type the data, and it would format for the correct font, color, size, position, etc.).

It sounds as if using AE for this is like using a toaster to roast a turkey - you'll get it done - but you won't be hungry anymore.

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


Return to posts index


Nick LeighRe: Hockey Scoreboard Overlay
by on Nov 24, 2010 at 9:03:40 pm

Well with the help of Dan Egbberts function for the keyframes with a checkbox control I was able to create a clock that would stop and start when I wanted it to using checkbox control to know when the clock was suppose to be running and when it was stopped. I also added in a linear function at the end to make sure the clock was at zero when each period ended. Here is the expression code, just wanted to post it so anyone else looks for a count down clock with the ability to stop and start it.


//Full Function Countdown Script
//Written by - Dan Ebberts (keyframe math)
//Edited by Nick Leigh (added the stopwatch function) - nick17604@hotmail.com

function padZero(n)
{
if (n < 10)
return "0" + n;
else
return "" + n;
}

//new keyframes
periodLength = 10; //length of period in minutes
decimals = true; //use decimals with left than a minute left
lastStart = 6;
rate = 1;
diff = 0;
c = thisComp.layer("Period 1").effect("Checkbox Control")("Checkbox"); // checkbox

if (c.numKeys > 1)
{
n = c.nearestKey(time).index;
if (c.key(n).time > time) n--;
if ( n > 0)
{
accum = c.key(n).value * (time - c.key(n).time);
for (i = n; i > 0; i--)
{
if (i == 1)
{
accum += c.key(1).time * c.valueAtTime(0);
}
else
{
accum += c.key(i-1).value * (c.key(i).time - c.key(i-1).time);
}
}
}
else
{
accum = time*c.valueAtTime(0);
}

//if its your last start before the end of the period adjust the time so it ends when it should
if (n == lastStart && lastStart != 0)
{
lastTime = c.key(n).time;
rate = (periodLength*60 - accum)/(c.key(n+1).time - c.key(n).time);
}
else if((n - 1) == lastStart && lastStart != 0)
{
accum = periodLength*60;
}
}
else
{
accum = time*c.valueAtTime(0);
}

//format the acculated time for the time format
if (rate == 1)
{
secLeft = (periodLength*60 - accum);
}
else
{
secLeft = (periodLength*60 - accum) - rate*(time - lastTime)
}

//do we need decimals
if (secLeft <= 0.05)
{
clockTime = "0:00";
}
else if (secLeft < 60)
{
secs = Math.floor(secLeft%60);

if (decimals)
{
ms = secLeft.toFixed(1).substr(-1);
clockTime = secs+"."+ms;
}
else
{
clockTime = "0:"+padZero(secs);
}
}
else
{
mins = Math.floor((secLeft%3600)/60);
secs = Math.floor(secLeft%60);
clockTime = mins+":"+padZero(secs);
}

clockTime;


Basically all you need is the text layer obviously and a null object which you use a checkbox control. Add keyframes to the control using On when you wan the clock to run and OFF when you want it to stop and not run.

Nick


Return to posts index

Bryan ShepherdRe: Hockey Scoreboard Overlay
by on May 10, 2011 at 7:59:01 am

Greetings!

I'm trying to incorporate your countdown script into a football overlay scoreboard, however, I'm getting an error when I try to run your script:

thisComp is undefined

This error occurs on line 19:
c = thisComp.layer("Period 1").effect("Checkbox Control")("Checkbox"); // checkbox

I have tried to copy and paste it again, but I keep getting the same error. Any suggestions?


Return to posts index

Nick LeighRe: Hockey Scoreboard Overlay
by on May 10, 2011 at 10:30:31 pm

Hey Bryan,

I would like to help you if I can. I have improved my scripts a bit since posting this one. Can you tell me a little abou the process you are using and what you would like to have as a final output.

Nick

CS5 Production Suite


Return to posts index


Bryan ShepherdRe: Hockey Scoreboard Overlay
by on May 11, 2011 at 6:24:57 am

I work for a semi-pro football team, and we have a couple of stock games that I would like to add a more functional scoreboard overlay to. We already have a half-done scoreboard overlay that we use. We create images in photoshop for our game, then use the text editor in manycam to type in the score and what quarter it is, but we have to use spaces to line them up right, and it just looks bad. I would like to create something similar to that, but use aftereffects to line everything up centered, plus have a clock count-down on it.

As of right now, I am using the run scripts option on the file menu. I'm relatively new to after effects, but I've been using vegas pro for a couple of years now.

Any assistance or tips you can throw my way would be greatly appreciated! Thanks!

Bryan D. Shepherd


Return to posts index

Nick LeighRe: Hockey Scoreboard Overlay
by on May 11, 2011 at 11:26:31 pm

Hey Bryan,

So if you go here you can see what i've done for my hockey games. Here are the couple I have done so far, League Videos.

If this is what you are looking for I can upload the scripts I use to do it and tell you the process to do so.

Nick

CS5 Production Suite


Return to posts index

Garon HanoRe: Hockey Scoreboard Overlay
by on Aug 31, 2011 at 6:10:46 pm

Nice Hockey Vids. I want to do something similar for little league baseball games so the clock won't be a problem for me. I'm just curious as to how you did your score overlay. Did you import the entire game into an After Effects comp and then manually change the score as goals were scored, or did you create a comp with just the score without importing the video into AE? I hope that makes sense.

Thanks.


Return to posts index


tibor_polgarRe: Hockey Scoreboard Overlay
by on Oct 26, 2011 at 7:14:33 pm

I too would love to see the updated scripts for volleyball scoring. Again, no timer, just a way to quickly update scores (one every ~10-15 sec). All my game edits are in PP with AE used only for the addition of the scores (including game counts).


Return to posts index

Patrick LundbergRe: Hockey Scoreboard Overlay
by on Feb 10, 2012 at 10:17:56 pm

Hey Nick, I know it has been several months but I hope you can give me a boost. I am looking to do something exactly like your hockey score/clock setup but with a soccer game. The nice side to that is I don't need the clock to stop and start frequently like hockey.

Did you take a model from a professional broadcast and pull it into photoshop to create a template, and then add your source text for the clock? Or did you build the whole thing yourself?

As a new comer to After Effects and Photoshop I have been teaching myself new techniques and tools on the fly as people have been throwing ideas around. I am not looking for you to tell me a step by step answer on how to achieve this, but if you could point me in the right direction that would be really tremendous.


Return to posts index

Joey DelgadoRe: Hockey Scoreboard Overlay
by on May 26, 2013 at 3:49:23 am

Hi Patrick - I'm currently in the middle of a project that needs a soccer scoreboard.

My current "trick" was to download a timer app to my ipad, let it run up and record it while it was doing so. Then I would just lay that video clip into the scorebug that I built.

Just hit a setback though - the clock hits 60 minutes and turns to hours when I need a clock that will record up to 90 minutes and not show 1:30. Ugh.

Any thoughts or ideas you could share from your experience? Thanks!


Return to posts index

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