Pixel Scan Logo Animation Tutorial in After Effects | Digital Logo Wipe | No Plugins

In this tutorial I show you how to create pixel scan logo animation in adobe after effects without using any plugins. With this method show in the video you can easily adjust the settings and if you want to use a different logo, all you have to do is replace a logo inside of logo composition and everything will automatically adjust to the new logo you have added. This tutorial includes the following: pixel scan logo animation tutorial in after effects, pixel scan logo animation tutorial, pixel scan logo reveal animation, pixel scan logo reveal after effects, digital pixel scan logo, digital wiper tutorial, digital wiper logo after effects, digital logo wiper tutorial after effects, after effects, after effects tutorial, logo animation, logo reveal, logo animation tutorial, glitch logo animation, glitch logo reveal, logo, animation, tutorial, adobe, smertimba graphics, after effects logo animation tutorial, after effects logo, motion graphics, motion design, glitch logo.
🔔Subscribe to my channel for more tutorials: / @smertimbagraphics
💾Download Project File: bit.ly/3DKv54Q
SOCIALS
===================================
📷Instagram: @smertimbagraphics
#aftereffects #logoanimation #tutorial #pixellogo #logoreveal #smertimbagraphics #ae #aetutorial #motiongraphics #motiondesign #glitch #glitchlogo

[@moederthemeddlesome2384]

for any other time travelers from the future looking for the inverse alpha matt. there isn't one now of 2024. there is a small box, that if ticked will invert the comp. so just select the alpha and check the box. nice video also btw

[@SmertimbaGraphics]

Thank you, I appreciate the effort to let people know❤

[@bodiattila1984]

thanks!

[@timodejong1769]

You are an absolute hero!!!!!

[@carlos_novais]

Thank you!

[@thesexkongkiller]

AVE MILLER!.

[@BuzzFish]

Sometimes he sounds like the rock guy from thor lol Love it. Thanks for the tutorial

[@SmertimbaGraphics]

😂😂 My pleasure

[@arnoldgabriel2298]

Cool.project

[@haulam6958]

Like

[@frostick6047]

You mean Korg ?

[@TaylorKromOFFICIAL]

I love this… no bullshit, straight to the points, easy to follow. Great video!

[@SmertimbaGraphics]

Thanks, it's pleasure to know you like my approach😁❤

[@novelafilmacademy]

Fantastic tutorial! The pixel scan logo animation is such a unique effect, and I appreciate how you broke down the process step by step.

[@SmertimbaGraphics]

It needs a bit of setting up but once done it's easily customizable

[@KayMogg]

actually I think the block ratio at 2:10 depends on the format of your frame - So in order to get perfect squares in a 16/9 frame you'll need to set the horizontal one to 160 and the vertical one to 90 or a multiple of that ratio :)

[@zepheriyah]

i'm sure he knew that, but just wanted to make it simpler for viewers to understand

[@pralaya1986]

Ty

[@RoyalAdoringChamp]

I'm a complete newbie in AE and I was able to recreate it. Thank you very much, now I got an amazing preset to let appear any graphics with that cool effect :-)

[@SmertimbaGraphics]

Welcome and enjoy💖

[@peteburrows9303]

Love your style on this. Easy to follow and great looking. 👍🏾

[@SmertimbaGraphics]

Thanks so much✌️

[@shinzoux5912]

I used this animation to merge two logos - client wanted it and I'm not really a multimedia designer Kept making mistakes merging the two and kept having to redo your tut :D Thanks for this - helped me tons m8

[@SmertimbaGraphics]

It's a pleasure, enjoy😁

[@ruthersolloso8664]

THANK YOU FOR SHARING THIS!!! This is the first after effects tutorial that I did right!

[@SmertimbaGraphics]

You're welcome, enjoy ♥️

[@LuckyAce1]

damn man your motions are crazy , and im loving them fr fr 😲

[@SmertimbaGraphics]

Thanks😁🔥

[@estiakemon4071]

That's some simple but solid presentation tutorial, which helped a lot. Gonna try it soon, Thank you so much. Keep up the good work for us, mate. Love from Bangladesh 🇧🇩❤️

[@SmertimbaGraphics]

Thank you for the kind words❤️ will do my best

[@mahangamer5316]

this is a great tutorial for those who want to make an old neon sign. great video!

[@SmertimbaGraphics]

Thanks so much 😊

[@Black_Entertainment_Studio]

I think I learned how to make this transition like the pixel scan transition on a different editing app, thanks for the tutorial!

[@SmertimbaGraphics]

Nice, do you remember what the app was called?😁

[@Black_Entertainment_Studio]

@@SmertimbaGraphics Yes I have, it’s called Node Video

[@SmertimbaGraphics]

So which one does the job better? I bet it was easier to do it there wasn't it

[@Black_Entertainment_Studio]

@@SmertimbaGraphics Well for some reason I don’t have After Effects, I have only Node Video, and it turns out the pixel transition effect doesn’t look exactly like what it looks like in After Effects. But this is still good either way

[@mustaphadiallo2134]

UP CZUP CBIU8

[@timehash]

You can make it even better by adding a glow effect to the logo reveal layer and setting the radius to 500, it looks majestic. Anyways amazing video definitely subbing :)

[@SmertimbaGraphics]

Thanks for the tip❤

[@sturmx96]

Seems like you can never go wrong with adding a glow effect.

[@eyoo369]

@@sturmx96 When in doubt... always add glow effect. Girlfriend broke up? Add glow effect. Relative passed away? Add glow effect. Lost money during a crypto bull run? Add glow effect

[@ivwvy]

@@eyoo369Glow fixes all your problems… I literally just add it to everything 😂

[@fashowallday4073]

Sniper is gunning down random civilians, glow effect. Oh no! He sees me!@@eyoo369

[@SanskarTheCreator]

Awesome tutorial😁Huge respect from INDIA

[@SmertimbaGraphics]

Thank you so much 😀

[@juliobuendiagarcia4558]

lol this actually worked, u know what i thought all these comments were fake; u knowhow utube is nowadays . but i had to come back n verify this workS

[@jikaza.gaming]

You got a sub sir.. I love how you detail everything like how things should be explained to an Ultra Noob like me

[@SmertimbaGraphics]

Thank you for the sub, welcome ♥️

[@nicolaykoriagin]

Wow, this is a very impressive tutorial. Thank you! Saved for the future.

[@SmertimbaGraphics]

Glad it helped!

[@asmodeodh]

THIS IS BLOODY AMAZING ! Thank you so much !

[@SmertimbaGraphics]

Welcome!

[@adeebmalik2547]

Thank for the tutorial! Easy to follow!

[@SmertimbaGraphics]

Thank you brother💯❤️

[@nacisan6199]

Thank you I figure it I got a little frustrated but push through now my logo looks a lot better thank you 😊

[@SmertimbaGraphics]

Happy to hear💯

[@mr.bigmangames]

Very nice man! In order to make it reveal stay some time and then dissappear i just copy everything and change the direction of the solid we created at start?

[@SmertimbaGraphics]

Thanks! Yeah pretty much, make sure you duplicate compositions in the project panel, not just the timeline

[@mr.bigmangames]

@@SmertimbaGraphics ive gone the other way. i made half of the clip as normal. Then i turned my logo 180c and made second video. Then i threw both of them in premiere pro and flipped my second logo 180 again. And voila! worked like i intended - Logo reveals and dissapears as i wanted. Yes im a total noob in AE and i rathe do it this way then crash all th e project with a false action.. )))) Yes shadow needs to be off or a t 0 distance for this to work

[@SmertimbaGraphics]

Whatever works for you, glad you figured it out💯

[@TrollFaceMafia]

This is a great tutorial -- Added Wave Warp to the scan lines for a wierd wavey glitch effect :)

[@SmertimbaGraphics]

Thank you😊

[@TrollFaceMafia]

@@SmertimbaGraphics Man, stop editing videos and go to bed lol its 5am here hahah

[@SmertimbaGraphics]

It's 4 pm here for me 😂

[@TrollFaceMafia]

@@SmertimbaGraphics OH WOW - I'm from Illinois, USA. You must be on the otherside of the world lol -- Thanks for the videos, been watching em!

[@SmertimbaGraphics]

Yeah pretty much on the other side of the earth 😂 it's a pleasure, thanks for watching

[@3dsmaxguy]

Loved, using, congrats! Thank you and cheers from Brazil!

[@SmertimbaGraphics]

Glad you did, most welcome👍

[@MattiaGuido-qk4nv]

That's truly amazing! Is it possible to export the animation with trasparent background?

[@SmertimbaGraphics]

Yeah, just don't add a solid layer as a background, then export it as quicktime, here's a quick tutorial on exporting transparent videos: kzbin.info/www/bejne/fZy2hIJ9r5uYl6c

[@MattiaGuido-qk4nv]

@@SmertimbaGraphics thank you for the super quick response!!

[@captureczrider]

​@@SmertimbaGraphics Thank you so much brother

[@silviane.mrocha]

isso está perfeito, muito obrigada pela aula

[@SmertimbaGraphics]

Welcome❤

[@DigiNeko]

sir, u r mvp ! thanks a lot !!

[@SmertimbaGraphics]

Thank you😁

[@ambcreatives]

OMG!! Thank you for creating this tutorial!! Subscribed!! 💖💖

[@SmertimbaGraphics]

My pleasure, enjoy ❤

[@dylanels8307]

That was a Fantastic tutorial! Thank you!

[@SmertimbaGraphics]

Thank you so much 😊❤️

[@berkkarsi]

Amazing video. I love the way you explain it so simply. You sir have earned a subscriber.

[@SmertimbaGraphics]

Thank you, welcome💯

[@AndriiBilous]

Outstanding! I love that! Thanks a lot for your videos

[@SmertimbaGraphics]

My pleasure!

[@nestledlb9792]

man legend best 5 am course/vid

[@SmertimbaGraphics]

😂♥️

[@CRIMELAB357]

Just what I'm looking for! Thank youuuu mate, 🍻 Subscribed.

[@DaftRebel]

Thank you very much! This was so helpful!!! For 4K the numbers have to change, but it was very comprehsive

[@SmertimbaGraphics]

Great to hear❤

[@sjdjjdsjdjdjd796]

thank you so much, I really appreciate your help, keep going

[@SmertimbaGraphics]

Happy to help❤

[@arafatproductions]

looks really nice bro. white or other background color will give more gorgeous look.

[@SmertimbaGraphics]

Thank you

[@arafatproductions]

my plsr

[@nitingaur975]

It was such a nice tutorial I have ever see.

[@SmertimbaGraphics]

Thank you😊

[@passion_proh-jects]

That's beautiful!

[@SmertimbaGraphics]

Thank you!

[@spenkle431]

This is such a great tutorial, thank you so much

[@SmertimbaGraphics]

Welcome, enjoy❤

[@HA1FGHOUL]

love this piece, thank you!

[@SmertimbaGraphics]

Thank you too!

[@ysabelmariacartago-garcia265]

thank you for this! you have helped me in tremendous ways. :)) keep it up :))

[@SmertimbaGraphics]

Thank you for watching 😊

[@PJ-pw7tw]

Qué hermoso efecto. Excelente tutorial, muchas gracias.

[@yasirshaikh2922]

Superb really superb, i like it very much sir, you teach us very well sir, really thanks again to share pixel logo animation, biggest like fully played, thanks thanks thankssssssssssssssssssssssssssssssssssssss

[@SmertimbaGraphics]

Hey, thank you for the support 😁❤️ Enjoy💯

[@ИгорьИльин-ь4ш]

Very, very nice!! Amazing effect!!! 👍👌

[@SmertimbaGraphics]

Thank you mate 😊

[@MrTidx90]

Major thanks for this one!!

[@SmertimbaGraphics]

Welcome💖

[@r-21shikuto39]

broo thx, this helps me so much :)

[@SmertimbaGraphics]

Happy to help

[@joeleowproductions]

Great tutorial. Appreciate it🤙

[@SmertimbaGraphics]

My pleasure!

[@rofi5991]

I LOVE THIS THANK YOU VERY MUCH!

[@OddClarity]

I learnt a lot thanks! *thumbs up* indeed

[@SmertimbaGraphics]

Glad to hear!

[@melanyartz7565]

Epic tutorial, thank you

[@SmertimbaGraphics]

Happy to help!

[@AnimeCore555]

本当に最高です！！！ありがとうございます！！✨

[@SmertimbaGraphics]

ありがとうございます、楽しんでください

[@demna0000]

really nice and helpful video! great job.

[@SmertimbaGraphics]

Thank you😊

[@juansarabia3849]

wao!!! lo hice con traductor ya que no entiendo el idioma y me quedo bueno gracias.

[@frankarmony6882]

Wooow! Thanks a lot man.

[@SmertimbaGraphics]

You're welcome!

[@DaviBarboza-om2oq]

AWESOMEEEEEE

[@litti160]

thank you, your videos help a lot

[@SmertimbaGraphics]

Glad to hear that!

[@thehighnoons]

It works! Thank you!!

[@SmertimbaGraphics]

Great!

[@Daftphere]

what a king thx

[@SmertimbaGraphics]

Enjoy😁✌️

[@AlternativeGeopolitics]

How do I do this for a transition for the whole screen not just a logo? Amazing video

[@SmertimbaGraphics]

Replace logo composition with anything else at the beginning

[@sergio_motion]

Awesome tutorial! Thanx

[@SmertimbaGraphics]

You're welcome!

[@lynneholman891]

Great video, thank you, but I do not have the track matte options you do - I tried a google search and can see other people having a similar issue. Have they moved somewhere else following an update maybe?

[@SmertimbaGraphics]

It's been slighlty redesigned in 2023 version. Now all you need to do is to select the layer from the track matte menu drop down and it's automatically set to alpha matte, to invert the matte check the second box to the right

[@AIVisualKevin]

This was so perfect for the logo outro for my client. Is there an easy way to create a script for this to where you just replace the logo and tweak some params?

[@SmertimbaGraphics]

Once you create the animation once, then you can replace the logo in the logo composition, only thing you will need to adjust is the size of the logo to match it with the previous one

[@jensverhagen]

really nice tutorial! one question! for some reason i dont see Alpha inverted in track matte i just see my composition LOGO file. where can i find it elsewhere?

[@SmertimbaGraphics]

Thank you. Track matte looks different in recent version, basically you have to select the layer from the drop down, and to make it inverted you check the second box to the right

[@humpakgamerz853]

Nice Logo In after Effect Fantastic tutoria Thanks You

[@SmertimbaGraphics]

Thank you😊

[@DEERCHING]

Very nice effect,thank you!

[@SmertimbaGraphics]

Thank you too😊

[@MyPodcastFamily]

great video brother!! thank you!

[@SmertimbaGraphics]

My pleasure!

[@ChrisFoxSports]

How do I start the effect in the middle as shown at the beginning of the video? Absolutely amazing tutorials! So easy to follow and spot on with the directions! TY

[@SmertimbaGraphics]

Thank you ❤ Instead of keyframing the position from left to right on the shape layer with turbulent displace, keyframe scale from 0 to 100, make sure the anchor point is in the center of the shape though.

[@daystory5]

thanks for tutorials

[@SmertimbaGraphics]

Thanks for watching them❤

[@adskyparadise8846]

Thanks you! 👍

[@SmertimbaGraphics]

Welcome!

[@alanx6963]

eres el numero 1, gracias

[@khaledpascal_edit]

U the besssst bro i love u

[@SmertimbaGraphics]

I appreciate that♥️

[@niteshkumar-sr8lj]

Amazing and outstanding work 🙋‍♂️😅👏

[@millecinematics]

Can this be done to subjects like people instead of logos wondering cause that may be cool to try out as an effect?

[@SmertimbaGraphics]

Sure, it works with anything you put inside the logo comp

[@sanspseudofix8814]

Amazing thanks you🔥🔥💕💕

[@SmertimbaGraphics]

You're welcome 😊

[@LeonardoMoreira-pz3qu]

This is fire

[@user-gy3vi1lt5n]

Cool effect. Would this process work for utilizing with real life footage? Like lets say i want someones to digitally materialize something in their hand with this effect. The way i intend to make that scene would be to film a shot with the hand empty, and then anither shot with the object in his hand, and then layer this effect in top to make it look like hes creating the item. Would this tutorial also fit that scene?

[@SmertimbaGraphics]

It should work just fine. As long as it looks good try it😁

[@editinglessons4509]

thanks a ton man !

[@SmertimbaGraphics]

You're welcome!

[@Plusmonkey]

Thank you!

[@S4MARON]

for the newest version auf ae there are two new buttons for alpha and inverted for the trkmat right next to it

[@CaaseX]

Hi mate! Since the title of the video says "No Plugins" I was wondering is there even an existing plugin for this animation? If so,whats it called? Amazing work btw! Keep it up

[@SmertimbaGraphics]

Hi, not that I am aware of. Maybe a project file itself used as a template😊

[@edwindigitalart8693]

good tutorial bro ♥

[@SmertimbaGraphics]

Thanks❤

[@renanrodrigues1432]

fantastic bro.

[@agustin__tin]

nice tutorial, thx

[@SmertimbaGraphics]

You're welcome!

[@carolinaraulino7508]

amazing! thanks for sharing that

[@SmertimbaGraphics]

My pleasure!

[@jpark324]

How do you create the one expanding from center? Do you just change scale size of shape mask layer?

[@SmertimbaGraphics]

Here's a video right about that: kzbin.info/www/bejne/hGa4la2Cr8x_mJY

[@lylecantalejo]

Very good Tutorial.

[@SmertimbaGraphics]

Many many thanks

[@kappadesign12]

Great! I think i might just earned some money bc of this tutorial

[@SmertimbaGraphics]

Happy to hear, enjoy ❤️

[@RealDKuz]

Great vid! Quick question - how do you make mosaic to start from the middle of the logo, instead of going left to right (second Snapchat logo at the beginning of the video) ? Many thanks.

[@SmertimbaGraphics]

Thank you. To start from middle you have to use scale property, make sure anchor point is in the center and animate scale in the same way

[@mira-graphics]

Awesome tutorial sir.

[@SmertimbaGraphics]

Thanks and welcome

[@hernanquintana7708]

beautiful

[@SmertimbaGraphics]

Thank you! 😊

[@meticana26]

Awesome thank you! :)

[@SmertimbaGraphics]

You're welcome!

[@khalduras784]

If i want to keyframe the scale/position of the logo after the pixel scan, how do i make sure it doesnt still have the pixel scan effect?

[@SmertimbaGraphics]

You can precompose every layer at the end and then keyframe the necessary properties after the scan effect has been completed

[@evahelena86]

Thank you for the video. Very well explained! Not sure if it's even possible, but I am wondering if there is any way to reveal a more complex logo such as the infinity symbol by following the route of the loop. If you know any tricks could you please share them in a tutorial? Thanks!

[@SmertimbaGraphics]

Thank you. Can't say I've tried that, but it should be possible if you manually trace the areas with like a small shape layer instead of one big shape going from left to right

[@athletesonspot3591]

Instead of a logo would it still work with a rotoscoped video layer??

[@SmertimbaGraphics]

Yes, it will work fine as long as there's no background

[@yigitbatuk378]

Loved the vid, very helpful. Just have a question. Is it possible for me to do this for text or what should I keep in mind?

[@SmertimbaGraphics]

Yeah, anything you put instead of a logo will work fine

[@yigitbatuk378]

Hi, I tried to do it with a text but I find myself coloring the hole text instead of the transition line. Do you have an idea what did I do wrong? @@SmertimbaGraphics

[@SmertimbaGraphics]

Did you put text in the logo comp?

[@yigitbatuk378]

Yes. @@SmertimbaGraphics

[@SmertimbaGraphics]

Try downloading project file and do it that way

[@rjartscbe]

thankyou sir 🤝🤝🤝

[@SmertimbaGraphics]

Welcome ❤️❤️❤️

[@blacarcangel123]

Gracias, nuevo Suscriptor

[@SmertimbaGraphics]

Thank you too

The most recent version of after effects does not have the same options under "Track Matte". All I can select is a layer. I don't have an option for Alpha Matte. Do you happen to know the workaround for this? Update: I think I figured that out however when I add mosaic nothing happens. I don't see the blocks at all.

[@SmertimbaGraphics]

Yeah, now you just set the track matte to whatever layer is needed and it's automatically set to alpha matte, to invert the matte you check the second box to the right

@@SmertimbaGraphics Thanks. I figured it out as well. Thank you for replying though. I'm sure others will run across the same issue and will appreciate your response. This noob loves your tutorials.

[@SmertimbaGraphics]

Yeah, I've been responding to a lot of people at this point😁 That's what I am here for any time

[@Yunfan-x2s]

great video, just one question, where is the “alpha inverted matte”in track matte? I can only find layer name in it

[@SmertimbaGraphics]

For new after effects just set the track matte to whatever layer is from the drop down and it's automatically set to alpha matte, to invert the matte check the second box to the right

[@leventkeskin8884]

GREAT!

[@SmertimbaGraphics]

Thank you