LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Designing Content for a Multi-Screen Video Display

COW Library : Adobe After Effects Tutorials : Matt Hall : Designing Content for a Multi-Screen Video Display
From The Creative COW Magazine


Creative COW Magazine presents Designing Content for a Multi-Screen Video Display
Photo by Greg Martinelli


Matt HallMatt Hall
New York City, New York

©2007 Matt Hall and CreativeCOW.net. All rights reserved.

Article Focus:

Matt Hall reveals an easy method for creating multi-screen display video presentations for use in trade shows, concerts and other events and situations. By following Matt Hall's instructions in this article - and cross-checking your own settings in Adobe After Effects against Matt's settings - you can learn the secret of multi-screen display presentations.


You've seen multiple screen video presentations. You've seen them at trade shows and behind the counter in clothing stores. They use a number of different screens, usually plasmas, together to form one linked image. You know you want to build them for yourself, so I'll help you get started with a simple example in After Effects.

First, let's differentiate these multi-screen installations from traditional video walls. A traditional video wall splits up a single video source, and displays it on multiple joined screens. This is accomplished using a hardware video wall processor, and it arranges the multiple screens in a grid to make either a 4:3 or 16:9 image.

Multi-screen installations aren't restricted to any traditional aspect ratio. They can be laid out any way you can imagine. How about 5 screens edge to edge to make one long strip? Or 10 LCD screens arranged in an arch over a doorway? Or 4 curved rear projection screens arranged to make one 360 degree screen? Or 20 plasma screens mixed with 10 LCD screens mixed with 2 rear projection screens that all together make the shape of your client's logo? These are all examples of actual projects I've done!

Understand that, without hardware to do the work for you, you've got to do the work yourself. Instead of one source being split onto, say, 12 screens, you have 12 sources going to 12 screens. And each of those 12 sources needs to be synchronized so they all play back at the same time.

That's actually easier than it sounds, especially if you're using DVDs for playback. Industrial DVD players can be connected to pieces of hardware that ensure they play back at the same time.

Computer playback is a little more complicated. Don't forget, in this example you've got 12 computers that need to be synced. Software called Watchout, by Dataton, is one way to manage this.

Next to consider is video format. Maybe by the time you read this there will be industrial-grade DVD players that play back HD media, but for now, for your multiscreen installation, DVD equals SD. If you need HD often the case if people are going to get close to the video -- computer playback is the way to go.

So after figuring out the format and devices for playback, you're ready to start designing. Which means you're ready for math.

Let's use a very simple project I worked on recently as an example.

We had four plasma screens mounted on top of each other, each fed from a DVD source. Here comes the math. If the digital canvas for one DVD is 864 x 480 (the square pixel equivalent of a 16:9 anamorphic DVD) then 4 plasmas stacked on top of each other is 864 x 1920 (480 x 4 = 1920).

But wait! That assumes that each screen is perfectly stacked on the other. That's never true because of the monitor's frame and the little bit of air that will be in between each monitor. So I added 50 pixels as spacers between the screens to account for that. Now my digital canvas is 864 x 2070 (1920 + (50 x 3).

After Effects Multi-Screen

Whew! Glad the math is over.

So I create a composition in After Effects of 864 x 2070. Next I have to create some solid layers as guides so I know where each of my screens is going to be. I make a new solid at 480 pixels high and 864 pixels wide to serve as a stand-in for each screen. I name the first Screen 1, and put it at the very top of the comp.

Next I use a 50 pixel high solid as a stand in for the spacer. Then another solid for Screen 2, another spacer, and so on. So now, if I hide the visibility of my screen solids, I'm left with the spacer solids. I now know where the gaps (the space between the screens) in my animation are going to be.

This is a very simple example, and as I mentioned earlier, multiscreen installations can get very, very complicated. No matter what kind of project you have, here are a few things to remember as you compose:

• Mind the Gaps! By gaps I mean the mullions of the monitors and the space between them. Try not to make anything important - like a word or a person's face - fall across those spaces.

• Use the Drama of the Installation! Take advantage of the physical layout when you animate. Is it a skinny tall piece? Add drama by making things zoom up and down.

• Shake it Up! Vary how you display your content. Sometimes have your screens make up one image. Sometimes make them all show the same image. Jumping back and forth between these approaches keeps it visually exciting.


Now for output. To render the files for your DVDs, make four new compositions at 864 x 480. Following the naming pattern for the original comps, I call them Screen 1 Render Comp, Screen 2 Render Comp, etc). Into each of those comps, drop your master comp and position so it shows the current area for that screen. Use your original guides to make sure this is right.


A CRITICAL ENDING:

Finally, there's one absolutely critical element: when you render each of your screens out, make sure that the length of each of your renders is exactly, to the frame, the same length. If one ends before the others, you'll have major problems with the synchronization.

And now you're ready to build your own multi-screen installation! The only limits are your imagination and the client's budget.


Matt HallMatt Hall is a New York-based artist and producer whose work has been used at major trade expositions by clients in the pharmaceutical and other fields.



Find more great Creative COW Magazine articles by signing up for the complimentary Creative COW Magazine.
Comments

Re: Designing Content for a Multi-Screen Video Display
by Erik Franzen
I am very new to AE but the only reason why I have it is for this reason to make a video wall. I need to take a Video and break it into multiple videos to push to each display. I have followed the directions that are hear but how do I get it to render into all the little movie files. I can only get it to render as one very large video instead of the 3 that I am trying to make. any help would be great thanks.
Re: Designing Content for a Multi-Screen Video Display
by Jimmy Francis (9francis@gmail.com)
Hi Matt,

well i know that this is an old post, but need your help.

i am working on a quiet complicated project of 256 LCD screens devided into 8 videowalls. the client want to put in each of the videowalls a seperate content and an option to put on all the videowalls one content. what i did is that i used a digital signage software, 8 PCs with one HD output to each daizy chained videowall and 1 PC with 8 outputs AMD eyefinity card showing one content stretched into the 8 outputs and linked it into a 16x8 matrix switcher an then into all daizy chained videowalls (kindly find the design picture attached).

will it be possible not to loose resolution? and how the content can be made on 256 LCD videowall, have you done such a huge content?

img_2664.jpg


Related Articles / Tutorials:
Adobe After Effects
Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-in for Adobe brings all the amazing features of the professional version of the mocha Planar Tracker directly into After Effects and Premiere Pro in the form of a plugin. In this in-depth review, After Effects tutorial guru Tobias Gleissenberger of Surfaced Studio will show you what you can do with this new plug-in, and discuss what he likes and doesn't like about the new update.

Tutorial
Tobias Gleissenberger
Adobe After Effects
After Effects 2015.3 - My Favorite Features

After Effects 2015.3 - My Favorite Features

Learn why you should upgrade to After Effects CC 2015.3 - 13.8.1 - a close and detailed look at the latest release of After Effects (August 2016). Roei Tzoref will be focusing on his favorite features that set this release apart from previous versions: Performance, Queue in AME, Lumetri Color new features, and more.

Tutorial
Roei Tzoref
Adobe After Effects
Advanced Masking in Adobe After Effects

Advanced Masking in Adobe After Effects

Some of the coolest stuff you can do inside of Adobe After Effects is only possible once you unlock the power of masks. Join After Effects whiz Tobias Gleissenberger of Surfaced Studio to learn about mask animation and interpolation, using the variable width feathering tool, managing mask modes and ordering, and more.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Fixing Common After Effects Problems and Mistakes

Fixing Common After Effects Problems and Mistakes

Got problems using Adobe After Effects? Exported files too large, Expressions not working, mixing shapes and makes, modes/switches, selecting previews for layers vs. comps - Surfaced Studio's Tobias Gleissenberger shows you fast fixes for these and more!

Tutorial
Tobias Gleissenberger
Adobe After Effects
mocha AE Planar Tracker for Absolute Beginners

mocha AE Planar Tracker for Absolute Beginners

Want to learn how to create advanced visual effects? Learn how to use mocha AE to track your shot and add advanced visual effects to live action footage inside Adobe After Effects. mocha can help you track shots that would be hard to track using traditional 2D point or feature trackers because it is a PLANAR TRACKER. A planar tracker uses planes and textures to track as opposed to points or groups of pixels. This allows the tracker to stay on track even if your shot contains motion blur or a very shallow depth of field. mocha AE comes included with Adobe After Effects and is available since CS3 and there is no reason for you not to use this awesome tool to make it easier for you to track your shot, replace screens or rotoscope!

Tutorial
Tobias Gleissenberger
Adobe After Effects
How to Make After Effects Faster with Proxies

How to Make After Effects Faster with Proxies

Learn how to make Adobe After Effects faster by using PROXIES! A proxy is a placeholder that stands in place for a very large video file or image sequence in your project. You can easily create proxies for the large source files that you are using and After Effects will automatically link them to the item in your project panel.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Stabilize & Smooth: mocha 5 Plug-in for Adobe & Avid

Stabilize & Smooth: mocha 5 Plug-in for Adobe & Avid

Imagineer Systems and Boris FX product specialist Mary Poplin shows you how to stabilize with the new mocha Pro 5 plug-in inside of Avid Media Composer, Adobe Premiere Pro and After Effects. This tutorial covers artistic stabilization, such as smoothing out camera movements or stabilizing around moving objects, completely locking down shots, and automatically replacing edge fill on planar backgrounds.

Tutorial
Mary Poplin
Adobe After Effects
Adobe After Effects Puppet Tool

Adobe After Effects Puppet Tool

Become a puppet master by learning how to use the Puppet Tool in Adobe After Effects! This intermediate-level tutorial from After Effects guru Tobias will show you how the Puppet Tool allows you to add joints and animations to bring life to any static image!

Tutorial
Tobias Gleissenberger
Adobe After Effects
How to Spawn A Clone in Adobe After Effects

How to Spawn A Clone in Adobe After Effects

Want to learn how to create a cool clone spawn effect in Adobe After Effects? Follow along with After Effects whiz Tobias from Surfaced Studio in this exciting new visual effects tutorial that combines green screen using Keylight, CC Vector Blur, the Liquefy Effect, CC Particle World, and much more, delivered in Tobias' inimitable style!

Tutorial
Tobias Gleissenberger
Adobe After Effects
Creating A Flame on Your Finger with After Effects

Creating A Flame on Your Finger with After Effects

It is easy to do some motion tracking and attach a basic stock footage element of fire onto your hands, but there is a little bit of work involved if you actually want to make it look good. In this intermediate tutorial by After Effects expert Tobias, you'll see how to use a fire stock footage element to set your thumb on fire! There are lots of useful tricks for null objects, expressions, and more in this tutorial that will help you create all sorts of other cool visual effects -- or set even more things on fire!

Tutorial
Tobias Gleissenberger
MORE
© 2016 CreativeCOW.net All Rights Reserved
[TOP]