Ultimate Neon Sign Tutorial for After Effects - 100% Plugin Free

Sdílet
Vložit
  • čas přidán 29. 07. 2024
  • Create gorgeous, flexible and powerful neon signs in After Effects without the need for plugins.
    Complete with instant conversion of silhouetted assets and text into outlined versions and automatic and adjustable flickering. You can even create animated signage.
    Free Project File on Gumroad:
    gumroad.com/l/BtHnL
    Note: After Effects 2018 and up is required for the automatic flickering as this technique relies on Essential Properties
    Timestamps:
    Intro: 00:00
    Neon Input: 00:24
    Outline Generation: 02:43
    Neon Sign Setup: 06:05
    Flickering Animation: 18:32
    Multiple Colours: 28:51
    Breaking Up Continuous Lines: 32:19
    Using Light Spot: 33:18
    Creating Cables: 35:13
    Animated Signage: 38:13
    Final Comping: 42:41
    Project File on Gumroad: 47:14
    Outro: 47:45
    Check out our RESOURCES hub full of handy links for motion designers: chunkmotion.design/resources/
    Find us on all over the web!
    / chunkmotion
    / chunkmotion
    / chunkmotion
    vimeo.com/chunkmotion
    behance.net/chunkmotion
    chunkmotion.design
    Tag us if you use this technique in any of your work, we'd love to see what you can create with it!
    Stay Chunky.
    #AfterEffects #MotionDesign
  • Krátké a kreslené filmy

Komentáře • 111

  • @ignaciosagrario
    @ignaciosagrario Před 2 lety +8

    I just discovered one of the most underrated after effects youtube channels out there. Keep the good work Chunk!

  • @nathitappan
    @nathitappan Před rokem +7

    This is incredible! Hands down best neon lighting I've seen in AE yet! Thank you for putting this out there. So great!

  • @AshlynMILL8R
    @AshlynMILL8R Před rokem +1

    One of the best videos out there!! Im surprised this hasn't gotten as many views as I thought it would?! Great work! Im glad I was able to follow Every step. Yes there was a lot of minutes in this video, but it was worth it! Thank you so much!!

  • @TheGardengroove
    @TheGardengroove Před rokem +4

    Thank you so much, I actually went ahead and made my project come true step by step, following your every click. Only in the very end I realised you offer the project files :D Could've saved a ton of work for a little hobby project, but in the end I am glad I clicked through with you, because I learned a lot. For me as a bloody beginner you put just the right amount of detail in your explanations so I was able to follow and understand. Awesome work, thanks again!

    • @ChunkMotion
      @ChunkMotion  Před rokem

      A beautiful comment! Thank you so much, I hope that you can take some little step or expression and apply it to some future project 😊

  • @MufasaJungle
    @MufasaJungle Před rokem

    What a bizarre great video, tutorial and in depth learning. Amazing, thank you! Very profesional as well, love it!

  • @halfbreed.
    @halfbreed. Před 2 lety

    Well done tutorial. Truly appreciated.

  • @kaiovieira136
    @kaiovieira136 Před rokem

    Thank you thank you thank you so much dude, your tutorial, your way of explaining is perfect!

  • @FreeTheMinutes
    @FreeTheMinutes Před rokem

    Legend, very clear explanations Very good effect.. muchly appreciated 👌

  • @colombiandude11
    @colombiandude11 Před 2 lety

    This is an epic tutorial. Thank you!

  • @graematter
    @graematter Před rokem

    I've been using AE tutorials since VCP's "Demon Face" tut (for reference of how long I've used resources such as this video for learning). This is one of the best tutorials I've ever seen.

    • @ChunkMotion
      @ChunkMotion  Před rokem +1

      This praise hits hard, I appreciate it so very much ❤️

  • @sleepyowl5798
    @sleepyowl5798 Před rokem

    thank you so much for this AMAZING tutorial!!!

  • @SOM_-sy6pv
    @SOM_-sy6pv Před 2 lety +1

    Wow!
    Did you know you're a genius in your workflow especially on stacking effects on top of each other?!
    your tuts are a little bit advanced so you don't get as much views and subscribers as you should and deserve because most of the viewers in youtube are more beginner and need more basic stuff,
    but don't get discouraged and Just keep doing these amazing tutorials!

    • @ChunkMotion
      @ChunkMotion  Před 2 lety

      This comment made me smile so wide, thank you for such kind words! ❤️

  • @theravensflight8379
    @theravensflight8379 Před 2 lety

    Thank you for the great tutorial, and the tip about FX console!!

  • @edwardarderne6878
    @edwardarderne6878 Před 2 lety

    Such a good video mate! Thank you!

  • @3zex968
    @3zex968 Před 3 lety

    Nice!.. U have to Continue on this content... We are always with you 🔥🙈

  • @zoeslounge95
    @zoeslounge95 Před 2 lety

    this is a seriously amazing tutorial

  • @tguncreations0403
    @tguncreations0403 Před 2 lety +1

    Checked out your channel for the first time yesterday after your amazing Chunk collarts guest lecture and I’m now pretty eager to give this stuff a go and follow your tutorials after I finish uni!!

  • @als3m1
    @als3m1 Před 2 lety

    Awesome tutorial ! Really great/ Thank you 💯

  • @jeanpoole
    @jeanpoole Před rokem

    Thanks for sharing your workflow and project hfile ere - really appreciate it - learnt a few compositing tips along the way!

    • @ChunkMotion
      @ChunkMotion  Před rokem

      Thank you! The compositing tips are my favourite bits to include 😊

  • @comsci
    @comsci Před rokem

    Thanks for this amazing tutorial !

  • @Oi-bg9bc
    @Oi-bg9bc Před 2 lety

    That is beautiful work.

  • @DaveHuxtableLanguages
    @DaveHuxtableLanguages Před 2 měsíci

    Incredibly thorough with great attention to detail! Now I just need an excuse to use it!

  • @Tiborkanal
    @Tiborkanal Před rokem

    Great Work! Thanks a lot!

  • @Bizzbone3
    @Bizzbone3 Před 9 měsíci

    Just wanted to drop comment and Like this was something I was looking for my project i was look on thank you for making this!

  • @AnglinSolaman
    @AnglinSolaman Před 2 lety +1

    Best tutorial man🔥...🎉🎊From India

  • @MrWibette
    @MrWibette Před 10 měsíci

    wow!!! I love your work. Thanks alot. ^^

  • @SeviTTV
    @SeviTTV Před 2 lety

    My god this was amazing

  • @rickardbengtsson
    @rickardbengtsson Před rokem

    Great stuff

  • @caiobernspereira
    @caiobernspereira Před 2 lety

    you're soooo smart, dude!

  • @aaronzai
    @aaronzai Před rokem

    What a legend

  • @aromaljosebaby2848
    @aromaljosebaby2848 Před 2 lety

    Uuuugh I love this

  • @majidmiraqae4368
    @majidmiraqae4368 Před 2 lety

    Thanks sir

  • @Twizzforsberg
    @Twizzforsberg Před 8 měsíci

    Just downloaded lets see if i can do a cool sign. I will be back to give update

  • @vladhau
    @vladhau Před 7 měsíci

    god bless you

  • @KuchenKabel
    @KuchenKabel Před rokem

    This is just beautiful and awesome! Thank you very much!
    And a question: is it possible to link a soundfile to the flickering of the neon tubes?

    • @ChunkMotion
      @ChunkMotion  Před rokem +1

      That would be interesting, triggering sound files based upon volume. Doing this procedurally is not something I'm aware of, but you could try keyframing the flicker yourself instead of through expressions!

  • @krishawes
    @krishawes Před rokem

    As ever, the devil is in the detail, love the addition of the cables. Wouldn't have thought of that 🔌

  • @thimiradarshana
    @thimiradarshana Před rokem

    Great

  • @SorryForFingerboarding

    how do you bring up that search bar? like when you searched cc toner

  • @chilibambam
    @chilibambam Před rokem

    hi ! after i type value of the expression mask an error appear ( " expression disabled ) . hope you can help me . thanks

  • @LetTheKidsSpeak
    @LetTheKidsSpeak Před rokem +2

    PLEASE the mask opacity expression flicker part is just so not doing it for me

    • @ahmadahmad-ok8os
      @ahmadahmad-ok8os Před 3 dny

      For some reason my expressions aren't effecting the opacity. this is my code : opacity =(random(effect("Flicker Prob")("Slider"))

    • @ahmadahmad-ok8os
      @ahmadahmad-ok8os Před 3 dny

      That's quite odd. I've copied and pasted your expression with the Sliders named to match and it seems to work alright. If you turn down the Flicker Prob quite low (like 5) and the Flicker Max over 100, do you see a change?
      The red instead of orange could be because of a different theme being used for the expressions. In the Preferences for Scripting and Expressions, mine is set to Basic Dark.

  • @dorog1531
    @dorog1531 Před rokem

    hey chunk, great video! helped a lot :) do you or does anyone by chance know how to "turn on and off" only some parts of the sign?

    • @ChunkMotion
      @ChunkMotion  Před rokem

      Lovely question. If I wanted to achieve that, I would separate them like I did with the multi-coloured tubes which would allow you to animate them individually.

  • @MorrisBarrier
    @MorrisBarrier Před rokem

    Excellent tutorial! Question. When I use the pen tool to create a stroked line the final output comes out looking like 2 lines. Is there a work around?

    • @ChunkMotion
      @ChunkMotion  Před rokem

      Understandable, you can draw this stroke in the Outlines pre-comp, next to the Neon Input comp layer so that it doesn't get effected by the Find Edges effect.

  • @AngelFreak_
    @AngelFreak_ Před 2 lety

    Thanks for the amazing tutorial! I just have a question. For some reason, when I add the glow effect it seems to fill everything with black. Everything comes back when I disable it. Idk what's causing that, any ideas? I was following another tutorial earlier and the same happened. I had to use glow from the layer styles menu and that one did work. It's only the effect that will cause everything to just go black. Thanks in advance!

    • @ChunkMotion
      @ChunkMotion  Před 2 lety +1

      Yeah the default Glow effect can certainly cause some weird black halo-ing. Changing the layers Blending Mode to a Screen or Add can help get rid of it but that isn't always what you want to do. Making a duplicate of the layer, applying the Glow to that one and changing the Blending Mode of that layer can help find a middle ground.

    • @AngelFreak_
      @AngelFreak_ Před 2 lety

      @@ChunkMotion Thanks a ton, mate! This helped a lot! We miss your tutes a lot! Hope life gives you the time to come back! Much love and respect from Mexico!

  • @HaziendaBG
    @HaziendaBG Před 2 lety

    Hi, love the tutorial, easy to follow. I just have a problem with the expression: I wrote it correctly I think, no error message from AE, but my Input does not flicker at all, even when I set the Flicker Probability to 6. Here's my expression (parts of it in german because of the pickwhip):
    opacity(random(effect("Flicker Prob")("Schieberegler"))

    • @ChunkMotion
      @ChunkMotion  Před 2 lety

      From what I see, you might need to change the start from "opacity(random" to "opacity = (random". Let me know if this solves it!

  • @VilleSantikko
    @VilleSantikko Před 2 lety

    what shortcut you use when adding effects, i have been wasting so much time searching for the correct effect on the list

    • @ChunkMotion
      @ChunkMotion  Před 2 lety +1

      You must check out Video Copilot's FX Console! 100% free and such a time saver.

  • @LetTheKidsSpeak
    @LetTheKidsSpeak Před rokem +1

    I keep getting syntax errors
    please help

    • @ChunkMotion
      @ChunkMotion  Před rokem

      Do you mind copy and pasting your expression code so I can troubleshoot it?

  • @Jwilki16
    @Jwilki16 Před rokem +1

    For some reason my expressions aren't effecting the opacity. this is my code : opacity =(random(effect("Flicker Prob")("Slider"))

    • @ChunkMotion
      @ChunkMotion  Před rokem

      That's quite odd. I've copied and pasted your expression with the Sliders named to match and it seems to work alright. If you turn down the Flicker Prob quite low (like 5) and the Flicker Max over 100, do you see a change?
      The red instead of orange could be because of a different theme being used for the expressions. In the Preferences for Scripting and Expressions, mine is set to Basic Dark.

    • @Jwilki16
      @Jwilki16 Před rokem

      @@ChunkMotion I figured it out. I didn’t put my opacity back to 100… thanks again for a great tutorial!

    • @ChunkMotion
      @ChunkMotion  Před rokem

      Ah beautiful, such an easy thing to miss, glad it's fixed. Thank you for your kind words!

  • @MoeDefinitely901
    @MoeDefinitely901 Před rokem +1

    Dope tutorial bro. But I have to ask what is your shortcut for bringing up the search for effects?

    • @ChunkMotion
      @ChunkMotion  Před rokem +2

      That's the brilliant FX Console by Video Copilot, an absolute time saver.

    • @MoeDefinitely901
      @MoeDefinitely901 Před rokem

      ​@@ChunkMotion my God. I'm watching Andrew's presentation now. Amazing. And my director loved the neon sign i created for our movie. Thanks to you. Not only do you get a sub, but a noti bell as well

    • @ChunkMotion
      @ChunkMotion  Před rokem

      @@MoeDefinitely901 Thrilled to hear that! Thanks for the love 💖

  • @misseslucifer
    @misseslucifer Před 2 lety

    Hello! I am trying to add the expression but am getting an error of a missing ')'
    here is the code:
    opacity = (random(flicker prob slider)

    • @ChunkMotion
      @ChunkMotion  Před 2 lety

      Hey Lyndsay, just want to check to make sure you're pickwhipping the sliders and aren't just typing "flicker prob slider". Let me know!

  • @hungrybearcircus8427
    @hungrybearcircus8427 Před 2 lety

    A question... i have an older version of AE, how do i do the functions that require the Essential graphics.... i dont have it... Got a bit lost from there on. Help pls

    • @ChunkMotion
      @ChunkMotion  Před 2 lety

      There are many ways to go about making neon light in After Effects on CZcams, plenty without Essential Graphics. However I much prefer using it since it simplifies the process drastically. Sorry my method doesn't work for you.

  • @OhShrike
    @OhShrike Před 2 lety

    My animation for the shape layers doesnt work like yours, I've tried to watch frame by frame but it seems I'm missing something? My animation is slowly zooming out and then back in reverted again into the comp.... Any tips? Otherwise this tutorial is godtier 🙌

    • @ChunkMotion
      @ChunkMotion  Před 2 lety +1

      For the shape animation, I am using hold keyframes so there isn't any interpolation. Perhaps this is what's causing the slow zoom in and out? Thank you ❤️

  • @FahimSamrat
    @FahimSamrat Před 2 lety +2

    you need contune what you doing mate .. youi have qulaity content .. try do some animation breakdown ..share your work with us .. it will help us to gain knowledge as well as you will get lots of view and support from that ..thank you

  • @shotbyjkru
    @shotbyjkru Před rokem

    Flicker Expression:
    opacity = (random(Flicker Prob Slider)

  • @michaelamarie8065
    @michaelamarie8065 Před 2 lety

    I followed this tutorial step by step and I'm not sure why but my Neon Tube layer is behaving correctly and dimming randomly according to the opacity expression, but my Main Glow layer and Fill Glow aren't dimming at all? I can't figure it out, would you have any idea why the other glow layers don't appear to be dimming, even though they are all from the same source comp (outline comp)? All the essential graphics controls are parented correctly as well

    • @ChunkMotion
      @ChunkMotion  Před 2 lety

      That is an odd one. Can't really help without first digging around in the project file to see where it my have differed. If you want, you can email us the project file and we can take a look: contact@chunkmotion.design

    • @kelliewickenden1906
      @kelliewickenden1906 Před rokem

      Having the same issue. Followed to the letter but when it comes to 25:29, the blackouts opacity isn't working on my glows. :-S

  • @klaranzekirk1548
    @klaranzekirk1548 Před 2 lety

    having a problem with the expression commands. I am with you step by step and I have checked over and over again that we have the same text. It works when I add the code from the downloaded project but I would like to know what it is that I did wrong. The following is the text I did with you step by step, please let me know where I went wrong opacity = random(effect("Flicker Prob")("Slider")

    • @ChunkMotion
      @ChunkMotion  Před 2 lety +2

      Looks like you're missing an end bracket ')' near the end, after ("Slider"), should be ("Slider")). That will wrap up the random function and should fix the expression!

    • @klaranzekirk1548
      @klaranzekirk1548 Před 2 lety

      @@ChunkMotion thank you. You're a savage. Will definitely upload my work and tag you Chunk.

  • @---hz1vi
    @---hz1vi Před rokem

    Hi im not sure what ive done wrong but when i scrub through the time line my text does not flicker rather the endges of it change their "fuzziness". My letters have a fuzziness to them and when i scrub through it changes seemingly randomly. The code I'm using is :
    opacity = random(effect("Flicker probability")("Slider"))

    • @ChunkMotion
      @ChunkMotion  Před rokem

      Fuzziness is neat but probably unwanted. All I can note is that there isn't a opening bracket at the start of the first random, which would then stop the error when you add one after the 1. To be fair, neither of those brackets are needed for the expression to work (it just looks neater).
      Just want to make sure that the expression is applied to the Mask Opacity and not some other property.

  • @olgastar1037
    @olgastar1037 Před 9 měsíci

    Pls help!
    I am stuck on 24:00. I do everything thats told in the video, but i cant see the modifyer with Essential Properties uder my layers.
    What should I do?

    • @ChunkMotion
      @ChunkMotion  Před 9 měsíci

      Sorry to hear that. Essential Properties can be a bit tricky, so make sure you're applying the properties to the correct composition that is selected in the Essential Properties panel. Having the most recent version of After Effects could help too.

  • @hallucin8ng.gaming
    @hallucin8ng.gaming Před 2 lety

    Hey dude! just wondering what hotkey you're using to search things so quickly (apologies total noob)

    • @ChunkMotion
      @ChunkMotion  Před 2 lety +1

      That's quite fine! It's Video Copilot's FX Console, allows you to search for effects and presets (and do much more) pressing Ctrl+Space on Windows. Total timesaver and also free.

    • @hallucin8ng.gaming
      @hallucin8ng.gaming Před 2 lety

      @@ChunkMotion Appreciate the knowledge, thanks man! 🙂

  • @UNKANNYENTERTAINMENT
    @UNKANNYENTERTAINMENT Před 2 lety

    Using your project file, after changing the open 24/7 txt i loose my flicker. It starts makes a very odd looking shadow over the txt.

    • @ChunkMotion
      @ChunkMotion  Před 2 lety +1

      To update the flicker, you have to also update the masks on the Flicker solid in the Outlines composition!

    • @UNKANNYENTERTAINMENT
      @UNKANNYENTERTAINMENT Před 2 lety

      @@ChunkMotion i got it thanks so much great video...cheers!

  • @michellejones6662
    @michellejones6662 Před rokem

    Is there a way to convert this to a GIF or otherwise export it with background transparency?

    • @ChunkMotion
      @ChunkMotion  Před rokem +1

      Exporting with ProRes 4444 with Alpha will help get a transparent channel! Unsure how well the glows will work since they rely heavily on blending modes to lighten the background. Worth a try though.

    • @michellejonescreative
      @michellejonescreative Před rokem

      @@ChunkMotion Thank you for the reply, I will see how that goes!

  • @JaimeLacayoPTY
    @JaimeLacayoPTY Před rokem

    Dude you look SOOOO much like Ferris Bueler.

  • @moti1s
    @moti1s Před rokem

    cant believe i've spent full on hour trying to make this, only to find out its overloaded with glows and everything, so my media encoder shows error 1609629695 (gpu error) and won't render it no matter how i try

    • @moti1s
      @moti1s Před rokem

      drop shadow instead of glow is much better, doesnt load GPU as much

  • @mennyyypk7467
    @mennyyypk7467 Před 2 lety

    what song you used in the video? 😂

    • @ChunkMotion
      @ChunkMotion  Před 2 lety +1

      Oh it's a song from Artlist.io called Proof by Tom Goldstein 🕺

  • @muko2766
    @muko2766 Před 4 měsíci

    47:16

  • @fruitdudetv
    @fruitdudetv Před 2 lety +1

    100% plugin free ?? turned out this was a lie :O

    • @ChunkMotion
      @ChunkMotion  Před 2 lety

      If you wish to get technical and consider the built-in effects as plugins, then yes I suppose it was a lie 😦 100% free of external plugins doesn't quite roll of the tongue as well

  • @LetTheKidsSpeak
    @LetTheKidsSpeak Před rokem

    ITS NOT FLICKERING

  • @DaniaDraws
    @DaniaDraws Před 4 měsíci

    Thank you for making this tutorial.I was finally able to finish it.This is my result:czcams.com/video/C8tu9BnVBig/video.html

  • @hazymarlo1645
    @hazymarlo1645 Před 2 lety

    STOP GOING SO FUCKING FAST JESUS CHRIST

    • @ChunkMotion
      @ChunkMotion  Před 2 lety +2

      Feel free to pause the video at any time if I've gone a bit quick for you, it's one of the many advantages to watching a video 🙃

  • @sonyaandeverything
    @sonyaandeverything Před rokem

    Thanks so much for the tutorial!