In this tutorial Markus walks us through the creation of a video accompaniment to Bruce Lee's 'Be Water' philosophy. It features vibrant motion typographic sub-titles, animated illustrations and clever camera techniques. The training will be split over 3 days for a total of 71 minutes of tutorial video.
In day 1 of the training Markus designs and animates the typography for the video. This tutorial is an excellent compliment to Markus's 'Create Rhythmic Motion Typography' tutorial and demonstrates some more advanced typographic techniques.











User Comments
( ADD YOURS )Marek January 14th
haha
( )Jhay January 14th
Awesome!
( )gtaspider January 14th
Hi,
Nice Tutorial, like your Typographie Tut
Well done.
But, one question: where you get vids like “Paint_01.mov”?
Spider
( )Markus Gustafsson January 14th
Hey! I got the “Paint_01.mov” from videocopilots “Riot Gear”, http://www.videocopilot.net/products/riotgear/
Cheers! Markus
( )Lloyd Alvarez January 14th
You can also shoot your own by splattering some black paint on a white surface
And if that surface is standing up, you will get some drips from it. The best part about this is you will have some paint splashes that are truly unique..
( )Ricardo Robles January 14th
“Be water my friend” good message
( )halli January 14th
looking great!
http://www.quickurl.biz
( )gtaspider January 14th
@Markus: Thanks
@Lloyd, yeah, great idea. Will try it out soon.
Spider
( )Dan January 14th
Nice, and great subject too.
( )sean steezy January 14th
freakin sweet. great work! i’m dusting off my nunchucks now
( )Josh Drake January 14th
Nice, clean effect. Nice!
( )Souljacker January 14th
Where can we get the files used in the movie? Like be water.wav and son?
( )John January 14th
Love this look.
Here is another cool example of this style:
http://www.youtube.com/watch?v=JNT5zvd3g2M
( )Jonathan Clegg January 14th
Very Nice, Really enjoying the rhythmic type cuts, for me this is the best thing about AETUTES
( )Josh January 14th
For the animations you put on “Your” and “Mind” with the mask, it could also be done by simply key-framing the position of the mask from above the word, to on the word; without changing the shape of the rectangle. I find this way a lot more efficient.
( )This tutorial is very similar to the Bleed it Out Typography one; would like to see more variety instead of repetition.
Skellie January 14th
Here is a link to the Bruce Lee audio (can also now be found in the post):
http://aetuts.s3.amazonaws.com/014_bewater1/water.wav
( )KnMn January 14th
I agree with Josh. Very similar to the Bleed It Out tutorial. More original tutorials would be nice, instead of milking the same concept for $150.
( )Markus Gustafsson January 14th
I agree with you guys, but it’s a complete walk-through tutorial how I did the “be water”. That’s why I included the syncing and the designing. And I know there is a lot of repetitions, that why I paused the recording.
Anyway, more good stuff will come, I promise you!
( )VertigoSFX January 14th
Woahhh….that’s nice. Really great result.
( )James Whiffin January 15th
looks great
( )mikypl January 15th
Great Tutorial Markus. Thanks!
( )Seth January 15th
I think this Tutorial is great,
( )I think aetuts is on the right track
mehdi January 15th
excellent tutorial, peut être le meilleur que j’ai pu voir avec ceux d’andrew kramer !
( )an May 13th
cam on nhieu.
( )spacemud January 15th
Fantastic.
( )Matt January 15th
Any idea where I could get those AI files. That would help me follow this tutorial more closely. Thanks a bunch.
( )Steve January 15th
Markus, great tutorial so far – can’t wait for the next!
As for those complaining about this being too similar to the ‘bleed it out’ tut – jeezo! This site is still young with lots to come – they can’t cover everything all at once! Whats the problem with doing similar things a little differently? Anyhow, thus tutorial was a step more advanced than the last – surely thats a good thing for those learning?
Please keep it up Markus!
( )Dave January 16th
Awesome animation and tutorial. Thanks much Markus!!!
( )Vito January 18th
excuse me but where are the illustrations???
( )Billy January 20th
If you are going to have a tutorial….then allow the source files to be downloaded. On all decent AE tut sites, this is basic. This site started out with a bang…but is starting the quick decent of a shoot star….Amateur….
( )Dave January 20th
@ billy — make your own ya lazy F%&#
( )Billy January 20th
Dave….why should I have to? Almost 100
( )% of the AE tuts done on the internet that require source material to complete have those files for download. Just the way it’s done. Several examples of that very thing on aetuts. This appears to be the first NOT to have it.
Rory January 20th
Also for something which is as long as this video and ONLY in video format, it’s retarded not being able to scrub through the video. I need something that is in the middle, but because I have a 2mb connection and the thing is in HD, I’d have to wait until the entire friggin thing is loaded.
This needs to be amended.
( )Dave January 21st
@ Billy – I understand your point but since they aren’t offered, just take a screenshot of the head, bottle and teacup and cut them out in Photoshop. The “splat” effect can be downloaded many places for free as a photoshop brush or custom shape.
( )dTabula January 21st
where can i find the pictures of the head and cup?
( )T.Baurain January 24th
hmm….as much as I hate to agree with Billy, this is a bit retarded you don’t make the Illustrator files available for download so we can actually complete the tutorial. If you’re not going to make it available so we can actually participate, then don’t tease us.
( )siro January 26th
Hi Guys, where can i find the illustrator file?
( )Thanks
Lloyd Alvarez January 29th
Due to popular request, Markus was kind enough to provide the original illustrations which I’ve just linked for download in the post above.
( )Tim January 30th
Hi, thats a realy awesome tutorial. But how do i get after effects to preview/play the audio when i drag the current time indicator ?
( )Please help me
Xintare February 5th
Really great tutorial, Markus! Thanks a lot!!! I used Fusion, but still, here is my result:
http://www.youtube.com/watch?v=0UNb50LwODk
Thanks again!
( )Dave February 6th
@ Xintare – Wow!! really nice result.
( )Rodrigo February 8th
Great tutorial! But i’m having kinda of a problem… I’m on AE 7 and when i g throug the time line, trying to hear the words to sync then i cant hear nothing =\
Is there something i can change on the settings or AE7 just dont have this feature?
( )Rodrigo February 8th
Ok, i get it!
For every one that can’t preview both audio and video on the timeline by raging the time indicators, just hold CTRL and drag the time indicators.
( )Deddy February 8th
A m a z i n g =]
( )roel February 24th
can somebody please explain how the animation of “it becomes the teapot” where ‘the’ slides everything above to the top, is to be done?
i can’t seem to get the same effect
( )Michele July 23rd
QUOTE!
excuse, I am still a newbie to AE.
level “it becomes the teapot with the mask, how do you make it seem masked with breaks? in the video is not present
thanks.
( )michele from italy
tonyK March 11th
lovely
( )Alan March 16th
Where can I find more images similar to those of tutorials
( )Alex March 28th
Is stuck at 1.33
( )CgBaran Tuts April 22nd
Fantastic work thanks
( )Joseph May 13th
here another great example
http://www.youtube.com/watch?v=y9LlnLTH87U
XD
( )Temo May 31st
Thanks, this is a great tutorial.
I’m new to ae and this site, I think this a one of the best sources to learn from the best people in the industry.
I need some help. I try to download the tutorials but the file opens in a new window as a quicktime movie and I don’t know how to download it from there. I’m using a mac and tried with safari and firefox and get the same link. Can any one help me. Thanks guys.
Great work.
-TEMO
( )Temo May 31st
great tutorial, for the people new to ae like me
Thanks
-Temo
( )Temo June 1st
I tried to download the tutorial but when i click on the link it opens up and plays in another browser window, I don’t know how to download it from here. Can some one help please.
-Temo
( )Lloyd June 1st
Right-click on the link and choose “Save As…”
( )Temo June 10th
Thanks Loyd, I tried right clicking on the file when It was playing inside the other window but never though of right clicking on the link.
I feel dumb now. hehe.
Thanks for the help.
juan July 26th
thanks Loyd. this tutorial is interesting.
more thanks
( )Mike August 7th
Great tutorial! I know this is not A.E. related but could you do a tutorial on how you created the illustrations or post a link to a tutorial that covers this? I would be so grateful.
Thanks,
Mike
( )hamidrezamasoudi September 14th
thanks for traning . this video is very nice.
( )JIN KING September 30th
GOOD!
( )李小龙
A.D.K. November 4th
Thanks for this tutorial. It was fun for me doing it.
here is my result:
http://www.dailymotion.com/video/xb17l0_animated-homage-clip_lifestyle
But at the end I was a little lazy so I did not finished it exactly as shown…
lol
thanks again
( )Splashi November 12th
Hey, great Vid and tutorial. I really like it. But one questions: Where do you got those graphics from ? Ist there something like an online archive for such graphics or have you collected them one by one as time went on?
( )