Encore Effect: 3D Text with TweenMax

by carl schooff on October 5, 2010 · View Comments

in GreenSock Tweening Platform Tips

This movie requires Flash Player 9

So I was just watching some TV this afternoon and saw a text effect I wanted to recreate. It only took about 20 minutes using TweenMax. Keep reading to get source files and code.

I wanted to just post this quick. Sorry no video. There isn’t anything new to discuss here. Just wanted to show you another way to use what you already know. I only saw the effect once so it probably isn’t entirely accurate, but the 3d flip is what I wanted to monkey with.

AS3 Code

import com.greensock.*;
import com.greensock.easing.*;

var movies_arr:Array = new Array(
								 movies_mc.gladiator_mc,
								 movies_mc.ratRace_mc,
								 movies_mc.airplane_mc,
								 movies_mc.napoleon_mc,
								 movies_mc.peeWee_mc
								 );

TweenMax.to(thisMonth_mc, 10, {x:-600});
TweenMax.from(thisMonth_mc, 1, {alpha:0});
TweenMax.allFrom(movies_arr, .5, {rotationX:-120, alpha:0, delay:0}, .5);
TweenMax.allTo(movies_arr, 2, {rotationY:220, alpha:0, delay:2.5}, .5);
TweenMax.from(movies_mc, 10, {alpha:0, x:400, y:80, scaleX:.2, scaleY:.2, ease:Cubic.easeOut, onComplete:play});

stop();

Download CS4 Fla

snorkl_encore_effect
3D effects are not available in CS3.

Post to Twitter Post to Facebook

  • http://twitter.com/djgirish DJ Girish Khatiwada

    Just became a fan of your facebook page.
    Carl, do you recommend any reading/materials for animation concepts. This is exactly what I love flash for – being able to animate texts and movie clips to tell better stories. I need to step up. Thanks for all your tutorials again.

  • http://www.snorkl.tv/ carl schooff

    As far as animating theory goes I don't have a particular resource in mind.
    You should check out Chris Georgeness. He is a true animation master and the creator of the site mudbubble.com

    Check out his work here:
    http://mudbubble.com/portfolio/

    He is also an author and communicates concepts very well:
    http://www.keyframer.com/index.php/books/

    He also has some videos:
    http://www.keyframer.com/index.php/links/

  • http://twitter.com/djgirish DJ Girish Khatiwada

    Thanks Carl, that helps.

  • Seasickjavi

    hi there guys Ill be busy at work just check the new stuff, great by the way CArl i have a question, Can I edit swf files with the vegas studio???? any idea of that topic???. and Dj Girish if u want i have a book on pdf format about animation and action script 3 and of curse who is interested contact me.

    Carl the background text the “this month” have a aplha settings? thank u for the time that u spent on sharing knowledge

    greetings everyone

  • http://www.snorkl.tv/2010/08/use-tweenmaxs-allfrom-method-to-animate-tons-of-movie-clips-with-one-line-of-code/ TweenMax allFrom Ultimate Tutorial ActionScript 3

    [...] This is another great usage of allFrom Encore 3D Flash Text Effect [...]

  • Fadila Kouchkar

    Hi Carl, I love this effect. I downloaded the source files, when I tested it on my computer, the text did not seem to rotate. I am using Flash CS4. I'll appreciate any further help.
    Thank you

    Fadila

  • http://www.snorkl.tv/ carl schooff

    Hello Fadila,

    Thanks for your comments. It seems I have made a mistake. When saving the FLA as CS3 compatible it got set to export for Flash Player 9 which does not support 3D.

    You can go to File > Publish Settings > Flash and make sure the file is set to export for Flash Player 10.

    I also updated the zip of the files in the post above.

    Thanks for bringing this to my attention! If you have any other questions problems just let me know.

    Carl

  • Will75

    Hi Carl,
    Very Cool effect. How can I add a music loop with code in this tween.

  • http://www.snorkl.tv/ carl schooff

    here is a tutorial on loading sound: http://www.snorkl.tv/2011/07/easy-as3-toggle-and-fade-sound-with-tweenlite-volume-plugin/
    synchronizing sound and animation isn’t totally reliable in Flash.

    but you could start with getting a sound into flash via that tutorial and trying to time the animation to play for the same duration.

    when the sound completes its load start the timeline.

    to make the sound repeat and replay the animation do:

    sound.addEventListener(MP3Loader.SOUND_COMPLETE, done)

    function done(e:Event):void{
    sound.gotoSoundTime(0, true);
    nameOfYourTimelineMax.gotoAndPlay(0);
    trace(“done”);
    }

    if using the sound tutorial I linked to, remove repeat:-1 from the MP3Loader constructor.

blog comments powered by Disqus

Previous post:

Next post: