Flash to Video

This tutorial starts with a code-driven animation, takes it from Flash, and turns it into a video file that can used with an application like After Effects.

This video requires Adobe Flash Player.

Visitor Comments »

 

[...] Tom Green – From Flash To After Effects [...]

 

Pingback by Spiral Bound Books | From Flash To After Effects | | Layers Magazine | December 9, 2008 @ 11:01 am

 

I still can’t see any video for any of your tutorials in Safari, even though every other video under the sun plays fine, and your do show up in Firefox. Are you sure it’s not a your-end problem? Has anyone else mentioned this to you?

 

Comment by Ryan Hasan | December 9, 2008 @ 11:26 am

 

Ryan,
The video works fine in Safari (version 3.2.1) on my (Intel-based) Mac. Maybe you’re missing a plug-in?

 

Comment by Laurie | December 9, 2008 @ 5:03 pm

 

Ryan,

The web team at Layers magazine has couple of people using Macs and I asked them to test this tutorial in safari. Both of them could see the tutorial properly. Please check for new updates for Safari.

Let us know if you continue having problems and we may be able to troubleshoot further.

Thanks,

Aaron Westgate
Web Editor

 

Comment by Web Editor | December 10, 2008 @ 10:04 am

 

Thanks, Aaron. I’m running the latest version of Safari (3.2.1), with the latest version of the Flash player (10.0 r12) installed. I just got a new iMac, but if memory serves I was also having this same problem on my old G5 iMac just before I sold it (about two weeks ago). Hmmmm….

 

Comment by Ryan Hasan | December 11, 2008 @ 11:05 am

 

Hello,

Really nice tutorial. Could you please post or email me the animation code so that I can follow along.

Thanks, Daniel

 

Comment by Daniel | December 16, 2008 @ 12:25 pm

 

Hello,

Great tutorial. Could you please post or email me the code used in the tutorial so that I can follow along with the video.

Thanks,
Daniel

 

Comment by Daniel | December 16, 2008 @ 3:41 pm

 

I tried to write the code filling in I think that have been missing e.g randomBetween. However, I am able to generate only a single character. I guess there are other segments that are missing.
Is it possible to send me the code. I love this sample.
Thanks
Myo

 

Comment by Myo Thant | December 24, 2008 @ 6:10 pm

 

Miyo here is code used in the exercise. It is written by my coauthor,David Stiller:

var t:Timer=new Timer(50,0);
t.addEventListener(TimerEvent.TIMER, createLetter);
t.start();

function createLetter(evt:Event):void {
var fmt:TextFormat = new TextFormat();
fmt.size=randomBetween(80, 120);
fmt.color=Math.floor(Math.random() * 16777216);
var mc:MovieClip = new MovieClip();
var tf:TextField = new TextField();
tf.autoSize=”center”;
tf.text=String.fromCharCode(randomBetween(97, 122));
tf.setTextFormat(fmt);
mc.addChild(tf);
mc.x = (Math.random() * stage.stageWidth);
mc.y = stage.stageHeight;
mc.ang = 0;
mc.range = randomBetween(4, 20);
addChild(mc);
mc.addEventListener(Event.ENTER_FRAME, shimmy);
}

function shimmy(evt:Event):void {
var mc:MovieClip = MovieClip(evt.target);
mc.y -= randomBetween(6,10);
mc.x += (mc.range * Math.cos(mc.ang += 0.4));
mc.scaleY -= 0.02;
if (mc.scaleY <= 0) {
mc.removeEventListener(Event.ENTER_FRAME, shimmy);
removeChild(mc);
}
}

function randomBetween(min:Number, max:Number):Number {
return (Math.random() * (max – min)) + min;
}

 

Comment by Tom Green | December 30, 2008 @ 9:00 am

 

I am trying to create a mini commercial ad on flash for one of my advertiser and I wanted to know how I can combine more than one file to make one long flash. How do I do that?

 

Comment by Bridgett | January 7, 2009 @ 2:32 pm

 

Make sure to change the smart quote marks around “center” in this web page to regular quote marks in ActionScript.

 

Comment by Stahlman | January 8, 2009 @ 7:01 pm

 

My Qucktime movie is 9 seconds long, but it’s just a black screen for the first five seconds, so there’s only 4 seconds of the letter animation. Any idea what might have happened?

 

Comment by Donovan | January 17, 2009 @ 3:41 am

 

Great tutorial. Could you please post or email me the code used in the tutorial so that I can follow along with the video.

im sanad shalimar

 

Comment by sanad | March 28, 2009 @ 4:19 pm

 

I have cs4 and a pc… does the code work the same? And where do you insert the code?

 

Comment by Anabel | June 5, 2009 @ 11:37 am

 

Absolutely Anabel.

 

Comment by Tom Green | June 8, 2009 @ 9:19 pm

Leave us a comment

Comments RSS | TrackBack URI

Back to Top

 
 
Advertisement
Creative Suite Tutorials
  1. Photoshop Photoshop
  2. Illustrator Illustrator
  3. Indesign Indesign
  4. Dreamweaver Dreamweaver
  5. Fireworks Fireworks
  6. Premiere Premiere
  7. Flash Flash
  8. After Effects After Effects
  9. Lightroom Lightroom
  10. Acrobat Acrobat

Get the latest tips, tricks and news delivered straight to your inbox.

From our Partners
Subscribe to Layers Magazine
 
 
 
  • Back to the Layers Magazine Homepage
  • Creative Suite Tutorials
  • Layers Magazine
  • Reviews on top products
  • Layers Magazine Reader Forums
  • Subscribe to Layers Magazine