Publishing System Settings Logout Login Register
Create Presentation using Video Transparency for Website Easily
TutorialCommentsThe AuthorReport Tutorial
Tutorial Avatar
Rating
Add to Favorites
Posted on July 12th, 2012
1878 views
Adobe Flash

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.

 

Step 1

Download and Run Flash Demo Builder from here

Step 2

From Startup menu, choose "Blank Project" & click on "OK" button

startup

Flash Demo Builder will show a window to choose the dimension of the project. Use dimension of 640x480.

dimension

Step 3

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

bground

Step 4

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".

text1

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

text11

Step 5

Insert an image to this slide. You can set the position. Go to tabeffect 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.

image

Step 6

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

text2

Step 7

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.

image2

Step 8

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

text3

Step 9

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

insert

Check "Enable Chroma Key" and "Show transparent area as checkerboardpattern".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 iteasier for the software to identify them.Most of the case the software will be able to detect the transparentarea corectly by simply clicking.But sometimes you need to do a bit of adjustment by varying the huerange and luminance range while watching the preview updated to find thecorrect settings.
It is also best to play the video here to see if transparent areahas been identified correctly throughout the video, not just the frameyouare seeing atm. Once you're happy, click OK button.

chroma

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

video

Step 10

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

component

Step 11

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

button

Step 12

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

play

Step 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.

html

Step 14

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

files.jpg

 

Here is the result:

final

Dig this tutorial?
Thank the author by sending him a few P2L credits!

Send
jsebastian

Multimedia Trainer
View Full Profile Add as Friend Send PM
Pixel2Life Home Advanced Search Search Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Pixel2life Homepage Submit a Tutorial Publish a Tutorial Join our Forums P2L Marketplace Advertise on P2L P2L Website Hosting Help and FAQ Topsites Link Exchange P2L RSS Feeds P2L Sitemap Contact Us Privacy Statement Legal P2L Facebook Fanpage Follow us on Twitter P2L Studios Portal P2L Website Hosting Back to Top