Flash Web Design Ideas, Web Site Design Resources - CWD Cool Web Design
Cool web design sites


  www.print-templates.com

 
Photoshop 5.5
Front Page 2000
HTML
XML
PageMaker 6.5

Community
 
Login
Create Profile
Forgot Password

Functions
 
Home
About cwd.dk
Contact Us

Inspiration
 
New Sites
Search
'Accepted by' Logo
Submit Site
Reminder
FAQ's
 Category
Animation
Audio/Sound
Business Style
Clean and Simple
E-Commerce
Entertainment
Experimental
Heavy Graphic
Intro
Just Nice
Navigation
Personal
Sports
Webportals
All Categories


www.imageonline.co.in




Articles

  By: Layout Galaxy
  Published   06-03-2006
  Category   Flash
  Type   Tutorial
  Rating
   0%
100%
Rate this article:  Bad  Good 

This newsletter covers step by step practical guide to import digital video in flash and publish it in graphically decorated window area along with Play & Pause facility. We have also included source flash file along with the dummy video. Do it yourself and you will be ready to incorporate video for your clients in real life.

Click here to download the source (.fla) file.

Movie Properties

1. Create a new movie with dimensions of 328px. X 282px. and fps = 31 with white color as Background Color.

2. Save the flash file as 'video.fla'.

3. In Flash Select File > Import to import videobg.png.

4. Rename the Layer 1 as Player Skin.

5. Select the videobg on the stage and Select Insert > Convert to Symbol.

6. Convert it into a Movieclip with Top left as a registration point selected and name it as 'video-bg'.

Import the video file

7. Select Insert > Timeline > Layer.

8. Rename the Layer 2 as Video.

9. Select File > Import > Import to Stage.

10. Select the video.mpg from images folder and click on 'open' button.

Supported Format
MPEG (.mpg, .mpeg)
QuickTime (.mov)
Digital Video (.div)
Video for windows (.avi)
Windows Media (.asf, .wmv)
Macromedia Flash Video (.flv)

11. Clicking on open button Video Import wizard will be display.

12. You need to choose one of the following options provided by Video Import wizard.

Import the entire video
Select this option to import the video "as is" without any changes.

Edit the video first
Select this option if you want to
1. Cut out / Delete the unwanted parts of the Video.
2. Create multiple clips of Video.
3. Separate sound from the Video file.

13. If you want to edit the video follow the steps given below, After selecting Edit the video first Options click "Next" Button.

14. Modify the End Point as demonstrated / indicated with the red circle in the Image given below.


15. Click on "Create Clip" Button, and rename Clip to Video1, After renaming the clip click on "Next" Button.

16. Clicking on "Next" button will display Editing Encoding section, Select "DSL/Cable 256 kbps" from the Compression Profile drop down.

17. Select "Create profile" from the Advanced Setting drop down. Selection of "Create Profile" will display "Video Import advance setting wizard" for the best result enter the demonstrated figures suggested against each field. Refer to Image provided below.

18. Create Profile is used to,

1 Change the Color Setting (Color Panel section), Brightness & Contrast in the example we have set these parameters to 10%.
2 Change the Dimension (Dimension Panel section) & Crop the video. In the example we have cropped the video by 2 pixels from up & right.
3 Select the Track Option, more information about track option is given below for your reference.
Track Option Section provides 2 drop downs as give below.

Imoprt

a. Import drop down lists 3 choices

I - "Current Timeline" - Select this option to import video directly on the timeline.
II - "Movie Clip" - Select this option to convert the video into the Movie Clip.
III - "Graphic" - Select this option to convert the video into the Graphic.

For this tutorial select "Movie Clip"

Audio track

b. Audio track drop down lists 3 choices

I - "Separate" - Select this option to separate the sound from the Video file.
II -
"Integrated" - Select this option to keep video as is with the sound.
III - "
None" - Select this option to remove sound from the Video.

For this tutorial select "Integrated".

Goto Page
 
1
 
 
 
 
 
 



Login
 
Enter your username and password, and press 'Submit'
Auto Login
Create Profile

Articles
 
 Search Engine   Optimization
Where does your Site Rank on Google?
Title Tag and Meta Description Tag Optimization
Anchor Text Optimization
Working with the robots.txt file
Google PageRank Algorithm Explained
 
 General
Alexa - The Smart Browsing
Web Promotion with Pay Per Click
Fonts in Layout
Basics of Color - 2
Basics of Color
 
 Dreamweaver
How to create a webpage using layers?
 
 Photoshop
Fine tune / touch up dull Image using Photoshop
Create thumbnails using Action and Automate in Adobe Photoshop.
Designing Top Panel in Photoshop - 2
Designing Top Panel in Photoshop
How to animate a banner using Adobe ImageReady?
 
 Flash
Publishing digital video on web page using Flash 2004
Creating Feedback form using Flash MX & send the data to email.
Image Transitions in Flash Mx
Creating Top Panel in Flash along with navigation bar
Creating Scrolling Buttons Menu in Flash MX
 
 Flash 5.0 Tutorial
Advance Scripting In Flash - Part 8
Advance Scripting In Flash - Part 7
Advance Scripting In Flash - Part 6
Advance Scripting In Flash - Part 5
Advance Scripting In Flash - Part 4
 
 Professional steps of  web designing
Professional Step-by-step Guide To Web Designing
Modify the ready-made Layout to incorporate your client's detail
Make Layout Web Compatible
Provide links using web-authoring tool like Macromedia Dreamweaver

Feedback
 

 

Layout Galaxy is ready to use photoshop & flash web site design templates
Copyright © 2001 Cool Web Design