iopmi.blogg.se

1. CASPERCG RUN HTML TEMPLATE HOW TO
2. CASPERCG RUN HTML TEMPLATE GENERATOR
3. CASPERCG RUN HTML TEMPLATE SKIN
4. CASPERCG RUN HTML TEMPLATE DOWNLOAD

There is also a video version of the tutorial available on YouTube. Our final graphic should look like the graphic on the next animation.įinal result of this tutorial is also available as a demo project on Loopic - you can load it by clicking on it in the Welcome popup. The goal of this tutorial will be to create a new graphic template and converting it to HTML format compatible with CasparCG using Loopic. So, that’s it! Hope you now understand the workflow of editing (and making) CasparCG graphics.Important note: this tutorial uses Loopic Beta version and has not been updated with the latest Loopic version. fla document you can edit the size of all image holders and font size, style etc. We recommend you not to touch script.as file because even slightly mistake made there can cause all graphics to stop working. If you did everything correctly, this new graphic should appear when you press ‘Player’ button in the client. FT graphic files and replace the old one with this new. FT file to the folder where are all other. FT file will be generated in the same folder where is your. And click on ‘Build template’ button (at the top). Go to Window > Other Panels > Template Generator. Click ‘ Yes‘.Īnd finally the last step is to generate. Now you’ll be asked if you want to import all the files as a sequence of images. Now you’ll have to find where you saved your image sequence. Let’s import the new image sequence.Īnd go to File > Import > Import to stage. Now we don’t have any background animation. png files that start with ‘Player 3RD’, right click on any of them and select ‘Delete’. Go to ‘Library’ panel on the right side and select all. So let’s delete all sequence images from this. We need to replace them with the new sequence we’ve just exported from After Effects. The graphic is still blue, right? Yes it is because the animation files that are loaded in that. Now we’ll need to extract NMHD-graphics-FT-FLA archive.Īfter you have done that, open file called ‘ player.fla‘. After rendering is completed, we can move on Flash. If you don’t do this, your graphics won’t have any transparency.įinally, select a location you want to save this image sequence to. And very important, in the ‘Video Output’ section, choose ‘ RGB + Alpha‘ as Channel. In the ‘Output Module’ settings dialog, choose PNG Sequence as Format. So go to Composition > Add to Rended Queue. We’ll be using PNG sequence, but others like. The best way to do this is to export animation as image sequence. So, we now have to export this whole animation to Flash.

CASPERCG RUN HTML TEMPLATE SKIN

You’ll see that the ‘Player’ graphic already has new skin applied! Go to folder “ FINAL” and open composition called “ Player 3RD“. Now let’s move on ‘Player’ graphic animation. psd files in “ Cuts” folder, right (on any of them) and select “Reload Footage”. By default, AE will automatically replace all the. Now open navismedia_graphics.aep project in After Effects. So the final design should look like this: 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). Now we can start designing our own graphic.

In this tutorial we’ll be editing lower third that contains player’s name, so for this we’ll need l3rd.psd file. Photoshop editingĪfter you’ve unzipped all files from NMHD-graphics-AEP archive, go to slices folder.

CASPERCG RUN HTML TEMPLATE DOWNLOAD

fla files ( emptyline.fla and player.fla) are available for download on this link. But for this tutorial, we won’t be using it because I’ll try to keep this as simple as possible.Įxample.

CASPERCG RUN HTML TEMPLATE GENERATOR

CASPERCG RUN HTML TEMPLATE HOW TO

In this tutorial, we’ll teach you how to edit CasparCG graphics that come in bundle with our clients.