top of page

All our FREE and PREMIUM products can be tested on our Test Drive -server before downloading.

Want to know more? Use the chat on this page to talk to a real person. 

« spx.graphics

Looking for SPX Graphics for Zoom Pro upgrade or additional graphics?

Open the app and navigate to the Store tab. Read more.

STORE-BLACK-FRIDAY-50-OFF.png

Black Friday discounts! Everything 50% OFF until end of November.

Discounts are calculated automatically at checkout.

ImageLayer

00007
€0.00
Add an image to a folder. Select it. Play!
In stock
1
Product Details


ImageLayer is a super useful utility template for displaying a full screen image over a video using SPX Graphics.


Test the template online.
Image Layer demo



This is a PAY WHAT YOU WANT item on the Store with a minimum price of nothing. If you want to show your appreciation you know what to do. Any help is highly appreciated. THANK YOU


This is a simple template for revealing an image over a live video. Sounds simple - and it is! All the complexity is upstream, in your image editing software. Get creative and create whatever assets you need: fullscreen photos or presentation slides, titles headlines, maps. Or with transparent images there are no limits: sponsor logos, social call-to-actions, quizzes, namestraps - anything really.

Images can be loaded from local ASSETS/media/images/hd -folder of the SPX-GC software or from a web URL.



( low quality preview )


USE CASES

The ImageLayer can be of great help in any production.

  • TV productions, events, presentations, streams
  • Sponsor logos, subscribe and other social call-to-actions are easy to use as images.
  • Need to present Slides? Load those as images.
  • If you don't have an animated template package at hand, this will get you going anyway. Create backgrounds for your graphics as images and use Texter template for texts on them.
  • Need a solid color, such as black or chroma green? Use an image.

PACKAGE CONTENTS

The template is provided as a zip file at checkout which includes all required files (html, images, fonts, css styles, etc). All source code is left editable for easy customization and adaptation.

  • Files delivered as a zip file at checkout for manual installation. For Windows, an installer is also available for automated setup.
  • 2 copies of the "same" HTML template (HD 1920x1080) with predefined layers.
    • Layer 2 - for images "further back"
    • Layer 10 - for images "closer to the camera"
    • Remember you can assign a different layer number in the project settings. These two are just starting points.
  • Supporting files (such as fonts, images, javascript, etc)
  • Example image files to ASSETS/media/images/hd -folder (1920x1080, PNG format)
  • README.pdf for installation and usage instructions
  • FREE LICENSE allows you to modify and redistribute the files but there are conditions. Please see the free license.


TEMPLATE CONTROLS

The template can play out an image from a local media folder or SPX-GC or from a web URL. The image will be streched to fill the HD area, so optimal image size is 1920x1080 pixels. Local files must be in PNG format, URL images either PNG or JPG images. URL images have higher priority, so if both image sources are set, the URL one will be loaded.

Animation types provided by the template by default:

  • Fade in
  • Slide in (from top, left, bottom, right)
  • Wipe in (from top, left, bottom, right)

Easing types provided by the template by default:

  • Smooth
  • Linear
  • Ease back
  • Bounce

More animation types and easing types can be added by modifying the source code of the template.

LIVE DEMO

You can testdrive ImageLayer and all our other templates at the live online demo. Please note: there may be others using the demo at the same time which can cause unexpected glitches.

Click on Add to Bag to get the template now.

This is a Pay What You Want -item, because we believe everybody will appreciate the help it gives them. And we will appreciate any help you can give us.


Need more info? Try the chat on this page or contact us.

Save this product for later

GRAPHIC TEMPLATES IN LIVE VIDEO PRODUCTION

SPX Store templates are HTML graphics that are primarily designed to be used with SPX Graphics application in LIVE streams, broadcasts an live events. SPX manages template content in projects and rundowns. SPX is available for free for Windows, Linux, and Mac at spx.graphics.

SPX can be integrated as a graphics renderer for OBS (Open Broadcast Software), vMix, Wirecast, XSplit, or other streaming applications with HTML graphics support. For professional television production, SPX can be used with SDI or NDI video workflows with tools such as CasparCG, Sienna CG Engine, and Singular.live Recast.

We are constantly working on additional items for the store. if you have specific needs or you have developed something you would like to see featured here, please contact us.

SPXstore600_6.png

Copyright 2023 Softpix

bottom of page