First time here? First time here? Newsletter Signup Newsletter
Login | Register | 651326 Members and growing!
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

Steps:

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
(10 being the highest)
» Author
Multimedia Trainer
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!

Comments

  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: work2survive
» Title: Girl Walking 1kb
» Description: Walking girl, animation just takes 1kb, using high heels shoes, and fashion model attitude.
Featured Sound Loops
Image for equalize

Audio Player

» Author: BoxCat
» Title: CPU Talk
» Description: From the cyberpunk RPG, "Nameless: the Hackers" Completely Free to use! Keywords: edm hip hop rap electronic mysterious mission hacking chase exciting spy ios ambient chilling love happy sad angry suspense
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: nathan
» Description:

A recorded sound of the Dimensional Fork Gate.