Casparcg Flash

Casparcg Flash

Jul 16, 2018  I started using CasparCG a few weeks ago. Without prior knowledge of Flash / Actionscript, I choose HTML as the solution to create my template. Better people than me can probably create those templates with a text editor, I choose to search a WYSIWYG software. There is a lot of softwares available for that. TCP sockets can be done with plain text, but UDP is at the binary level. What version of CasparCG are you running. The CasparCG OSC Protocol says if you are on 2.0.4, the comms is unidirectional only. By that I assume it means you need 2.0.7b1 to get the OSC Server on the CasparCG Server and be able to subscribe to events.

In this tutorial, we’ll teach you how to edit CasparCG graphics that come in bundle with our clients. Also this technique can be applied on making your own CasparCG graphics. In this case, we’ll be using Flash based templates. The workflow can be divided in three parts: Photoshop editing, After Effects animation and Flash conversion. So, in order to achieve all this, you’ll need: • Photoshop • After Effects (CC version if you want to edit Navis Media graphics) • Flash Professional • FT generator FT generator can be found on, as well as other useful settings like After Effects settings etc.

But for this tutorial, we won’t be using it because I’ll try to keep this as simple as possible. Example.fla files ( emptyline.fla and player.fla) are available for download on. Photoshop editing After you’ve unzipped all files from NMHD-graphics-AEP archive, go to slices folder. You’ll see a lot of.psd files. Each one represents part of a graphic. In this tutorial we’ll be editing lower third that contains player’s name, so for this we’ll need l3rd.psd file.

Casparcg

Open it with Photoshop. Now we can start designing our own graphic. In this case, we’ll change the color of the lower third to red (apply hue/saturation effect on the background layer) and also add a border on the bottom (just draw a rectangle). So the final design should look like this: Now save this.psd. We’ll move to After Effects.

After Effects animation Now open navismedia_graphics.aep project in After Effects. By default, AE will automatically replace all the.psd files you’ve edited. But in case it didn’t, select all.psd files in “ Cuts” folder, right (on any of them) and select “Reload Footage”. Now let’s move on ‘Player’ graphic animation. Go to folder “ FINAL” and open composition called “ Player 3RD“.

Ini cuma option file yang di dalamnya sudah termasuk jersey serta update pemain terbaru (November 2016). Patch Hello gan, pada postingan pertama saya kali ini saya ingin memberikan update game untuk PES 6, tapi ini bukan patch loh ya. Here's the link for PES 2008 GAME by me: And for the option file CREDIT: PES LAZIALE and LOVEROMS. Tapi jangan ngarep option file ini sesempurna patch:D Option file tujuan utamanya cuma buat update pemain terbaru aja, jadi urusan jersey dan wajah pemain urusan belakangan.

You’ll see that the ‘Player’ graphic already has new skin applied! So, we now have to export this whole animation to Flash. The best way to do this is to export animation as image sequence. We’ll be using PNG sequence, but others like.TGA will work as well. So go to Composition > Add to Rended Queue.

In the ‘Output Module’ settings dialog, choose PNG Sequence as Format. And very important, in the ‘Video Output’ section, choose ‘ RGB + Alpha‘ as Channel.

If you don’t do this, your graphics won’t have any transparency. Finally, select a location you want to save this image sequence to. After rendering is completed, we can move on Flash. Flash Professional Now we’ll need to extract NMHD-graphics-FT-FLA archive. After you have done that, open file called ‘ player.fla‘. This is what you should see: The graphic is still blue, right? Yes it is because the animation files that are loaded in that.fla projects are the old ones.

Flash

We need to replace them with the new sequence we’ve just exported from After Effects. So let’s delete all sequence images from this.fla file. Go to ‘Library’ panel on the right side and select all.png files that start with ‘Player 3RD’, right click on any of them and select ‘Delete’. Now we don’t have any background animation. Let’s import the new image sequence. Select the first frame on layer ‘BG’. And go to File > Import > Import to stage.

Now you’ll have to find where you saved your image sequence. Test s otvetami gogolj revizor 8 klass 1. Once you found it, select the first.png image and click “Open”. Now you’ll be asked if you want to import all the files as a sequence of images. Click ‘ Yes‘.

Here is our new graphic! And finally the last step is to generate.FT template.

Go to Window > Other Panels > Template Generator. And click on ‘Build template’ button (at the top). Now the.FT file will be generated in the same folder where is your.fla file you are currently editing. Copy this new.FT file to the folder where are all other.FT graphic files and replace the old one with this new. If you did everything correctly, this new graphic should appear when you press ‘Player’ button in the client. We recommend you not to touch script.as file because even slightly mistake made there can cause all graphics to stop working.

Blog

Casparcg Flash
© 2019