NEW TUTORIAL: Stroke FX



Alright, so decided to record this quick tutorial on using multiple strokes to build high-impact graphics in After Effects. This relatively simple trick is a great way to make your titles pop and stand out. All of the strokes are dynamic so if you change the font or text, the graphics will update automatically. We also use the Vegas effect to add dotted lines and even Vegas lights. This is a lot of versatility in this technique so get creative!

Watch Tutorial

PS: Some might be wondering why I made this a tutorial and the Tron Title was just a short overview… well the answer is simple. Most of the techniques in the Tron project are specific to creating that one look, where as this technique is more generic and can be used in a variety of ways to create many unique graphics.

129 RESPONSES TO "NEW TUTORIAL: STROKE FX"
Jeff OD2
January 27th, 2011 @ 5:35 pm
Everytime bringing the most talent to the web. Keep goin' our master Jedi. Congrats from Brazil bro.
    Guilherme
    January 28th, 2011 @ 11:19 am
    Hey, I'm from Brazil too. =DD
    Onde voc mora?
    aaaa
    January 28th, 2011 @ 4:50 pm
    brasiiiiiiiiiiil tambem
    February 1st, 2011 @ 8:39 am
    Brasil x 4
    JLGiorio
    February 1st, 2011 @ 12:09 pm
    GREATTT!!!! just for change......I wondering if i mix this tuto and the tron...and voila...i got a nice stroke text with the depth of tron!

    by the way...i'm form Brazil too!!!!!

    RJ
    kingcoconut
    February 3rd, 2011 @ 3:43 pm
    Wow, very clever, this technique does almost the same thing as the Attributes function in Illustrator.
    Only applying effects to strokes in AE might get a bit RAM heavy. Still very clever.
    February 5th, 2011 @ 2:11 pm
    Very helpful for motion-graphics!
    Check out my latest vid with VCP-muzzle flashes!
    http://vimeo.com/19598743
    February 6th, 2011 @ 1:20 pm
    Yep, I'm from Brazil too. But I live in TX
    February 8th, 2011 @ 12:00 pm
    Hey, I KNOW someone from Brazil.

    Click on my name and you'll may find some intersting AE, C4D stuff.
    Steve Fay
    February 20th, 2011 @ 3:42 pm
    Hey What's up Andrew!

    It seems you have a lot of dudes watching from Brasil Huh!
    I'm Brazilian too congrats for the videos

    Eai galerinha sou brasileiro mais moro em Raleigh, NC
    March 18th, 2012 @ 10:22 am
    Another Brazilian here
Alec Steinhorn
January 27th, 2011 @ 5:35 pm
Great tut as always, thanks from a hobbledehoy from the other side of America!

(first comment! finally!)
    Alec Steinhorn
    January 27th, 2011 @ 5:36 pm
    No! Beaten by a mere minute! So close!
    January 29th, 2011 @ 3:35 am
    First comment? Not really :)
    As always, a beautiful tutorial, Andrew! I've had good use of many of them!
    http://martineriksen.me check me out :)
Brian Zhao
January 27th, 2011 @ 6:06 pm
Looks epic, Andrew -> can't wait to try it out! It's gonna be an great title for a video I'm doing :)
January 27th, 2011 @ 6:07 pm
Ahh, glad you did this tutorial. I've been experimenting with the stroke effect recently.
January 27th, 2011 @ 6:09 pm
mais uma vez, obrigado professor.
January 27th, 2011 @ 6:11 pm
Looks cool, all your title tutorials are really helpful. :D
January 27th, 2011 @ 6:15 pm
Awesome, and hey what plugin did you use to animate or create the false movement in the promo for PRO PRESETS 2 in Andree Wallins photo?
    Kai
    January 28th, 2011 @ 11:01 am
    "False movement"? You mean the camera shake? It's just a wiggle expression. Search the tutorials, they're used in a lot of them.
    January 28th, 2011 @ 2:15 pm
    @Kai, could you give me a link, and yea i suppose the wiggle. The shaking movement to give the effect of a video, making the photo look more "realistic".
    Thanks.
    Sr.KiT
    February 2nd, 2011 @ 2:39 pm
    check "111. Blast Wave" tutorial, it should show how to use the wiggle expression, if not then take a look into VC's "Basic Training" series
Josh
January 27th, 2011 @ 6:17 pm
I agree with brandon, that would be some very valuable information,

But i dont know if it was a plugin, he could have just animated the camera, or motion tracked some footage will using a null object and parent the photo to the null.

But i would like to know, was it a plugin if so what? Money is not in question here, :)
    January 27th, 2011 @ 6:21 pm
    i agree, with the animating part. He could have motion tracked a video, but when i look at it again and again, i think... Could it be a plugin, i did google it but nothing came up. So how about it andrew are you gonna reply?
matt
January 27th, 2011 @ 6:17 pm
COME BACK TO DMA/Los Angeles!!!
January 27th, 2011 @ 6:19 pm
BUENISIMOS TUTORIALES .. TOCALLO .:d SALUDOS
January 27th, 2011 @ 6:22 pm
Finally some other people who share my same questions! LOL

But dont rush it guys, if its a plugin, he might not tell us, it could be trade secrets. But lets hope the amazing andrew does tell us... :P
January 27th, 2011 @ 6:31 pm
WOW! Now that was a work of art INVENTION led by the Force of a master JEDI using his awesome GIZMO!!! XD
bwoogie
January 27th, 2011 @ 6:33 pm
Good thing this just came out. i have a project and am idea-less. this just sparked something.. not sure what... but it did. :)
Brandon
January 27th, 2011 @ 6:37 pm
I was just thinking to myself that it was almost time for a new tutorial. :) As usual, great stuff!
McKay Olson
January 27th, 2011 @ 6:53 pm
Hey Andrew, this might be a dumb question, but I'm new to after effects. What's the Vegas effect do exactly?

By the thanks for the new tutorial, you are the BEST after effects user in the WORLD :)
Juicy Titles
January 27th, 2011 @ 7:01 pm
Galactic Orb gone the way of the dodo bird?
    Juicy Titles
    January 27th, 2011 @ 7:08 pm
    Nice Tut by the way. Always awesome work sir!!
    January 27th, 2011 @ 7:15 pm
    The galactic orb tutorial is still on the way. Probably the next tutorial that is released. Sometimes I mix up the release dates of content and throw in some bonus stuff in between. Stay tuned.
    Juicy Titles
    January 27th, 2011 @ 7:38 pm
    Don't get me wrong I'm not complaining. When you are promised a steak and you are given a big kahuna burger you still get to eat a big kahuna burger! And it the words of SLJ, "that is one tasty burger"

    Its just that I bought a baby giraffe so I could teach him the galactic orb tutorial and quite frankly what else are you going to do with a giraffe if not teach him about galactic orbs. I didn't keep the receipt so I don't think I can bring him back so I'm really nervous about that tutorial... sorry. ;)

    Always appreciate all you do Senior Kramer. I am always amazed what you just give away. Thank you. From me and my giraffe Sammie Loy A.
Ayb from the Philippines
January 27th, 2011 @ 7:06 pm
Thanks for this AK... More power... :D
January 27th, 2011 @ 7:23 pm
Aww man lunchtime tomorrow is set with a fresh tut to check out! Can't wait to watch. Btw I know the galactic orb tut is going to be on fire!
    Sheeds
    January 27th, 2011 @ 9:27 pm
    hell yeah!!
Suvir
January 27th, 2011 @ 7:30 pm
Wow... so many tips in each tut....
Isaias
January 27th, 2011 @ 7:30 pm
I was thinking Gizmo!!! but you can't always get what you want...
Anyways I'm gonna look up hou much electricity it takes to light up Las Vegas, Thanks for the BONUS tut!!!!
January 27th, 2011 @ 8:02 pm
oh , man its very help-full....thank a lot !!
Eshita
January 27th, 2011 @ 8:59 pm
I LOVE IT :D :)
January 27th, 2011 @ 9:19 pm
very awesome! :)
Sheeds
January 27th, 2011 @ 9:27 pm
Hey Andrew
just a little AE query. Have you got the solution for the "Return -> Rename" method? Because whenever I hit return it simply pops up a new preview box and I can't get around it. Using AE CS3, haven't changed any settings, is there a way to get it so that I can do this. And yes I am hitting return on keyboard not number pad.
Thanks heaps,
Sheeds
January 27th, 2011 @ 9:38 pm
I cannot wait watch this tutorial. Or at least i coudn't! The download tutorial link seems to be pointing to a place of no return. Im kidding, seems to not be able to get the tutorial file. Im not sure if anyone else is having the same problem.

And once again, looking forward to watching this tutorial :-)
    January 27th, 2011 @ 10:03 pm
    Ya, we'll get that working soon.
January 27th, 2011 @ 10:32 pm
I love it Aap Bahut acche hai
Tony
January 27th, 2011 @ 11:04 pm
Awesome programmer Andrew Shpagin C++ he is the one.
January 27th, 2011 @ 11:07 pm
Awsome Andrew !! Nice Work !!
TheJmark
January 27th, 2011 @ 11:40 pm
hey andrew do you watch videos by us that you teach in the tutorials?
January 27th, 2011 @ 11:41 pm
great work as always Mr. Kramer
streetrobban
January 28th, 2011 @ 12:14 am
Wow, this is really a useful tutorial for making cool HUD's and stuff. Thanks AK :)
khalil
January 28th, 2011 @ 12:30 am
great work, ur da bom. lol

cant wait for the galactic orbs though
X101
January 28th, 2011 @ 12:33 am
Awesome! why didn't i think of this in the past years. Andrew, you rock jor!
January 28th, 2011 @ 1:08 am
your sound was great "ahhhh" xD
cool tutorial andrew thx !
naga
January 28th, 2011 @ 1:50 am
Hi Andrew....

the new tutorial is super... and this is very useful for all.
moh algeria
January 28th, 2011 @ 2:00 am
great job and thanks a lot
Zvi Twersky
January 28th, 2011 @ 2:16 am
What happened to the numbering...? 114. Stroke FX
Did you stop numbering the tutorials or is this a thrown in bonus one... :-)
    Zvi Twersky
    January 28th, 2011 @ 2:17 am
    Update... Oh... I see it's numbered when you go into the link. My bad :-)
January 28th, 2011 @ 2:47 am
سلام
وقت شما بخیر و لحظات ما سرشاراز موفقیت
چرا در زمینه آموزش جلوه های ویژه سینمایی کمتر کار میکنید
با تشکر از آموزش جدید شما
    Michael
    January 31st, 2011 @ 6:49 am
    O RLY??
January 28th, 2011 @ 3:23 am
This is like 80's graffiti I used to draw. So cool.
I'm actually working on an 80's nostalgic painting, with Rubik's cube and breakdancer. Perfect timing. :)
Anderson
January 28th, 2011 @ 4:29 am
Yo Andrew. Any chance you could make that Gizmo animate the strokes (like, apearing one at a time. And more importantly. Its possible to make those Vegas like lights to blink in the same fashion as the beautiful ones in real life ? I guess its the most logical next step to make it even better =) Tks !
markus
January 28th, 2011 @ 6:03 am
thats fresh compare to other tutorials, apart from sci-fi or action, looks really good and awesome!

i found it really useful on motion graphics and comic related materials :D

thanks Andrew!
Stranger92
January 28th, 2011 @ 6:20 am
Awesome man you are the best
Peter Kreitner
January 28th, 2011 @ 6:22 am
cool! thumbs up! :D
January 28th, 2011 @ 8:01 am
deserve a long wait

thank you Andrew
Gerald
January 28th, 2011 @ 8:02 am
What a new great creation Mr. Andrew Kramer.. Idol!!
Mark
January 28th, 2011 @ 8:13 am
thanks mister awesome kramer once again the master shows me how noobish i am i was bored because i have no footage at the moment to composit and then you create some jaw breaking out of text.. well thanks to share with us.

greatings from germany
NJ
January 28th, 2011 @ 8:43 am
just superb andrew....
January 28th, 2011 @ 9:09 am
Hey whats up this time again a new tutorial for us

thnz andrew ur the best after effect user in this galaxy
russ
January 28th, 2011 @ 10:22 am
Yo...
As of 2007, Las Vegas required around 5,600 megawatts of electricity on a summer day. By 2015, the number is expected to increase to 8,000 megawatts a day during the summer. So, a good guess is around 6,800 megawatts used daily for a Vegas summer day....
illd
January 28th, 2011 @ 1:38 pm
What would the world be without cmd+d...
That idea with the radial blur for the shadow is clever. But somehow this shadows feel more like diffuse reflections to me - what is even better. I am going to research this ;)
January 28th, 2011 @ 1:55 pm
Wowwwwww,,,,, this really helpful

Thanks man.
Tasaq
January 28th, 2011 @ 3:14 pm
where is the like button?! :D
Matt
January 28th, 2011 @ 4:08 pm
This is probably the wrong place, but on the pro presets 2 page there is a mistake...project templates should say royalty FREE
ah shang
January 28th, 2011 @ 4:32 pm
wow!! u are so so creavite!nice!Good Tutorial~
Masuod
January 28th, 2011 @ 5:11 pm
Hi
It Is Great And Useful
Hey Andrew Why Did You Don't Make Cinematic VFX Tutorial?
I Hope That Your Next Tutorial Become About Cinematic VFX .
Thank You Again
We Waiting For Next Time !!!!!!!!!
Man_sokpisey
January 28th, 2011 @ 6:10 pm
awesome man :D:D:D
from cambodia
January 29th, 2011 @ 2:32 am
thank you andrew Kramer and (GreyscaleGorilla) For same tutorials with deferent programs and sharing ideas cool
NASIBAH AL HUSAIN
January 29th, 2011 @ 4:07 am
didn't check it yet :P so eager !!
ColTrigger
January 29th, 2011 @ 5:49 am
Where do you get your ideas? looks awesome, i love every tutorial. without you i would create bad looking shit with windows movie maker, big thx from germany. looking forward to action essentials 3 :D
vikash
January 29th, 2011 @ 8:54 am
this is nice i like it...
January 29th, 2011 @ 9:53 am
WOW Loving the "Invent" Logo, Top work :)
January 29th, 2011 @ 11:32 am
Really cool effect with the stroke. I'm wondering if the strokes can be animated to give the outsides a little wobble :-)
rasoolAsal
January 29th, 2011 @ 2:56 pm
thanks for posting this new tutorial
ya Ali bye



اقای براتی بابا خارجیه ایرانی نوشتید؟!!!
Steve
January 29th, 2011 @ 7:47 pm
Andrew read my mind!!! I was set on the "invent" logo, haha. Yet another great tutorial!


Thanks!
Aarons
January 30th, 2011 @ 5:03 am
Thanks Again Andrew !! We are fueled by your tutorials.. I'm getting as many people to view VIDEOCOPILOT.net !! Who needs other web pages !! This is way cooler !!
January 30th, 2011 @ 5:47 am
pretty cool!!!!!!!!! im lucky today!!
January 30th, 2011 @ 9:23 am
Just made a cool text with the help of this tutorial.

I have one question: on September 29th, 2009 you recorded a videoblog and mentioned Quick Matte, I been looking forward to it but for some reason it never came out, how come?
January 30th, 2011 @ 9:30 am
Thank You Andrew,it's Very Nice. :D
January 30th, 2011 @ 11:53 am
Hey andrew i still want to know how you created the signal flare with the smoke, is it possible you can inlight us on that if you dont mind. thank you
January 30th, 2011 @ 12:54 pm
Thanks Andrew :)
January 31st, 2011 @ 2:53 am
Thanks Andrew!
Please make tutorials about Visual Effects (like 97. Lightning Strike or ...)
Please make a tutorial about axe or some thing like movie 300.
I don't know.
January 31st, 2011 @ 7:12 am
Thanks Andrew!
you the best
AJ
January 31st, 2011 @ 10:05 am
Simply awesome. I agree with you saying that the Tron title was made only for that design. And this tutorial is more generic for us to make more fun designs. Cool all the way.

Saludes desde Honduras(Greetings from Honduras)
January 31st, 2011 @ 11:35 am
hey andrew Why not make a film and sell it with your products?
a GREAT MOVIE I would buy it FIRST
    January 31st, 2011 @ 3:16 pm
    i second this,a film and a making of would be epic :)
    i know there's Copilot dvd's showing effects in action,but that really would be awsome
    January 31st, 2011 @ 3:58 pm
    yes.. hey andrew.. Are you goinna make a movie?
    epic and avance tecnology
    January 31st, 2011 @ 4:05 pm
    hey videocopilots fans
    Looking to buy a movie videocopilot?
    coming soon!!! just kidding
January 31st, 2011 @ 4:06 pm
grasias andrew de verdad
January 31st, 2011 @ 9:29 pm
Is anyone else having trouble with the vegas lights shaking when animated? I couldnt find a way around it so i ended up flickering the glow on the center layer of my text to give it a cool "neon light turning on" effect. I still would like to know why the vegas lights keep shifting when i animate it though.
Numkam
February 1st, 2011 @ 2:55 am
always on the top! u'll never stop to impress me!!!! keep going maestro!
February 1st, 2011 @ 6:08 am
Thank you for everything you kindly gave us,and good luck for everyone in this community.It's Chinese New Year today and it's the year of rabbit.Best wishes to you.春节快乐!
scourge
February 1st, 2011 @ 5:08 pm
this
is
great!
Jakub
February 2nd, 2011 @ 2:27 am
This is even more ausum than AUSUM 6000 :-)
Mads
February 2nd, 2011 @ 1:24 pm
Awesome tutorial, made one myself check it out
www.youtube.com/watch?v=NJIkpw068uo
February 2nd, 2011 @ 10:06 pm
if it wasnt for videocopilot i would never learend after effects, tonight i made this based on the poster of super 8 ,thanks for all the knowledge you gave me.
http://www.youtube.com/watch?v=7PZFTdNhbx0
Chris Francis Marabiles
February 2nd, 2011 @ 10:20 pm
hi Andrew Kramer i would like to thank you for all your tutorials because of you i learned so much after effects and i join a short film festival and i won best in special effects award thank you so much bro! god Speed...
February 4th, 2011 @ 7:43 am
HEY ANDREW!!! we want a movie..
sell it in yours products..
Comment answer
February 4th, 2011 @ 7:56 am
love it man, and very professional great job --> ;)
Mansur
February 7th, 2011 @ 1:55 am
hello Andrew Kramer this totorial very cool and very nice thing you Mansur
February 7th, 2011 @ 11:47 am
Those examples look great. I love the Jedi one. I'm gonna watch this right now.
February 7th, 2011 @ 6:49 pm
;-) Cool as usual

thanx andy
KINGCOMPOSITE
February 8th, 2011 @ 7:36 am
Could anyone tell me what the pro-shop is going to be? Or when it will be open?
pelak
February 8th, 2011 @ 7:41 am
come on ! try somthing new ! we cant keep waiting!
KINGCOMPOSITE
February 8th, 2011 @ 3:54 pm
don't forget pelak, this stuff is free, just be grateful? Someone is using there free time to show us how to do something, that we can show someone else, and then take the credit for it. Thanks VC!
Tony
February 8th, 2011 @ 9:43 pm
Its been so quiet lately где ты там пропал Андрей?
February 9th, 2011 @ 5:51 am
Mr.Andrew .. What happened to the Atom Product .. You haven't said anything about it :D ..
Thanks :D
Josiah Rizzo
February 9th, 2011 @ 1:38 pm
I am having a problem with the PickWhipping on The Source Text. I will PickWhip the BOTTOM STROKE LAYER to the TOP TEXT LAYER and yet the STROKE LAYER won't change when I change the TOP TEXT, even though the STROKE LAYER'S SOURCE TEXT is pickwhipped to the TEXT SOURCE TEXT. What am I doing wrong???
February 11th, 2011 @ 1:15 pm
this looks amazing ill have to give it a go
February 12th, 2011 @ 3:41 am
HEY GUYS, BRASIL ON

ANDREW, MY MASTER! ^^
Jordan G
February 12th, 2011 @ 2:27 pm
Hey Andrew and guys at VCP, great tut once again, and I swear someone at E! used this on fashion police for twit of the week section! And also some other tuts for tv2 in new Zealand !
César Andrade
February 13th, 2011 @ 8:56 pm
I'm from Brazil (RO) too, video copilot THE BEST!


if the tutorials were multilingual subtitles would cause a big impact in developing multimedia in the world. GREAT!
March 14th, 2011 @ 8:21 am
Thanks for the tutorial. Here's something I made from it: http://mynhi.org/ministries/outreach/
March 20th, 2011 @ 2:56 am
I wish I had your skills man. Your work is amazing.
April 28th, 2011 @ 2:13 am
hi andro
i love your tutorials
Good luck

بزرگترین سایت رپ فارسی RAP074.TK
June 4th, 2011 @ 9:24 am
Very cerative, now I have to figure out how to do the same thing in Apple Motion.
September 7th, 2011 @ 4:21 am
Guys, the Watch Tutorial link here leads to the tutorials page and not this specific tutorial, please fix.
POST A COMMENT!
Before Posting
We're trying to encourage more thoughtful commenting.  Please take a moment to write a meaningful response to this post.
* Name
* Email (will not be published)
Website
* field is required