First time here? First time here? Newsletter Signup Newsletter
Search tutorials
Author: John Sebastian | Website: http://www.flashanimtricks.com/

Create Presentation using Video Transparency for Website Easily

There is an easy way now to make presentation using video transparency. You just need to have a video and some images.
This tutorial, we will show you how to make presentation using video transparency easily.

Here is the result

Software: Flash Demo Builder
Time: Less than 10 minutes
Skill: Beginner


1. You can start make a flash quiz by downloading the trial version from here
2. Run Flash Demo Builder.
3. From startup menu, choose "Blank Project" & click on "OK" button.

Flash Demo Builder will show windows to choose the dimension. For this tutorial, we use 640x480.

4. The first step, we will use background with Gradient, type Horizontal.

5. The first step, you can click on "Insert a text" button. Fill in with "Video Marketing Strategy".
Go to tab "Effect", Fill in Show after with 0. Then click on effect dropdown and choose "Text Gunshot".
Fill in Hide after with 2 and choose an effect with "Fade".

Then go to tab Text again and click on "Enable this object".

6. Insert an image to this slide. You can set the position. Go to tab effect and set Show after with 6.2 sec. For Effect, choose Zoom - In.
Set Hide after with 7.7 sec, choose Fade for the effect.

7. Insert a text, fill in "Presentation Video". Set the duration like step 6.

8. Insert an image again. Go to tab effect and set Show after with 16 sec. For Effect, choose Mask - Box Out.
For effect after, choose Show forever. Choose Fade for the effect.

9. Insert a text again, fill in "Viral Video". Set the duration like step 8.

10. Insert a video narration. At the video properties, click on "Chroma Key" button to set your video.

Check "Enable Chroma Key" and "Show transparent area as checkerboard pattern".
Then click an area on the video you wish to make transparent.
In this video it is the green area outside the presenter.
It is best to use green color behind the video footage to make it easier for the software to identify them.
Most of the case the software will be able to detect the transparent area corectly by simply clicking.
But sometimes you need to do a bit of adjustment by varying the hue range and luminance range while watching the preview updated to find the correct settings.
It is also best to play the video here to see if transparent area has been identified correctly throughout the video, not just the frame you are seeing atm.
Once you're happy, click OK button.

Go to tab effect and fill in 0.7 second at the Show after.

11. To make your presentation transparency, you can add a rectangle.
Choose Fill color with Linear Gradient, change the color into white with double click at the color.
Drag the Alpha till 31.

12. Insert a button, fill in with "Replay". Go to tab Effect, Fill in Show after with 20.8 second and change Effect into Fade.

13. Now, Your presentation using video transparency is finished.
Click on "Play" button to play your presentation.

13. Before uploading it into your website, you will need to publish this presentation as an HTML and SWF file.
Click on "Make a Flash file" button. Flash Demo Builder will generate flash and html file for you.

14. You can upload the HTML, JPG and SWF files into your website.

Here is the result

» Level Basic

Added: 2010-05-05
Rating: 9.5 Votes: 6
» Author
Multimedia Trainer
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!
Featured Flash FLA
» Author: Inocreato
» Title: RaiseTheBlocks
» Description: Raise all the blocks to win the game
Featured Sound Loops
Image for equalize

Audio Player

» Author: TomCat Carty
» Title: The Wood
» Description: Just a little game ending or it can maybe be looped. Recorders with music box and percussion to give the feel of well, I don't know, the woods? Free to use, just credit me. thank you
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: Davisigner
» Description: Hmm... what to say about this one? It's reminiscent of the closing notes of the opening music from the Three Stooges done in a church organ style with a closing cymbal crash. I'll give this one away gratis, but feel free to check out my free loops and potential upcoming license-mandated ones over in the respective part of Flashkit.