Create a Breakup into Particles Logo Transition

Tutorial Details
  • Difficulty: Intermediate
  • Program: After Effects, Trapcode Particular Plugin
  • Run Time: 62:23 min
  • Run Time: 62:23 min

Final Product What You'll Be Creating

A very popular request is how to make a logo breakup into particles and reform into another logo. There’s many ways to achieve this and most of them require a full 3D application, but in this tutorial we learn how to achieve it all in After Effects using a 3D particle systems and a few smoke and mirrors.


View Tutorial

RSS readers: click post title to view preview video at Aetuts+.

Requirements: Trapcode Particular Plugin (download trial version here)

Music and Sfx used in the final piece:
from AUDIO JUNGLE

Instructions: Click ‘View Full-screen’ button (bottom right corner) to see this HD tutorial at maximum size. Click screen to pause, click again to play.

Get the Flash Player to see this player.

Download

Tutorial

Add Comment

Discussion 76 Comments

Comment Page 1 of 21 2
  1. lzx917 says:

    tuts great ! nice cool

  2. rachid says:

    Yea seccond… great tut

  3. NINJTSO says:

    GREAT WORK >>> :p

  4. _10_77 says:

    YEEESSSSSS… the wait is worth it :D

  5. Stefan says:

    Really interesting tutorial even that i know the technique still very useful and inspiring ;) keep up the good work!

  6. mehmet akif SOYERTAŞ says:

    very nice

  7. David wood says:

    Thanks for the tutorial.

  8. bogiesan says:

    Yes, very nice but a totally similar effect can be done using Shatter.
    Please indicate in the tutorial description what expensive or additional plugs are required to do the job. I don’t have particular, I’m never going to have particular, I can’t waste my time waiting to download movies only to find out they’re useless to me.

    • Kevin Richards says:

      Ummm… it does say Particular is required, and clearly states that there are “..many ways to achieve this…”, so if you can do it with Shatter, great, show us how you’d do it.

      And as far a never having Particular, you are missing out on an opportunity to expand your skill set, and make your work more valuable and marketable.

    • Sean says:

      Says right there you need particular. You should have been able to watch the preview and KNOW you needed particular….I mean, that is, if you know anything about After Effects.

      If you have AE…you have to have particular. You can’t come close to maximizing AE’s potential without it. If you actually paid money for AE (much more than particular) then I think you could probably save your pennies and get particular.

      Without particular this site is probably pretty much useless to you…

      @Lloyd…..It is GREAT to see another tut for you….and another GREAT one! You are the Maestro of AE! Thank you sir!

      • MD says:

        ‘If you have AE…you have to have particular.’

        Bullshit.
        AE can be used in so many different fields and the particle effects are used mostly in motion graphics only. But if you do visual effects in AE you don’t need Particular at all.

        And even if you want to do some particles, I have done some AE projects with pretty decent particle effects without using Particular, using Blender 3D’s particle engine.

        I think it’s a pity that this site relies so heavily on the Particular stuff, because you can do very sophisticated things with AE’s on board tools.

      • Topher Welsh says:

        @MD You really should check yourself. This is a community of professionals as well as beginners. A lot of post houses, news studios, schools, and freelance designers and others have Particular… so therefore there is a great reason to do Particular tutorials. If you use Blender, then you understand how versatile a 3D particle system generator can be. Don’t bash the site, don’t curse at readers, and act a little more mature and state your views in a more reasonable way.

        on another note… you might want to check out my article from a couple of weeks back…

        http://ae.tutsplus.com/articles/15-inspiring-particle-based-tutorials-from-around-the-web/

        You will like it… there are some tutorials in there that utilize Particle World, Particle Systems II, and few others.

      • MD says:

        @ Topher Welsh,

        Sorry, I realize that sounded a bit harsh and I didn’t really mean it that way. In now way did I want to bash the site, I actually quite like it.
        I just really don’t like statements like ‘If you have AE…you have to have particular.’, because that is simply not true and I find it a bit sad that there are people who seem to think that you cannot do great looking stuff without particular.

        Personally I think Particular is a great plug-in, I just wish this site would have more tutorials that just use the default AE tool. Because not everyone can afford these plugins (and just because you have After Effects doesn’t automatically mean you are rich and can afford all the plugins, I for example got AE for cheap as part of a student licensed Master Edition).

        But you are right, my apologies again, I sounded probably more rude than I intended to be.

      • MD says:

        ‘No way’ that is, not ‘now way’.

    • Topher Welsh says:

      “Requirements: Trapcode Particular Plugin (download trial version here)”

      You should probably read the details on the tutorial before you jump to downloading. Why would you never have Particular? Isn’t that setting you sights a little short? Shatter or CC Particle World don’t even come close to the versatility that Trapcode Particular has.

      And as for being rude…. you can take that elsewhere. These tutorials are free for people to learn. Please don’t bring your bad attitude to our community, we don’t need it. And don’t complain about what is given to you FREE of charge. It’s kind of ridiculous when you think about it.

      Lloyd… killer tutorial dude… This is a great technique to have…

    • I spent years on Autodesks Maya, (and when it was owned by Alias), 3DS Max and Blender, amongst other 3D CGi packages. The only particle system or plug-in that I found that comes close to the ease-of-use and user friendliness of Particular is ‘Real Flow’, and that cost a crazy amount of cash compared to Trapcodes Particular. Also, there’s the issue of importing large files from these programs, lining things up, changing axis’ coordinates…blah…blah… PARTICULAR EXISTS IN AFX ( I’m sure u know that – but thats the point, it’s inside AFX!!! EASE OF USE!!! )

      Trapcode re-invigorated AE for me, I was getting pressured to move to better programs such as Nuke and Fusion, but Trapcode literally stopped that transfer dead! lol, I have so much fun with Particular and Form, without forgetting the awesome+powerful addition of Shine. These plug-ins are almost LIMITLESS and the majority would agree that they are ESSENTIAL tools for all VFX genii !

      DON’T BASH THIS SITE WHEN THE MAJORITY OF USERS ARE VERY EXPERIENCED USERS, AND WHEN WE SAY “YOU NEED TO GET PARTICULAR”, it simply means, you need to get particular!! lol, You will double the possibilities of After Effects, your work will move up to the next level, and if you ever venture into freelance or VFX studios, you will soon realize the absolute power of these Red Giant plug-ins.

      As per usual, I’m not preaching to you, even though I sound like I am. Just having my weekly AETUTS rant. lol

      sweet tut. thanx Lloyd

      P.S. a little subtly ‘Shine’ adjustment layer finishes the effect and transitions off beautifully. I’ve done various similar projects, but mostly using ‘Form’ – was nice to see particular used.

  9. Immjg says:

    Nice…….!!! I need that.

  10. Gabriel says:

    Do you have any problems with your server’s bandwidth? The video loads so slow for me! I mean terribly slow!

    Could you do something with the bandwith? I’m sure there’s no problem with my bandwidth for sure!

    Anyways, the tutorial is really cool! Keep doing this nice work!

    • Topher Welsh says:

      It seems like some people have trouble playing the videos from the site directly, so that is why they added the download option. That way you can play the video directly from your hard drive.

  11. Diego SA says:

    Cool! Love the + particles.

  12. Kevin Richards says:

    Lloyd, great tut!

    Instead of duplicating the + layer to hide the explosion at the end could you possibly use the Obscuration option in Particular?

  13. Jim Hines says:

    Thank you! This is a nice practical effect pleasantly presented. Lots of nice little tips and techniques throughout.

    What’s kinda funny is I was listening to it with my headphones on but I forgot that I had the headphones on. So I’m listening and I start hearing some sirens and what not and so I turn the sound up on my system and the sirens get louder….then I remember your in NY also so…of course there are sirens in the background.

    Keep up the good work and I enjoyed your presentation at AENY a couple months back.

    • Lloyd says:
      Author

      Ha! Yes, my office overlooks 6th Ave, so there’s always going to be sirens in the background. I actually tune them out so it’s funny that once you point them out I can hear them again.

  14. STeeL says:

    Hello, i am a PC user and i liked your tutorial, however can you please e-mail me the export info? i mean what codec you used? color profile? codec settings? i really need this information. Thanks! e-mail: frost.steel@gmail.com

  15. Sal says:

    Lloyd,

    Another great tutorial (or is that Tuts). Your site is awesome. I can’t believe you guys are providing these many tuts at such a rapid clip. And for free. It’s only been a month I’ve been studying AE and with the lessons from this site and another one which I will not mention I’ve reached a level of skill that would have taken months if I attended courses.

    Thank you.

  16. Sean says:

    @MD

    I doubt if your feelings about Particular are shared with too many people who actually HAVE particular.

    But nice job cursing. Very classy!

  17. erikson says:

    i have particular and really enjoyed using it, but i think the tutorial is too large.

  18. Irving says:

    nice tut + nice play on the plus signs

  19. Rafi says:

    thanks a lot for this quality tutorial! i havent watched it all throught yet but i sure will!

    can someone tell me why a lot of people alwys set the frame rate to 23.967 instead of just 24?

    cheers

    • Lloyd says:
      Author

      Because here in the US we use NTSC which runs at 29.97fps. If you inverse telecine 29.97 to 24p you get 23.976fps. . You guys have it much simpler in Europe because PAL runs at 25fps and the conversions are much simpler. I guess they like to do things the complicated way here, which i guess is why the US still hasn’t switched to the metric system either.

      • Satya Meka says:

        Totally true. I find the metric system way easier! Hopefully someday US will adapt it.

      • Rafi says:

        haha yes thats true. this reminds me of the good A4 format. A4 is standard in europe. it is symmetrical so you can make four A5 sheets out on one A4. then again an A3 makes 2 A4. the good thing is that when you want to write a letter to someone. theres usually A5 for a standard letter and A4 for important documents that are not to be folded. you guys in the us have like a million of different envelopes and you always need to find the matching paper for it.

  20. John John Bo Bon says:

    sweet

  21. chrisberthe says:

    Awesome effect. I love Trapcode Particular! Thanks.

  22. Cary says:

    Thanks. Nice tut. If possible, where can we download the logos used in the tut?

  23. Devin says:

    There is Police cars in your background, for a moment I thought it was me but then i paused and then it stopped. But other than that it was a great tutorial and keep it up. Hope to see more from you very soon.

  24. CgBaran Tuts says:

    Excellent tutorial thanks

  25. Leigh Quince says:

    Cheers for the great tutorial, I really liked the screen grab software you used, i am a teacher and am looking for a really good screen recorder that will show when i click or hit short cut keys like yours does. Was wondering which one it is you used?

    cheers for any help

  26. GRL says:

    This might sound stupid but my only question is:
    how do you get those illy documents exported into AE with no background?
    such as the logo or the plus particles?

    It’s the first time I actually try AE. Sorry :(

    • Lloyd says:
      Author

      @GRL – Not sure I fully understand your question, but if you mean the logos then you just need to make sure there is no background behind them in illustrator and AE will create an alpha channel for you when you import it.

  27. Angelo says:

    great tuts.. I really liked it.. but is there a way to accomplish the same outcome without using trapcode’s particular? I can’t really afford buying it..

  28. Franky says:

    Yo, this is Legit!

  29. msnce says:

    haha your tutorials are very good!

  30. Hila says:

    How do i download the tutorial? It seems whenever i click the “download” button it takes me to a separate window with a quicktime logo.
    do i need to “save link as”… if so mp4 isn’t a file that quick time recognizes.
    help pleaseee

  31. awesome tut! I was going nuts trying to learn all the trapcode plug-ins, this was definetly one of the best

  32. Diego says:

    beautiful tut! Thanks a lot!!
    I was looking for a similar effect but instead of pluses I’d like to have pictures. I mean, many different pictures that combine to create a logo.
    have you seen any tut like that around, or is it possible to adapt this one?

    cheers,

  33. David J says:

    Excellent. Any thoughts on how to do the particle system but made up of photographs that reform back to logo?

  34. Esnake says:

    It can be a very good 15 minutes tutorial.

  35. kb10 says:

    Thanks a lot
    I learn few fonctions that I didn’t know

  36. animaji says:

    Your tuts are great!! Thank you so muuuch.. this is very usefull for me.. keep up a good work.. :D

  37. Hey Lloyd Great tutorial,

    this is alwayzambitious one of your nyc based followers from twitter..

    My question is, what was the point of using the light emitter and the camera, when you achieved the same effect ( particles moving right past the camera ) without a light emitter by using a layer emitter that u dont have to resize..

    • Lloyd says:
      Author

      Many ways to skin a cat, but the advantage of using a light emitter is that it is a 3D point and you can have several emitters for one instance of particular. But like you point out the final result can be achieved either way, depends on how you like to work.

  38. khabchi Abdelilah says:

    I’m downloading the tutorial and still waiting
    I have nothing to say for the moment untill I watch the video
    he he he he

  39. Andrew Mc says:

    Wow. Simply an amazing tutorial. I’ve been working with Photoshop for a few years, but this is my second After Effects project, and your tutorial was thorough enough that I managed to follow along. Thanks a bunch. You’re awesome.

    (And you should definitely post a tutorial on how you did the sound effects! There don’t seem to be many of those around, and they were really cool)

  40. Senegal says:

    Im from senegal and ijust see your tuts is verynice and i want to use it for my job please i want to downlload the tut? help

  41. qq says:

    can not use customed particle sharp.

  42. Awesome Tutorial. Quite handy.

  43. I am a big fan of the sound effects incorporated. We got the police siren, the scratiching in the beard. and ohh, the loose track of particle systems. Which comes to Lloyd as a shock/surprise :)

    Good stuff…

    I am using this tutorial to “jump over where the rail is lowest”
    Can you say that?

    opposed to making this in flash, yeiks!

    Thanks for the help there

  44. Dennis says:

    The entire tutorial doesn’t work. It stops at around half for both the DL and the stream =(

  45. Jason says:

    I am working on the tutorial. It looks awesome. But when I add the camera my crosses become blurry or feathered. When I turn off the camera they look crisp. Can anyone explain why this is happening? I am new to after effects so little issues like this are hard for me to figure out.

  46. Francisco says:

    Using this tutorial right now for a website video, going to export at SWF because I need to run some actions after it ends. Super helpful! thanks

    I’m using only the backwards timeframe version. Meaning I’m creating something where particles fly in from off-screen and form a logo, that’s it. I’m wondering if there was a way to make the particles glow when they reach their final position and then have that glow expand really bright. Reason is I’m having trouble making the transition from particles to logo seamless. I don’t want to turn up the Particles because it’ll just be a mess. So I thought I’d add a nice bright light effect that helps cover that up a bit

  47. Mike says:

    Hi,

    my “pluses” don’t fly on full screen, they only move at the left edge. why ? maybe something wrong with my logo (.png)

  48. jason says:

    is your house on fire during the tut? lol

Comment Page 1 of 21 2

Add a Comment

To add a code snippet to your comment, please wrap your code like so: <pre name="code" class="html">YOUR CODE</pre>. You can replace the class name with "js," "css," "sql," or "php." If there are any "<" or ">" within your code, please search and replace them with: &lt; and &gt; respectively.