Electrical Pulsing Text Reveal

Today, we’ll take a look at how to create an electrical pulsing text reveal in After Effects using mostly built-in effects. The technique is fairly simple and with minor effort, you can create some awesome transitions for your logos, type, or graphics. Since the effects are masks driven, you have full manual control over the paths of the electricity and everything can be shaped by you. As an optional effect, I used my Dojo Glitch v2 script which you can get for free on the site.

Trapcode 3D Stroke

In this tutorial, we opted to use the built-in Stroke effect as opposed to using Trapcode 3D Stroke, but if you have the plugin, I’d suggest you use it for the taper controls and extra settings. The results will be very similar, but I find Trapcode 3D Stroke to yield slightly better results. Plus with Trapcode 3D Stroke, you get integrated 3D that will react with your camera, as opposed to faking it with the 2D Stroke effect.

Procedural

Since we’re converting our text layers to masks, the whole text isn’t quite ‘procedural’ as we’d like it to be, although the whole effect does stay intact. I didn’t explain it in the video, but you can replace the text without redoing the whole animation by creating new masks of your new text using the same “Convert Text to Mask” command. Delete all the old masks from all the solids, then paste your new text’s masks onto all the solids and you’ll find that all the animation is still procedural. That is because we’re applying all the effects to the solids, so changing the masks within the solids doesn’t break our animation at all.

Overall, the technique used to achieve this electrical text is very simple. If you want to get fancy, you can actually play around with the mask paths to get interesting electrical movements around your logo or text. If you guys have any questions or comments, feel free to let me know in the comments section below.

 

  • Akan Selim

    Cool tutorial thank you brother :)

    • http://creativedojo.net/ VinhSon Nguyen

      Thank you for your support!

  • Jonny

    Hi VinhSon!
    Really great tutorial, however I think I discovered a bug on the Glitch script.
    The Glitch script install the pseudo effect every time I open the script. I think I get a new copy of the XML file every time i run it.

    • http://creativedojo.net/ VinhSon Nguyen

      Hi Jonny,

      Thanks! Dojo Glitch actually checks if the XML is properly modified BEFORE installing the code. If you already opened Dojo Glitch and installed the pseudo effect, Dojo Glitch will not re-do it unless it sees it’s not installed.

      Does getting a new copy of the XML file effect your workflow in anyway? It’s suppose to just update it with exact contents, not remove anything. Thanks for your feedback!

  • Strobe

    That is a great tutorial. I’m an Ae user of at least 5 years and I learned a thing or two here. I’d love to give this a go on a logo.

    Cheers Vinhson :)

    • http://creativedojo.net/ VinhSon Nguyen

      Thank you for the support and awesome feedback, I’m glad you learned something new :)

  • thefilmjerk

    This is amazing!! I’m very inspired. Question: how would I do the same stroke/electricity pulse over the entire grid?

    • http://creativedojo.net/ VinhSon Nguyen

      Thanks! And that’s a very good question, I see no easy way of doing this via the “Grid” effect. I would manually create the grid using masks (make a small section and just duplicate to expand grid), then use the same techniques on it.

  • SWAG

    how to get glitch script for free?

    • http://creativedojo.net/ VinhSon Nguyen

      Set the price to $0 in the price field.

  • StarCinemaFX

    Amazing tutorial ! I actually found a tutorial on Red Giant for creating digital distortion for Footage and even text layers. Could be a cool addition to the tutorial : http://www.redgiant.com/store/session/visit?url=http%3A%2F%2Fwww.redgiant.com%2Fvideos%2Fquicktips%2Fitem%2F296%2F&code=vfxer

  • 0superc0

    Awesome. Thank you. Keep up the amazing tuts

    • http://creativedojo.net/ VinhSon Nguyen

      Thanks for the support man!

  • Jerry

    Hi, tutorial is great, and it works very good with the fonts. I wonder how to do it, if one has an outline from illustrator, or just normal mask.

    • http://creativedojo.net/ VinhSon Nguyen

      You can always paste Illustrator paths right into After Effects and it will convert them to masks easily. This method will work for any Illustrator file for the most part :)

  • TheRedBox

    This tutorial really helped me and I hope you make more in the near future!
    Do you think It’d be possible to do the same sort of effect on things other than text? Just curious.

    • http://creativedojo.net/ VinhSon Nguyen

      Thanks! Yes, this effect will work on anything that uses After Effects masks, so logos, paths from Illustrator, etc will work just fine.

  • Long Phạm

    Dude, You are amazing, thanks for the tutorial.

  • Corey Macourek

    Well done and inspiring tutorial. Thanks for the scripts!

  • Võ Thanh Liêm

    Thank you so much

    • http://creativedojo.net/ VinhSon Nguyen

      You’re welcome!