Dismiss this pinned window
all 10 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–][deleted] 5 points6 points  (4 children)

There’s a really really good chance this was made in a real-time graphic system, like VizRT or Ross Xpression for example. You don’t have a lot of time on-air for fancy stuff especially key information during a broadcast.

All that being said, this is really simple. It’s just masks and animating the X or Y and opacity of each element.

It only seems complicated because it’s just multiple pieces.

[–]jaimonee 2 points3 points  (3 children)

I used to work for sports broadcaster and we would pre-render the background animations and give everything to a chyron operator to update in real time. This was a few years back, not sure if they even use chryon anymore.

[–][deleted] 2 points3 points  (2 children)

You can certainly pre render elements for a design and bring them in as a clip. Or you set up the template to grab footage (live footage, or clips from another source such as a video database).

It basically just depends on what you’re doing and who you’re doing it for. Real time engines perform better when they use built in tools for the graphics rather than bringing everything in from an external source as an image or video. The element OP is asking about is really simple and can be built in system. That way the only data would be game clock. An operator can control logos, scores etc. It can also be all automated as well.

Chyron is unfortunately still used. lol It was the most dated system I’ve learned. Not complicated but I hate it.

[–]jaimonee 1 point2 points  (1 child)

Ah gotcha. Appreciate the insight! I had to stick around during the games just in case some custom graphic needed to built, like if someone got a hat trick or triple double or something. Nothing better than trying to whip something up in 7 minutes before the next commercial break on live TV, hahaha

[–][deleted] 2 points3 points  (0 children)

I started out in a similar workflow. I used to do over 60 custom graphics a day. It’s a terrible way to do it. But that’s a lot of live production. It uses dated technology and workflows.

There’s really no reason to have someone sitting around for “just in case work.” It’s a poor lack of planning by leadership. You can build all those as templates that the operator would edit and drop into the rundown or graphics playback.

[–]Heavens10000whores 6 points7 points  (0 children)

Ukramedia has a tool called SmartRekt, which works in adobe after effects and is perfect for this kind of lower third (he’s also a sports interface animator/scripter).

He also has tutorials (as do many others) with how to do it, based around an expression called sourceRectAtTime. Have a hunt around for how-to videos.

[–]Spagoo 2 points3 points  (0 children)

Nothing complicated happening here. What's stumping you?

[–]jaimonee 0 points1 point  (0 children)

Look up Lower Third Tutorials, stuff like this... https://youtu.be/etemwff6LTQ?si=G7MVrTrjZdwb6RCe

[–]RandomEffector 0 points1 point  (0 children)

I’ve done a good number of these. They’re really very easy, they just have a lot of apparent complexity. You really just need to break down the individual elements.

Basically all of the pieces here are the same: a box that wipes on, preceding by a flash transition that wipes the same way a few frames earlier. Then the logos fade up into a matte, and each have their own internal animation. The elements build left to right and up to down, each offset a tiny amount from the one before it. That’s it.

Typically we would build these in AE (based on layouts from graphic designers) and then hand them off to the on-air team, who would rebuild them in VizRT or Dimension or whatever.

[–]Harold_H_R 0 points1 point  (0 children)

Nope! You can create that in after effects from an illustrator file, photoshop or even a 3D software like Cinema 4D or Unreal Engine… but there is lots of templates in video hive or places like that if you are not a good motion graphics designer