After Effects Tutorial - NBA Lights - EASY!

Recreate the outline light effect from the NBA Christmas Light Commercial in After Effects. Get the 👉 Download Project: aemastercourse.ac-page.com/me...
👉 Learn More about Sports Motion Graphics:
aemastercourse.ac-page.com/pl...
🔑 Learn & Master After Effects - Sign Up for a Free Class:
bit.ly/AEMasterCourse
🔑 My PC Specs:
• Best PC Build for Vide...
NBA Commerical:
• The NBA Lights Up Chri...
#aftereffects #aftereffectstutorial #cmdelavega

[@gabomerino]

10:19 to leave the shape open you can just SHIFT+ click the last point to deselect it and when you continue drawing it will create a new one.
Thanks for sharing, NBA Commercial looks really nice.

[@cmdelavega]

Awesome tip! It's a time saver. Thank you amigo!!

[@365safaris5]

@@cmdelavega THANK YOU SOO MUCH for this. Do you mind adding the section on how @blottermedia instagram.com/blottermedia/ does the other 'moving lights animations'. I really Appreciate what you are doing

[@cmdelavega]

For sure! Popular technique. Would be a great tutorial. I'm finishing work for Super Bowl, then I'll finish Part 2 of the ESPN promo tutorial and I'll get started on this technique. Thanks for sharing and suggestion!!

[@365safaris5]

@@cmdelavega AWESOME!!!! cant wait! thank you

[@tweezy_klienkelvin4550]

Ggh

[@lega3855]

Ohhh u so positive in answering the cooment i love ur job and patiently for this tutorial

[@SomnathNagawade]

Thanks for such a good effects. Waiting for much more like this!!

[@chadiwack]

Excellent. I love how you took a standard feature in After Effects (The Stroke tool) and taught us how to use it through an awesome creative looking tutorial, not just here, make a box using the stroke tool or here the stroke tool can make lines. This tut makes learning this feature interesting. I've been using After Effects for approx. 20 years and there are still many features I haven't mastered. Cheers.

[@cmdelavega]

Thank you! I appreciate your comment and looking deeper into the technique in the tutorial. Same here, I've been using AE for a while - 11 years - and still have much much more to learn!!

[@moisesarrais6364]

Very good, continue guiding the galera in tutorials like this one.

[@cmdelavega]

Lol!! Thanks bro!

[@flaverusSam]

Galera é o dick, mermaum!

[@hfonseca97]

galera?? What the galera, bro?

[@chagasales5821]

Brasileiro certeza

[@chefmonstro7411]

One of my favorite tutorials, I can use it to add cool kitchen effects in my cooking videos. Electric knife skills LOL

[@cmdelavega]

Thank you bro!!!

[@chefmonstro7411]

You are the best man!

[@vegardpedersen]

Wow, 55 000 views! You deserve it man! I've followed your channel for a long time.

[@cmdelavega]

Thank you Vegard! I appreciate your support for the channel and all your comments over the years. People like yourself keeps me motivated to keep doing these videos!

[@philmorris7680]

Great tutorial. How would you go about doing this frame-by-frame? For example, on a 30 frame video, and wanting to draw on each frame separately.

[@cmdelavega]

Thanks! That's a great question. The long and tedious way is perhaps to make a comp for each frame, draw the lines in each comp. Make a master comp and bring each comp and trim to one frame. Wouldn't be very practical. Another way is to keyframe the shape layer throughout the 30 frames. This will be faster. A faster technique involves using masks instead of shape layers. Use the auto trace function (Layer -> Auto Trace). First, make the image a high contrast, black and white image. 2, use the alpha channel option in Auto Trace to create the outer line/mask. You would just need to add the details in the face, etc. You can also you the Saber plugin from Video Copilot for the glow!

[@TonyFalcon76]

As always simple, creative and beautiful, thanks again bro, blessings.

[@cmdelavega]

Thank you Tony! Appreciate your comment and many blessings to you too!

[@qthefirsttimelord6054]

Thank you, that's pretty creative!

[@cmdelavega]

Thanks!!

[@lorenzimedia]

This is amazing!!!! Well I think I will start my After Effects right now!

[@cmdelavega]

Thank you Tobias! Welcome to the exciting world of After Effects!!

[@Drinho]

Insane clips bro 😍 Keep up the good work 💪

[@cmdelavega]

Thank you bro! Appreciate it!

[@jokertv3613]

Clear, simple, easy to understand tutorial! NICE!

[@cmdelavega]

Thank you! Happy to hear it was easy to understand.

[@Drinho]

Fire montage bro 🔥 Keep going 💪

[@VideoUpskill]

Wow this is an awesome effect and great detailed tutorial.

[@cmdelavega]

Thank you! Happy to hear it was detailed.

[@RyoRazr]

This is nice stuff, men! Thank you.

[@cmdelavega]

Thanks!! Appreciate it and thank you for watching!

[@aishwaryav.techYT]

Not only was this tutorial worth the 'like'. Your personality is just so Positive. I subscribed !

[@cmdelavega]

Awesome! Thank you! I appreciate the feedback and subscription!

[@dolfanyt4757]

Thank you for this it was fun for me to do for my school Prodject but be careful everone its very time consuming

[@stephensammut6705]

You made something that looks complex , really understandable thank you!

[@cmdelavega]

You're welcome! Thank you for the feedback!

[@juliamellett]

I just found your channel while trying to find some awesome sports motion graphics for After Effects. Thanks so much!

[@cmdelavega]

You're welcome! Hope the tutorials will be helpful!

[@_itsnemo_]

Absolutely love your tutorials bro.

[@cmdelavega]

Thank you so much! Appreciate the comment!

[@nijatIbrahimli]

Nice tutorial, thank you man! :)

[@cmdelavega]

You're welcome! Thank you for watching!

[@rosyaugust7095]

This is so dope. Cool effect and loved it. I learnt something it.

[@cmdelavega]

Glad you liked it! Thank you!

[@tomsutube2011]

So brilliantly explained. Thank you for creating this video. You are a great discovery. 👍👍

[@cmdelavega]

Happy to hear it was helpful!! Thank you🙏

[@Pankaj-Verma-]

Incredible.

[@cmdelavega]

Thank you! Hope you learned a new technqiue!

[@isaacphotovideo]

cool tut, man. you got another subscriber herethank you!

[@cmdelavega]

Thank you bro! Appreciate the subscription!!

[@shefaazenate6284]

thanks a lot!

[@learnwithpromo]

You are amazing man!!!! I love it

[@cmdelavega]

Thank you! Appreciate it!

[@visualdesignkong959]

loved it

[@cmdelavega]

Thank you!🙏

[@OurFantasticFive]

Wow! This is fantastic - giving us ideas for future videos.

[@cmdelavega]

You're welcome!!

[@SXN903]

i had too many questions in my head and got my answers in a single video. Thanks hero for sharing your time with people.

[@cmdelavega]

Awesome! Happy to hear it was helpful and you got your questions answered!

[@patrickcasella]

this is amazing.

[@cmdelavega]

Thank you Patrick! I appreciate it!

[@GursimranSingh1]

You just earned a subscriber.

[@cmdelavega]

Awesome! Thank you!! I appreciate the subscription and will always work hard to put out great tutorials.

[@shellycasanova7671]

Hey Man Loved the video, Im an up and coming editor and I was curious on what equipment you were using for the process, are you just using a simple mouse or trackpad? I couldn't help but notice the pen tool in your hand. If thats what you're using, any suggestions on what to get?

[@cmdelavega]

Thanks! I use a Wacom Intuos Pro graphics tablet. It's a game changer for me.

[@Cartergames64]

Thank you!!! I appreciate you went slow when explaining 🙏🏽🙏🏽

[@cmdelavega]

You’re welcome 😊 Happy it was helpful!

[@Rosomyat]

Great tutorial for the start of 2019.

[@cmdelavega]

Thank you so much!

[@the_wise_once_said]

I've been watching your videos and it's look pretty good and I will like to share your videos with my friends who like to learn about AE

[@cmdelavega]

Thank you!! Appreciate sharing the video!

[@Erto859]

Hey Dude! Thanks for your tutorials!! What is that pen thing you're using instead of a mouse. Im super interested in it

[@cmdelavega]

Thanks amigo! It's a Wacom Intuos Pro Graphics Tablet + Pen. Been using one for a long time, easier on the wrist.

[@patrickrusselvillamiel8387]

So first thing I realized is the barca hat!! Forca Barca!! Great video btw, I've been interested in learning this to include into my workflow. Thanks, I'll definitely sub to you.

[@cmdelavega]

Lol!!! I visited Barcelona this past year and couldn't leave without a souvenir. Appreciate the subscription!

[@GridironFilmz]

Awesome. You’re great teacher and help. 💯💪🏾 #subscribed

[@cmdelavega]

Thank you so much!! I appreciate the sub!!

[@Mediaverse]

I'm glad i found your page

[@cmdelavega]

Wow! Thank you for watching and appreciate the support!

[@kamalsaroya9117]

❤agree

[@magicfilmcompany]

One of the best motion designer i know 🙌🏻 thx for sharing

[@cmdelavega]

Thank you very much amigo! Made my day!

[@NBWDOUGHBOY]

That's pretty cool

[@cmdelavega]

Thank you! Appreciate it!

[@frankufurt1608]

this video is actually good
you got a sub

[@cmdelavega]

Thank you Thomas!! Appreciate the sub!

[@lega3855]

Love ur intro so much :)

[@cmdelavega]

Thanks! It's called ES_Green Summer Waves - Qeeo from www.epidemicsound.com

[@ilyaonthefly]

Very helpful bro, thank you! I subbed

[@cmdelavega]

You're welcome! Thank you for the sub!

[@guillyMorenojr]

Very nice tutorial

[@cmdelavega]

Thank you very much!!

[@armghanbutt3722]

Really worth watching tutorial. Thanks for sharing. Moreover, can i ask where you animate the commercial, did the space (house, trees etc) are 3D model or was it the actual video? If it is 3D, then how did you add the neon effects in that space? Please guide

[@olegkupshukov9067]

*So simple technique. nice! great tutorial. Thank you!*

[@cmdelavega]

Thank you Oleg! Appreciate it!

[@harrychoi827]

very clear illustration！！！

[@cmdelavega]

Thanks!! Appreciate it!

[@DhikaSetyaBudi]

Good afternoon .. Please help info. My laptop is TYPE: * ASUS X441U * Intel Core * i3-6006u 2.0GHz * CPU * 4GB RAM * I use 2018 After Effect version which is very heavy. Until you can't use it. If it's my Adobe Premier Pro 2018 version. And I installed another version of the after effect / CS version. Support RAM 4.GB Can the * after effect * still work, though ... even though it's * adobe premier pro version 2018 * Tp * My After effect Version 2017 / CS * Please help with the info?

[@cmdelavega]

After Effects needs lots of RAM. 4GB is very little. If you can upgrade to a minimum of 16 GB it should help. 32 GB would be better. Also, check your GPU/Graphics card. If it's an NVIDIA card, open the NVIDIA control panel (right click on desktop) and make sure you have the setting to use the GPU for After Effects. Your laptop may be trying to use the motherboard graphics card and that won't work well with AE.

[@abhinavjoshi0411]

Man I was not able to put a shape on footage. Thanks a lot. I was missing deselecting all the layers.

[@cmdelavega]

Double check that no layer is selected on timeline. Click outside the timeline to deselect. If a layer is selected and you use pentool, it will draw a mask.

[@abhinavjoshi0411]

@@cmdelavega indeed brother, it was drawring a mask. But when I double click on any footage, it opens up some layer. On that layer the tools. What is that layer which opens up on double click.
Thanks a lot man.

[@cmdelavega]

When you double click on any footage, it will open up in the layer panel. You don't want to be in the layer panel to create the shape layer. You want to stay in the composition panel (main window/work area where you see what you're creating/animating). If you're in the composition panel, follow these steps. (1) deselect all layers by going to Edit -> Deselect All. You can also use the shortcut Ctrl+Shift+A. (2) Click on the Pen Tool. (3) Draw/Trace in the composition panel. At this point After Effects will create a new layer and it should be a Shape Layer. The layer name should start with the words "Shape Layer". Hope this helps! Let me know how it goes.

[@TboneWithoutTheSteak]

Bro this is fantastic

[@cmdelavega]

Thank you bro! Appreciate it and happy you enjoyed the video.

[@GamesVoice]

Nice technic. I subscribed to your channel and look forward to new videos. Thank you and good luck to you ;) Giedrius from London ;)

[@cmdelavega]

Thank you Giedrius!! Appreciate the subscription and looking forward to continuing making new videos and tutorials!

[@aizatselamat6930]

good stuff there!

[@cmdelavega]

Thank you for the comment! I appreciate it amigo!

[@brainyadmiral5929]

nice man. im your biggest fan!

[@cmdelavega]

Thanks amigo! Super appreciate your support for the channel and the tutorials. People like you keeps me motivated to keep doing tutorials.

[@omersaddaldxb]

Great tutorial

[@cmdelavega]

Thank you!!

[@nuanceinfotech9905]

Nice tutorial for After Effect... great job.

[@cmdelavega]

Thank you!

[@TomJerryFootballParody]

Simple and clean ... nice tuto bro 👍

[@cmdelavega]

Thank you bro! Appreciate the comment!

[@jayanthkashyap8013]

If u add saber to the mask it will look even more lit :)

[@cmdelavega]

Lol. It definitely would look more lit!

[@lynyoxtv7958]

good job. it was fun

[@markmunyui]

Definitely want to use this in my next music video(s) for my channel. Appreciate the tutorial 🙏🏾 I’ll link this tutorial in the description when I do since it helped so much 🤳🏾

[@cmdelavega]

Awesome! Thank you!! Keep me posted and please do share the link of the video - would love to see how you use it in your next music video.

[@markmunyui]

C.M. de la VEGA of course! Feel free to subscribe and stay tuned! Just subscribed to you

[@blerghzerhg]

happy new year sir cm! hope you had a good one!

[@cmdelavega]

Thank you JJ! Happy New Year to you and have a blessed one too.

[@rifattarik2564]

what is the name of sound that you used in video? thanks for the tutorial.

[@khiroAkkouche]

thanx man great tutorial

[@cmdelavega]

You're welcome! Thank you for watching.

[@animeshekka8206]

So cool

[@cmdelavega]

Thank you!

[@sagelu4471]

hi, do you have a video tutorial? thanks

[@PURESTonROBLOX]

lol..

[@BeforeEffectsStudios]

Thanks:D

[@cmdelavega]

You're welcome! Thank you!

[@erodriguez1822]

Excelente mi pana!!

[@cmdelavega]

Muchas gracias broder!!

[@matvaalex4559]

Best:) Love this

[@cmdelavega]

Thank you!! Appreciate it!

[@thomashawkins4692]

I can’t get more than 3 pen movements before it gives me a wild curve I can’t get ride of, so I have to make 2-3 movements and piece it all together, very time consuming and looks funky now that the lines don’t line up. Any idea?

[@cmdelavega]

Oh man, so sorry you're having issues. Try the following: turn off snapping (check box in the tool bar) and uncheck Snap to guides (View -> Snap to Guides). When you're drawing the curves, click to make the 1st point, then click again to make the 2nd point and don't release mouse, instead drag to make a curve. Release the mouse and repeat. Hope this helps. Let me know if you're still having problems.

[@cmdelavega]

Sorry Thomas for late response. Try click and drag for each point and repeat. Sometimes I have issues when I have Snap to guides turned on and guides are visible. See above response to turn them off.

[@vladimirtomminflm]

love it

[@cmdelavega]

Thanks!

[@lyangaming_9961]

i was looking for that thanks!!!!!!!!!!

[@cmdelavega]

You're welcome! Happy you found it!

[@ozy635]

thansk for the awsome tutorial

[@cmdelavega]

You're welcome! Thank you!

[@pantho_6899]

Thanks for the amazing tutorial and visca el barca❤❤❤❤

[@user-xs2pk1lk3u]

Bro how I can ,, but the lights in the line (effects)
Like you did
I want the line lighets alot , like in the last pic

[@carloscamposrios]

Se puede usar la misma técnica con videos? O qué varía? Gracias.

[@cmdelavega]

Si, la misma tecnica se puede hacer con video. Tenes la opcion de hacer cada cuadro del video o tomar los cuadros mas importante.

[@leonardjohnson1249]

Brilliant idea. Thanks

[@cmdelavega]

You're welcome! Thank you!

[@majesticstudio2230]

Thank you

[@cmdelavega]

You're welcome!

[@Bambi2402]

waaaaaaw its great thanks'

[@cmdelavega]

Thank you!!

[@weztastudio6170]

Thank you very mutch

[@cmdelavega]

You're welcome!

[@genarocastillo1702]

Amazing bro, welcome back!

[@cmdelavega]

Thank you amigo!! It's great to be back!

[@cristianoglessa]

It was amazing, i love it so much, Thank you for sharing witch us. Congratulation for the job.

[@cmdelavega]

Glad it was helpful!

[@marianamunoz3555]

Muchas gracias es muy detallado el tutorial me vino a la mente Muchas ideas en donde lo puedo usar

[@cmdelavega]

A la orden! Gracias!!

[@dmitrym.6578]

Thank you. Amazing!
Please tell me which Wacom Intuos Pro model are you using?

[@cmdelavega]

Thank you! I'm using the Wacom Intuos Pro Model PTH-660

[@PikPixel]

Thanks, sir. You are a great teacher

[@cmdelavega]

You're welcome! I appreciate the nice words!

[@dz4shzy]

Great tutorial. Subbed.

[@cmdelavega]

Thank you! Appreciate the sub!

[@ArturJBCosta]

Nice, thumbs UP amigo!

[@cmdelavega]

Thank you! Appreciate it!

[@cinemamovie7040]

this is the word tutorial i ever seen

[@cmdelavega]

Appreciate the comment!

[@anupkhodwe]

Thanks for sharing....!!!

[@cmdelavega]

You're welcome! Thank you for watching tutorial!

[@azizshaikh667]

Ur video is awesome sir

[@cmdelavega]

Thank you!! Appreciate.

[@dingus8265]

nice, great job.

[@cmdelavega]

Thank you!!

[@seven4280]

Good people like you are the cause of the existence of this universe

[@cmdelavega]

We all have the potential to make a great and positive impact in our communities and world! Let's do it!!!

[@seven4280]

Trying my best

[@cmdelavega]

I hear you amigo! It's not easy but as long as we trying our best, know that you're doing it!

[@Modhumitamondal]

Nice one

[@edgaresquivel7750]

wait... what are you using that pen on? what touch pad is it?

[@cmdelavega]

It's a Wacom Intuos Pro graphics tablet. I love it! www.wacom.com/

[@abdallahmuktar9809]

Helpful and very nice tutorial

[@cmdelavega]

You're welcome! Thank you!

[@bangouramarsolution525]

Very nice pro

[@cmdelavega]

Thank you!!

[@rahulghadge5830]

very nice tutorial!

[@cmdelavega]

Thank you so much! Appreciate it!

[@blenderian.3d]

Amazing Video~!

[@cmdelavega]

Thank you so much!

[@SAGARAP3055]

Tx bro alot

[@cmdelavega]

You're welcome! Thanks!