Go Back   TechArena Community > Software > Windows Software
Become a Member!
Forgot your username/password?
Register Tags Active Topics RSS Search Mark Forums Read

Sponsored Links



How to create a flip letter effect in Adobe Flash.

Windows Software


Reply
 
Thread Tools Search this Thread
  #1  
Old 08-01-2010
Member
 
Join Date: May 2009
Posts: 673
How to create a flip letter effect in Adobe Flash.
  

Hello, I have recently installed Adobe Flash Player in my computer. I am learning some basic steps to make flash files. I have many things to learn but for now i just want to know that how to create a flip letter effect in Adobe Flash. Can anybody help me with this ?

Reply With Quote
  #2  
Old 08-01-2010
Member
 
Join Date: Apr 2008
Posts: 4,642
Make your letters Ready.

First of all you have to decide for the letter that you want to apply as flip action. Now create a new flash file by using whatever software you use for doing it and save it as flipLetter.fla. Then rename “layer 1″ to “letters” and select the text tool to type your static text. Keep your text selected and go to menu and select Break apart to break up your text into separate letters. Now convert each letter in to movie with the help of registration point at the center. It does not matter if you do not give instance names. Give a proper position to your letters.
Reply With Quote
  #3  
Old 08-01-2010
Member
 
Join Date: May 2008
Posts: 4,831
Create a new “actions” layer.

After you have created your letters then create a new action layer. After you have created the layer, open the action panel. You can use Tweenlite engine which is easily available on world wide web. I suggest you to download the Tweenlite engine to go further. gs directory is useful to go further. After getting to it write import command for gs directory.

import gs.*;
Reply With Quote
  #4  
Old 08-01-2010
Member
 
Join Date: Jan 2008
Posts: 3,758
Add MOUSE_OVER listener.

Next step would be to add MOUSE_OVER listener to the code. Next loop through all the objects in the stage in order to add to each letter a MOUSE_OVER listener that will be handled by the flip function.
CODE :
1.for (var i:int =0; i < numChildren; i++) {
2. var mc:MovieClip = getChildAt(i) as MovieClip;
3. mc.addEventListener(MouseEvent.MOUSE_OVER,flip);
4.}
Reply With Quote
  #5  
Old 08-01-2010
Member
 
Join Date: May 2008
Posts: 3,317
Create tween using Tweenlite.

In the flip function, we declare a local variable named “letter” typed as MovieClip to store which letter has processed the event.
Then we remove the MOUSE_OVER listener that we’ll re-add when the letter has finished flipping.
To make your letters rotating you have to set the rotationY property of letters. You have to use Tweenlite to create a tween. Remove 360 degrees to make a full rotation. After you finished with tween then add MOUSE_OVER listener again.
Code for adding it.
01.function flip(e:MouseEvent):void{
02. var letter:MovieClip = e.currentTarget as MovieClip;
03. letter.removeEventListener(MouseEvent.MOUSE_OVER,flip);
04. TweenLite.to(letter, 1,
05. {rotationY:letter.rotationY - 360,
06. onComplete:function() {letter.addEventListener(MouseEvent.MOUSE_OVER,flip);
07. }
08. }
09. );
10.}
Reply With Quote
  #6  
Old 08-01-2010
Member
 
Join Date: May 2008
Posts: 4,563
Final code for flipping the letters.

Following is the final code to flip your letters.

01. import gs.*;
02.
03. for (var i:int =0; i < numChildren; i++) {
04. var mc:MovieClip = getChildAt(i) as MovieClip;
05. mc.addEventListener(MouseEvent.MOUSE_OVER,flip);
06. }
07.
08. function flip(e:MouseEvent):void{
09. var letter:MovieClip = e.currentTarget as MovieClip;
10. letter.removeEventListener(MouseEvent.MOUSE_OVER,flip);
11. TweenLite.to(letter, 1,
12. {rotationY:letter.rotationY - 360,
13. onComplete:function(){letter.addEventListener(MouseEvent.MOUSE_OVER,flip);
14. }
15. }
16. );
17. }
Reply With Quote
Reply

  TechArena Community > Software > Windows Software
Tags: , , , , ,



Thread Tools Search this Thread
Search this Thread:

Advanced Search


Similar Threads for: "How to create a flip letter effect in Adobe Flash."
Thread Thread Starter Forum Replies Last Post
Is it possible to create a page flip book from PDF files. Ardiana Windows Software 6 27-12-2011 01:19 PM
html program to create image flip Jalabala Software Development 3 19-11-2009 12:38 PM
How to create a controllable slideshow with adobe flash cs3 Rebella Software Development 2 16-05-2009 08:48 PM
Create a desktop shortcut for 3D Aero Flip Baker Customize Desktop 3 28-03-2009 10:28 AM
How to Create a Quiz with Free Quiz Template in Adobe Flash wpeterson Tips & Tweaks 0 10-10-2008 01:17 PM


All times are GMT +5.5. The time now is 08:22 AM.