Transparent Video

Post Reply
Keith
Posts: 16
Joined: Mon Nov 26, 2007 8:57 am

Transparent Video

Post by Keith »

Hi All

Has anyone created the "Transparent Video" using MSP8 - I need to create something for a web site where a person walks around the page.

There are examples at:

http://www.wildform.com/demos/Transpare ... hannel.php

http://www.totalwebvideo.com/

So the question - can I create an effect like this on a web page using MSP8

Thanks
troppo
Posts: 290
Joined: Sat Feb 11, 2006 4:51 am
Location: Broome, Western Australia

Post by troppo »

That's interesting, I hadn't seen that before. I'm not sure if it's an effect as spectacular as the totalwebvideo guy makes out it is, but i guess he's a salesman.
If you do a green/blue screen effect and key out the background and then import this into flash maybe? I'm not sure if flash recognises alpha (transparency) channel, but once you have your person walking around your flash page you can use layers to add text either in front or behind the little man (or woman)
Good luck.
asande
Posts: 58
Joined: Fri Dec 10, 2004 1:49 pm
Location: Terrace, BC
Contact:

Re: Transparent Video

Post by asande »

Keith wrote:Hi All

Has anyone created the "Transparent Video" using MSP8 - I need to create something for a web site where a person walks around the page.

Thanks
It looks like that's just a green-screen effect. MSP 8 handles that very nicely - just shoot the person walking around in front of a blue or green screen (I use a bunch of green "construction paper" taped to the wall of a spare room in the basement). Once you've got the video, put the background video on the Video1 track (or, you could just use a colour clip like White), and then put your "green screen" video on the Video2 track. Then, drag either the Green Screen or Blue Screen overlay onto the clip on Video2 track and render the video...

MSP8 makes it easy. It was a little tougher in MSP7, but still workable. As far as the web page goes, you'll need something to convert your rendered output into flash for your web page (I haven't done that part of it).

For information about the green screen process, check out some of Nick Jushchyshyn's tutorials at http://www.jushhome.com/nick/tutorials.asp. I'm not sure if his tutorials have been updated for MSP8 or not, but they certainly will provide lots of background information for you.

I hope this helps.

Al
rwernyei
Posts: 564
Joined: Wed Feb 09, 2005 9:35 pm

Post by rwernyei »

Keith,

You can use Riva FLV Encoder 2 to encode your edited video to .flv

It's free!
http://www.download.com/3001-2140_4-103 ... dac05276d8
Keith
Posts: 16
Joined: Mon Nov 26, 2007 8:57 am

Post by Keith »

Thanks asande

That's useful but I'm sure on some of these sites the web page is still active and you can still click and navigate?
asande
Posts: 58
Joined: Fri Dec 10, 2004 1:49 pm
Location: Terrace, BC
Contact:

Post by asande »

Keith wrote:Thanks asande

That's useful but I'm sure on some of these sites the web page is still active and you can still click and navigate?
Perhaps they've overlaid a transparent image map or something (if that's even possible)? Although I have a couple of web sites, I'm not much of an html guy so that's beyond anything I've ever done...

Al
User avatar
Ron P.
Advisor
Posts: 12002
Joined: Tue May 10, 2005 12:45 am
operating_system: Windows 10
System_Drive: C
32bit or 64bit: 64 Bit
motherboard: Hewlett-Packard 2AF3 1.0
processor: 3.40 gigahertz Intel Core i7-4770
ram: 16GB
Video Card: NVIDIA GeForce GTX 645
sound_card: NVIDIA High Definition Audio
Hard_Drive_Capacity: 4TB
Monitor/Display Make & Model: 1-HP 27" IPS, 1-Sanyo 21" TV/Monitor
Corel programs: VS5,8.9,10-X5,PSP9-X8,CDGS-9,X4,Painter
Location: Kansas, USA

Post by Ron P. »

The website with the guy walking out is just using an embedded flash file. Not that big of a feat, provided you have a decent flash authoring program.

With that said it is possible to create web pages that use a sort of HTML/XHTML, CSS and Java Script, embedded in the Flash. The web page appears as a normal HTML page, however is actually embedded within the flash file. It requires very complex coding, using not only a good flash authoring program, but expert knowledge in CSS (Cascading Style Sheets), XHTML, and Java Script.

To create the small video, like that guy walking out, just create a video using chroma-key (green/blue) screen. The video would be brought into your flash program. In your flash program design your layers, the background and any foreground of your website that overlaps into the area of you video. Export the video as a SWF or FLV. Embed the video in your HTML page.

If you use FireFox, and have the DOM Inpspector add on, you can view the code used to create that web page. He uses XML, CSS, and Java Script, along with the flash video.
Ron Petersen, Web Board Administrator
Keith
Posts: 16
Joined: Mon Nov 26, 2007 8:57 am

Post by Keith »

Thanks vidoman - that's very useful
Post Reply