Create complex stroke effects in After Effects with this powerful — yet simple — preset.
Jake Bartlett (School of Motion Contributor and Skillshare Instructor) is back with another free preset for you. This time he's put together Super Stroker, the tool that makes complex stroke effects easy.
To pull off what this tool does you would normally need a TON of layers, keyframes, and time to set it all up. Now you can use this effect preset to easily pull off everything from complex looking write-ons to easy alpha-matte wipe transitions, and so much more.
BONUS: Because it's built as an effect you can customize it however you please and save it to your Ray Dynamic Texture palette for easy access!
Love this preset?
In case you missed it Jake has another free preset for you that will give you a tapered stroke in one click! Grab the free Tapered Stroke preset here. We want to see what do with Super Stroker. Get creative then Tweet us @schoolofmotion and show us what you've got!
{{lead-magnet}}
Super Stroker: A free After Effects stroke preset that makes your animations pop
Hey there, I'm Jake Bartlett, and I'm thrilled to take you on a journey into the captivating world of Super Stroker — a free stroke preset for After Effects. If you're an After Effects enthusiast, you're in for a treat! Super Stroker is a powerful tool I've crafted to simplify even the most intricate animations. Best of all, it won't cost you a dime. Just grab it as a preset and you’re ready to roll!
Getting Started: Installing Super Stroker
Let's kick things off with installing Super Stroker.
Assuming you've got the preset ready on your desktop, the process is a breeze. First off, we’re going to copy the preset then paste it into the presets folder in After Effects. After that you’ll come back into After Effects and refresh the presets by going to the very bottom of that same menu and clicking “refresh list.”
![Custom presets in After Effects - Stroke](https://assets-global.website-files.com/61406347b8db463e379e2732/6535ade2d49a0ebb749dcbe7_1-refresh-preset-list-after-effects.jpg)
Once you’ve completed those steps Super Soaker is at your disposal without spending so much as a dime out of pocket.
Using this After Effects stroke preset is a piece of cake. Ensure you have no layers selected, double-click the preset, and watch After Effects do the heavy lifting. It generates a shape layer complete with Super Stroker controls – leaving you primed and ready for animation greatness!
Unleash the Magic: A Quick Demo for Adding Stroke in AE
Now, let's see Super Stroker in action. I'll show you how swiftly it transforms a simple circle into an enthralling animation with an example.
Imagine we want to reveal this circle over time. To do that I'll set a keyframe on the "End" value, take it back to the beginning, drop it down to zero, and add some ease to the keyframes. After that it’s as simple as a few minor tweaks here and there to the curves in the graph editor. After that, when we hit preview - voila! The animation springs to life, all without you even breaking a sweat!
![](https://assets-global.website-files.com/61406347b8db463e379e2732/6535a97dd209e60364d6f441_super-stroker-example.gif)
But let's not forget about colors. I've set up a color palette on a shape layer, and all you need to do is adjust your color pickers. Select colors from your palette, and with the flick of your wrist, your animation will update with the new colors. What's fantastic is that the order of the colors in your palette determines the order in which they appear in the Super Stroker layer. So, switching up the colors and their order is a piece of cake.
![Stroke color palette in After Effects](https://assets-global.website-files.com/61406347b8db463e379e2732/6535adfb6047abfdf802723f_2-color-pallete.jpg)
Diving into Delay Controls: Adding Depth to Your Stroke Animations
Now, let's delve into the incredible delay controls Super Stroker offers. All measured in frames, these controls allow you to create offsets for each of the duplicates. By default, each duplicate is offset by two frames. But the real magic is that you can keyframe this delay value. So, if you want to start with a 5-frame delay and then gradually reduce it to 1 frame as the animation progresses, it's all at your fingertips.
![Delay controls - Stroke - After Effects](https://assets-global.website-files.com/61406347b8db463e379e2732/6535ae175190e82a7ede0dc3_3-delay-values.jpg)
But what's even cooler is that you can adjust your colors while animating. If you wish to animate the colors simultaneously, you can simply change the trim multiple paths option from sequentially to simultaneously. This allows for a unique, synchronized look that can be especially appealing.
Custom Paths: Expanding Your Creative Horizons
Super Stroker is not just confined to simple circles. Believe it or not, you can use it for more complex animations as well. For instance, imagine you've hand-drawn paths, and you want to bring them to life with Super Stroker. Just like that, you can copy and paste these paths into the Super Stroker layer. What's the result? An intricate and captivating animation.
![](https://assets-global.website-files.com/61406347b8db463e379e2732/6535ab71dfd7d237959e4807_custom-shape-stroke-animation.gif)
But it doesn't stop there. You can rearrange these paths as you please, and Super Stroker will adapt accordingly. Want the numbers to animate first and then the frame? Just rearrange the paths, and you're all set. Super Stroker handles it with ease.
Making Shapes and Text Come Alive with Stroke Effects
But Super Stroker isn't limited to custom paths; it can also reveal text and graphics in unique ways. If you're looking for a write-on effect, you can trace paths to match the shape of your letters and numbers and use Super Stroker to animate them on. It's a visually stunning and straightforward process.
Even with longer lines of text or intricate graphics, Super Stroker makes it simple. You can use a basic path to reveal your text or graphic layer, and the results are equally impressive.
Adding Operators to Stroke Effects for Added Creativity
Super Stroker also provides easy access to a range of shape layer operators. These let you fine-tune your animations, whether it's repeating shapes, scaling, changing opacity, or manipulating position and rotation. These operators open the door to limitless possibilities, allowing you to get as creative as you want.
![](https://assets-global.website-files.com/61406347b8db463e379e2732/6535ac4f1f1473aa50e29b78_stroke-with-operators.gif)
And if you don't find the operator you need in the list, no worries. You can add your own by using the standard After Effects process.
Stroke Plugin for After Effects: A Powerful, Time-Saving Tool
Super Stroker isn't just a time-saver; it's a game-changer. It simplifies complex animations, saves you layers and keyframes, and offers a world of creative possibilities. Whether you're working with simple shapes, custom paths, text, or graphics, Super Stroker has your back.
So, give it a try and let your creativity shine. And when you do, be sure to share your work on social media. Use the hashtag #SuperStroker and tag School of Motion. We'd love to see what you come up with, and your creations could inspire others.
Remember, you can download this fantastic tool for free. So, what are you waiting for? Dive in, experiment, and let your creativity shine. Thanks for reading, and I'll catch you in the next one!
![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65d7fcebea914680768a35fe_6435f90a68777225e9d111e9_Unreal%20Engine%20for%203D%20Artist-p-800.jpg)
Dive into real-time 3D with our Unreal Engine beginner's course by Jonathan Winbush. Master importing assets, world-building, animation, and cinematic sequences to create stunning 3D renders in no time! Perfect for motion designers ready to level up.
Explore this Course ➔![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65d7fceb4204dc6a27cbd61c_65c13af42f1a9166a2d075fc_character-design-fundamentals_v02.jpg)
Unlock the secrets of character design in this dynamic course! Explore shape language, anatomy rules, and motifs to craft animation-ready characters. Gain drawing tips, hacks, and Procreate mastery (or any drawing app). Ideal for artists seeking to elevate their craft.
Explore this Course ➔![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65d7fceb5737917b7317d066_646d3d92a9551844319615aa_The_Client_Code_V03_1920x1080-p-800.jpg)
Elevate your freelance motion design career with our guide to client success. Master a repeatable method for finding, contacting, and landing clients. Learn to identify prospects, nurture leads, and develop a thriving freelance philosophy amidst chaos.
Explore this Course ➔![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65d7fcebcb5a536273de19f2_6391043d023eddd253f06714_EEAEB_1920x1080-p-800.png)
Rev up your editing skills with After Effects! Learn to use it for everyday needs and craft dynamic templates (Mogrts) for smarter teamwork. You'll master creating animated graphics, removing unwanted elements, tracking graphics, and making customizable templates.
Explore this Course ➔![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65d7fceb65673e82bf41e2f5_6356b149dec90571de10e694_drd-thumb.jpg)
Stand out with Demo Reel Dash! Learn to spotlight your best work and market your unique brand of magic. By the end, you'll have a brand new demo reel and a custom campaign to showcase yourself to an audience aligned with your career goals.
Explore this Course ➔![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65d7fceb26892e465ada29a1_6349aa90c19d64dcd70f54a5_LCR-Bundle-Thumb.jpg)
Illuminate your 3D skills with Lights, Camera, Render! Dive deep into advanced Cinema 4D techniques with David Ariew. Master core cinematography skills, gain valuable assets, and learn tools and best practices to create stunning work that wows clients.
Explore this Course ➔![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65d7fceb0792b4a77df23e90_635b06a1140dfb87cc1dfae1_AE_for_Editors_TITLE_578x325.jpg)
Master After Effects at your own pace with Jake Bartlett's beginner course. Perfect for video editors, you'll learn to create stylish animated graphics, remove unwanted elements, and track graphics into shots. By the end, you'll be equipped for everyday AE needs and more.
Explore this Course ➔![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65d7fceb0792b4a77df23eee_6372c3481593f09482f7e79d_Mogrt%20Mania_Logo_Courses%20Page.jpg)
Revolutionize your Premiere workflow with customizable AE templates! Master creating dynamic Motion Graphics Templates (Mogrts) in After Effects to speed up your team's work. By the end, you'll craft easily-customizable templates for seamless use in Premiere Pro.
Explore this Course ➔![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/633e1b7f0cd9043316ba52bc_leadbox-temp.jpg)
Not sure where to start?
If you’re a beginner, here are some great courses to help you get started:
![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65ee0670a2162d7beb2c2246_630f5fef1c91504577e72788_6294ee32f776d91a95cc7fdb_AEK%20Image.jpg)
After Effects Kickstart
Dive into the fundamentals of motion design with our most popular (and recently updated) After Effects course.
![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65ee0687a4fa94b64a02b1c1_630f5fa108f9afef44304104_619d4177a1753bbdbbdffdba_PIU-course-thumbnail%201.jpg)
Photoshop + Illustrator Unleashed
Master the basics of Photoshop and Illustrator and gain invaluable insights in this introductory level course.
![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65ee0687be8ebe269fa9f885_630f5f3d9fdc6555fa431fa0_619d4269c0ec741d519212a7_DK-thumbnail.jpg)
Design Kickstart
An introduction to the design principles behind all great work.
More Advanced?
If you’re a more advanced student looking to up your game, here are some great options:
![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65ee0687305da811b38e6029_64f203e2d815ad419b5d9eb0_AB-Thumbnail.jpg)
Animation Bootcamp
Learn the art and principles of creating beautiful movements in Adobe After Effects.
![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65ee06876ef1975f6b25bd5b_630f5f1fa37e59dea174cac5_Design-Bootcamp_Course_Thumbnail-04212021.jpg)
Design Bootcamp
Learn to design for motion in this intermediate-level, project-based course.
![](https://assets-global.website-files.com/612df3126c8c1d6966748c7b/65ee0687aff715b49a50aa79_654a7b57f6c211034d0fc280_C4D_BaseCamp_Updated_Logo-p-800.jpg)
Cinema 4D Basecamp
Learn Cinema 4D from the ground up in this exciting introductory C4D course.
Now is the time to learn the skills you need to advance in your motion design career: