Web design Linkbut spacePrint design Linkbut spaceLogo Design Linkbut spaceTemplates linkbut spaceWeb Hosting linkbut spaceWeb Marketing linkbut spacetutorials linkbut spaceTips and Articles linkbut spacePartners linkbut gap
blue-box image-1 image-2 image-3
spaces

maa services

space

Flash Tutorials

» Motion Tween

» Shape Tween

» Working on Layers

» Masking

» Custom Curser

» Bouncing Effect

» Straight Ripple Effect

» Circular Ripple Effect

» Simple Preloader

» Simple Timeline Preloader

» Digital Clock

» Analog Clock

» ON\OFF Sound Button

 

» Photoshop Tutorials

» Dreamweaver Tutorials

» Fireworks Effects and Tutorials

 

Tips and Articles
» Advertising Ideas
» Templates Creating Ideas and Tips
» Dedicated Server Tips
» Domain Name Tips
» Ecommerce Tips
» Hosting Tips

» Logo Design Concept

» Emal Marketing

» Offset Printing Tips

» Website Design Tips

» Website Promotion

» Affiliated Program Tips

 

Maa Web Design
» Brochure Website
» E-Commerce Website
» Flash Website
» Web Template Customization
» CMS Development
» E-News Letter

 

Maa Print Design
» Press Advert Design
» Banner Design
» Brochures Design

» Copywriting Services
» Direct Mail Design
» Flyers Design
» Illustration Works
» Invitations Design
» Menu Design
» News Letter Design

» Packaging Design

» Posters Design
» Presentation Folders
» Signage Design

 

Maa Identity Design
» Logo Design
» Stationary Design
» Corporate Identity Design
» Logo Template Customization

 

Maa Templates
» Web Templates
» PSD Templates

» Low Cost PSD Templates
» Logo Templates
» Stationary Templates
» PowerPoint Templates
» Print Temples

 

Maa Web Hosting
» Domain Registration
» Web Site hosting
» Email
» Dedicated Server

 

Maa Web Marketing
» Search Engine Submission
» Search Engine Optimizing
» E-mail Marketing

» Website Content Writing

» E-mail Promotional Newsletter
» Live Chat Agent



space
Straight Ripple effect in FlashMX 2004

This tutorial will teach you how to create a Ripple effect in Flash MX 2004.


Please note:


You need to have Flash Player 7.0 installed

 

 

 

 

STEPS TO FOLLOW


Create a Graphic Symbol.

 

  • Import an image to the work area.
  • Press F8, to convert it to a symbol.
  • Give a name to this Symbol as "girl_gr" and select graphic behavior. Press OK.
  • Name the Layer to "bg".
  • Select girl_gr and choose Alpha 99% from color list box in the property window.


Create a Movie clip.

 

  • Press Ctrl+F8, to create Ripple movie clip.
  • Name it as "ripple_mc" and select Movie clip behavior. then OK.
  • Drag girl_gr to the working area from Library (ctrl+L).
  • Select girl_gr and choose Alpha 0% from color list box in the property window.
  • Insert Keyframe (F6) into the 5th frame.
  • Remaining on the 5th frame, Select girl_gr and choose Alpha 99% from color list box in the property window.
  • Now select 1st frame, choose Motion Tween from Tween list box in the property window.
  • Insert Keyframe into 15th frame and later to 20th frame.
  • Remaining on the 20th frame, Select girl_gr and choose Alpha 0% from color list box in your property window.
  • Select 15th frame, choose Motion Tween from Tween list box in your property window.
  • Insert a new layer above this layer, name it "Layer 2".
  • Select frame 1 of Layer 2 and draw a borderless square or rectangle depending on the type of ripple effect you wish.
  • Place this vector wherever you need the ripple to begin. Make sure that the vector belongs only to layer 2.
  • Insert Keyframe into the 20th frame of Layer 2.
  • Place the vector wherever you want the ripple to end or ebb.
  • Select 1st frame, choose Shape Tween from Tween list box in your property window.
  • Right click on Layer 2 and select Mask.
  • Save (ctrl+S).


Insert Ripple Movie Clip onto Scene 1

 

  • Then go back to Scene 1.
  • Insert a new layer above bg layer and name it ripple1.
  • Insert new Keyframe (F6) into the 10th frame of ripple1 layer.
  • With 10th frame of ripple1 layer selected, Drag ripple_mc movie clip onto the working area. Place it appropriate to girl_gr. Make sure this is placed exactly where you had placed your square vector in ripple_mc Movie clip.
  • Insert frame (F5) into the 30th frame of ripple1 layer. So you can make sure the ripple _mc runs only for 20 frame.
  • Insert another new layer above ripple1 layer and name it ripple2
  • Insert Keyframe into the 20th frame of ripple2 layer.
  • With 20th frame of ripple2 layer selected, Drag ripple_mc movie clip onto the working area. Place it appropriate to girl_gr.
  • Insert frame (F5) into the 40th frame of ripple1 layer.
  • Insert frame (F5) into the 40th frame of bg layer.


The movie is ready now!. Press Ctrl+Enter to view.

 

 

 

Back to Tutorials Home Page


arrow

Maa Design Services
MAA offers high-quality website design services at affordable prices and fast turnaround time. We provide ready-made & custom website design solutions to global clients from London, UK. Take a look at our client testimonials from clients all over the world. Contact us today to get started on your website!

 

 

arrow

Client Testimonials

"If you want the QUICKEST service, the BEST web design, Logo and the FRIENDLIEST communication, DezineHub is the ONLY business to turn to. They far exceeded my expectations! I give them the HIGHEST recommendation! "
Dilip, Chemmen Ltd UK

 

space

packages

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

spaces
bottam-left
Home | About | Services | Package | Portfolio | Testimonials | Free Downloads | Free Tutorials | Jobs | Privacy Policy | Terms & Conditions | Contact
Copyright © 2005 Maagraphics.com - All rights reserved. Site Designed and Developed by MAA Design Ltd. London, UK
bottam-right

Design services : Brochure Website | E-Commerce Website | Flash Website | Web Template Customization | CMS Development | E-News Letter | AD Design
Brochures Design | Flayers Design | News Letter Design | Posters Design | Invitations Design | Menu Design | Banner Design | Logo Design | Stationary Design
Corporate Identity Design | Animated Logo Design | Web Templates | 3D logo Design | PSD Templates | Logo Templates | Stationary Templates | Print Templates
PowerPoint Templates| Domain Registration | WebSite hosting | Email|Dedicated Server | SEO | E-mail Marketing | Live Chat Agent | Site Map