Create a Split-Flap Type Display
Tutorial Details
- Requirements: After Effects and Project File
- Difficulty: Intermediate
- Run Time: 5:41 min
Final Product What You'll Be Creating
Twice a month we revisit some of our reader’s favorite posts from back in the archives of Aetuts+. Today we’ll look at a post that was published 2 years ago in June 2009. “Split-Flap-What?” You may ask… It’s the term used for displays that are found in train stations and airports, where they typically display departure and/or arrival information and do that cool flipping of letters to display the new information.
This tutorial does not show how to create the effect from scratch but instead it is a tutorial to explain how to use the project file created by Mattias Peresini who runs the totally awesome mattrunks website which has incredible tutorials for After Effects in French. We are very happy to have Mattias doing his first English tutorial for us here at Aetuts+.
Tutorial
Download Tutorial .flv
File size: 52.5 MB
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Mattias Peresini
Join our newsletter!
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Aetuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
With limitations follows innovation. Great effect.
Thank you Mr. Peresini for your valuable time.
Mattrunks Wéwéwé ! Mattrunks wéwéwé ! =D Encore Merci pour tous tes tutos
Mattrunks sur Evanto ! Quel succès di-donc! On voit toute la communauté francophone (oui car il y a les Belges aussi qui lisent ton blog! ^^) en ébullition !
Vivement les suivants !
Good job
thanks a lot!!! great issue, two thumbs up
but in my humble opinion this is not a tutorial :)
Hi Matthias!! Thanks for the answer. Maybe is enough if you explain only how to add another letter. I am new in AE but i think it wil be enough. However, your english is much better than mine. Regards!!!
nice great job
AH AH
la french touch ! powaaaaa
ça fait plaisir !
I not speak english !!
Zut ça avait l’air intéressant !!
interesting but i thought it was a tutorial on “how to make it”
this is just “how to use it”
would be interesting to share how to make something like that, not just recycle..if you know what i mean…
btw..merci
Hehe, a lot of people are complaining about it.
Sorry, I had to say that.
huja z tego wiem. pokaz jak to zrobiles ???
Mercy Mattias…
Your site is fantastic!
I like these little TF1-Clips VERYVERY much… can you do a tutorial which shows how to do something like that? :-)
Matt rulez !!
Just be greatful some people are even doing these tutorials on this site. And yes I know it is not a tutorial, but Matt has invested his time in this … I am a Digital Media student studying AE, so I appreciate the time spent here :)
AMAZING!!!
Not bad at all, but it would be better if somebody could do a follow up and explain the used expressions. Thanks anyway Mattrunks, you are really an inspiration!
ce tutorial est court et incomprehensible,
c’est vraiment ratééé
Excellent resolution of the video. But I do not understand how to do exactly the effect of the words. In part of the accent, in part because of the explanation of the tutorial. It is not very clear. It has just give us an idea in how to do this effect. May be the tutorial may beggins in “Composition – New Composition” and then show how you get the effect, typing the letters and doing the application of the effects and so on.
Anyways, thanks by iniciative and keep going on.
Greetings from Brasil.
Very cool template, but I wish it showed how to create the effect… I really want to be able to make it for myself and modify it a bit…
Hey, congrats on your first tutorial! Could understand u perfectly, i really liked the tut, from now on ill look 4 more tuts on after effects, imm new to this.
Great job!
Excellent tutorial. Thanks for taking the time to put it together.
And your accent isn’t bad. It’s a very good French accent.
But YES…demonstrating all the steps should be part of this. Is there a Pt. 2 to this?
Please make a part 2 and explain how you created this. I did something similar a few months ago, but it was a long and laborious process. I would love to cross check how I did mine against yours and where I could improve some things.
Thanks!
superr…thank you…
did anyone figure out how to add more letters?
very nice one man et pour ton englais tu te debrouille bien bon continuation ;)
Hi
I downloaded the tutorial but I think this is not complete, how can I get the complete tut.
Please help me.
me@bardiaelmi.com
if you don’t show us how you made the effect, it’s NOT a tutorial
I’m no expert on expressions, but from what I can tell, all the is going on in the “Flip#” comps, is that the opacity of layers is being turn on and off based on the rotation of other layers – in this case, the “UP” layer below it in the stack.
I have changed this project to use just numbers and am pulling all my numbers from one single pre-comp with a string of numbers from 0 to 9.
You can expand this thing seven ways from sunday, as long as you make sure the “thisComp.layer(“Letter 1 UP”)” part of the expression in the “Flip#” pre-comps refers to your layer names, if indeed you change them.
And my question is , how to ad more time between the transitions ?
Please email me you anybody knows .. Thanks !
if u wanna make it from scratch, i saw a tutorial explaining it all!
http://www.cartoonsmart.com/ae_arrivals.html
Still waiting on a revision of this tutorial. The preview tut is great, but I want to add a few more flips. 10 is not enough for what I need. I need to add to make 12-15. How do you do this?
Thanks for you guidance
can we have a tutorial on how to create all that from scratch? it’s so interesting
Thank you!
How do you add another word? I added the word by copying and pasting, but it wont show when I play the video….
how to add in more letters !!?? did anyone reply to that?
This Mattiass guy is a joke.
The project is awesome, and almost everyone is asking on how to create more flaps. It has been 4 months since I asked, and still have not any help.
I did figure out how to add more flaps on my own, but when I render it, it does not change.
Hey guys! enough with the ads at the beginning of tuts.. looks like I’ll be looking for another source for info.
I get enough of that crap on tv!
Understood you just fine :) GREAT help. thank yo
Bienvenue à ae.tutsplus.com Mattias ! Et j’espère voir beaucoup de vos tutoriaux ici ! Ils sont formidable !
I used several tutorials on this site to make this video of my holiday in Manicore, a small town in Amazon, Brazil
http://youtu.be/Jcxb_7_su_Y
hi this day is the first time which i see this web site i really amazing and i appreciat yours works thank you very much
yah this side is too good….i have difficulty with photoshop….if any want to help me ..plz…this is my i d
habib_jalal@yahoo.com tnx
Bonjour. je suis content de voir votre tuto. vraiment c’est gentil. mais dans votre tuto tu ne montre pas la plus la plus important. par exemple tu ne montre pas comment les ecritures tournes le seul parts qui est important merci bcoup
H Mattias, thank you for your great tutorial!
:-D
Thank ypu
it was good i kiked it ) tnx