Fly Through Logo Reveal - Adobe After Effects tutorial

Want to reveal a logo by flying through it? Then this is the Adobe After Effects Tutorial for you. Zoom through a logo shaped hole in a background as you animate on the logomark, wordmark, whatever mark of your choosing. Zoom! Excellent for transitions, outros, intros, and much more.
If you have any questions just let me know in the comments.
Download this project file:
evanabrams.com/blog/1276-2
gumroad.com/l/GmFda
Twitter
/ ecabrams
Google+
plus.google.com/+EvanAbrams/
Facebook
/ 193708234045591
Website
Evanabrams.com
Suggest a tutorial topic: docs.google.com/forms/d/13A2e...

[@b8la]

I always think of asking tutorials that I would like, but ended up surprised by what you decide to show. I have downloaded all your tutorials and watched them many times on the train while going to work. I don't get tired of thanking you for the simplistic, explicative and creative tutorials you provide us every time!!!

[@ECAbrams]

We do take suggestions and requests. What we do with them after we take them is, however, a mystery.

[@bindinggames8224]

Great tutorial as always Abram, very helpful and in detail.

[@biobff994]

Evan! Thank you SO MUCH for your tutorials! They teach all the really slick stuff that I'd love to learn and incorporate into my channel. Also, you are hilarious! I never thought I would laugh so much watching screen captures. Please don't stop!

[@ericrdoesitbetter]

PLEASE NEVER STOP THESE

[@DanieleTrapani]

I'm glad you're back, Evan! I love your tutorials.

[@ECAbrams]

I'm working my way up to weekly posts one tutorial at a time. It's a real lifestyle change.

[@tharkuns]

Thank you so much! Always I follow step by step your tutorials I achieved my expectations and I learn something new. I really appreciate the value of your share. Love your style !

[@DrempDK]

Really cool effect, thanks Evan! Also learned a lot of nifty things, such as the sunshine button and the reverse keyframes feature, thanks!

[@asplodedview3972]

I really can't thank you enough for your tutorials, Evan. You've taken me from absolute hack to almost passable hack in a matter of days.

[@ECAbrams]

Glad you dig it. We're all new to something once.

[@amrsalih]

Finally a tutorial, i missed you man and your tuts. good tutorial as usual

[@matthewk2954]

Thank you for the tutorial! I love the humor in your commentary

[@junohealth]

Thank you for making me seem smart, savvy, and talented. I'm super appreciative of all your videos!

[@ECAbrams]

That's great! When I want to seem smart, I just wear a tie. ;)

[@RemoFiore]

Love it, welcome back

[@EltonJohnSander]

You just changed my life with the continuously rasterize button. I could kiss you right now!

[@nastycherry123]

I FEEL U BRO

[@Rumblepit]

Glad to see you posting more. I've learned so much from your videos.

[@ECAbrams]

Me too. Happy to hear the channel helps.

[@rudolfreck6108]

Great Tutorial - thank you, and btw: Stache is an absolute must have product...

[@valentinjr6237]

Thank you for explaining the line behind the logo!

[@xrickynguyen1]

Very easy to follow. Thanks a bunch!

[@WojtekWilk]

Sir, you are AE wizard. Became lifetime fan!

[@zkin3945]

One of the best tutorials i've ever seen

[@ECAbrams]

Thanks!

[@filipinon]

Mr. Abrams, within the couple of months I've challenged myself to learn how to create motion graphics via Illustrator and After Effects. I've a heavy Photoshop user. I've been through about about ten different KZbin tutorial channels and came across yours this morning. I found your video to be entertaining, informative and very well organized. Please keep cranking these out, as I'm eager to start this journey with you. Muchas Gracias, from West Texas.

[@ECAbrams]

I'll try my best. Just out of curiosity, when people say "West Texas" do they usually mean the town of West in Texas or just somewhere on the west side of Texas?

[@filipinon]

West Texas as in the broader picture of the entire state. I'm as West as Texas gets, El Paso! San Antonio, on the other hand, is when you start getting to South Texas but quite as south as Laredo. I've subscribed to your channel and your teaching methodology is super. Please keep up the great work and if we can help you out with any ideas or inspiration, please don't hesitate to reach out.

[@ECAbrams]

I'm always open to suggestions. Saves me having to think of topics :)

[@SamplersAndThings]

Thanks for taking the time to make these tutorials. They've helped me at work a few times. I owe you a beer.

[@ECAbrams]

No worries. I'm happy to hear they help in the way they're meant to help people.

[@activityenthusiasts]

This video is still very helpful. I have watched it about 18 times because that's how long it takes me to learn new things. I made my own video and my mom was really impressed.

[@ECAbrams]

Congratulations. My mom is still not impressed, but is supportive all the same.

[@AhKiOye]

very cool. thanks!

[@ECAbrams]

You are very welcome.

[@abndnd2735]

THANK YOU SIR!

[@gabronson]

Hey Evan! I really appreciate your videos. I`ve learned so much from them. You helped me get a job, man! I owe you a beer or something. Thank you! Cheers from Brazil.

[@ECAbrams]

I couldn't say no to an Eisenbahn or 2. Glad to hear the channel helps people. :)

[@adorableandray]

Instasub after the first "wheee" : ) Thank god I bumped into your 3 year old tut here. Props from Russia sir.

[@canonremote]

Excellent Abram. I definitely learned something new. One question, let's say i wanted my color logo to reveal at the end, instead of black, how should I do that?

[@MacGuruVideos]

Awesome tutorial! I might try it out :)

[@lastfire77]

You've posted this before you could even possibly watch the whole thing.

[@MacGuruVideos]

nikola jokic Haha, yeah I watched the beginning 5 minutes of it only. I'm not going to watch the entire thing because I'm not going to remember. I'll watch the whole thing step by step once I'm trying to recreate it :)

[@chandraguptaroy]

Amazing.

[@StongePWilde]

Pretty awesome effect! :D

[@ECAbrams]

Thanks. Glad you dig it.

[@divyanshugupta511]

best tutorial bro loved it... but plz upload more frequently

[@mohammadmurad8758]

thank you , you are great man

[@cleverdarkelve]

Nifty beans! I'm a bit of a *cough* newb and was trying to find a tutorial for some other thing. When I couldn't find that I started randomly watching your tutorials to stave off my poor attitude. Now I want to make all the things! All of them I say! Please download your brain into my dropbox. K, thx.

[@anurag2402]

If I ever stumble upon you while visiting Canada, beer's on me! Amazing content, Evan. Kudos!

[@ECAbrams]

Glad you're into it. Stay tuned for more soon.

[@anurag2402]

Of course I will :) Your tip about editing the speed graph of motion keyframes has single handedly transformed my animations from phenomenally shitty to a little less shitty. Thanks again man :)

[@gustavohenrique9559]

Very good as always

[@aikonni]

Nice tutorial Could this work for multiple videos and images in the same composition?

[@Azuniite]

keep slayin bro

[@bobzebuz]

great!

[@ristoilic3988]

Thank you

[@hamzamughal1354]

it was helpful

[@camilamachado3327]

Cool cool cool!

[@Andee...]

yay another video :D keep it up

[@ECAbrams]

Thanks, I'll try.

[@Brownboy42069]

Could you make a tutorial on how to do transitions in the style of 'Watchtower of Turkey'? I'm not really sure what to call the effect or what to type into Google lol. Basically the smooth transitions that move shots into one another.

[@fredoviola]

Love your tutorials! Quick question about this one... Why do you animate scale rather than making the layers 3d and animate position?

[@ECAbrams]

Simplifies the process. If it's easier for you to do the other way and that makes sense for you, do what you feel.

[@DeanWall]

Thanks Dude!!

[@brendawhite6309]

super cool

[@sheridanflynn]

Thanks bra. I'm gunna do this.

[@RyokerDesign]

Great tutorial (:

[@ECAbrams]

Thanks, glad you dig it.

[@PhilippinesDarrellCheeks]

Awesome

[@ECAbrams]

thanks!

[@collincollin4466]

I like the way you relate after effects to life. Go in reverse next tine you feel lost.

[@asrafzizan5017]

Hey man, what is the best macbook for graphic design especially Ae?

[@ayoubelgharbi1496]

thanks you

[@ECAbrams]

your'e welcome!

[@milthankey]

Thank you 👌🏼

[@ECAbrams]

you are welcome.

[@dice4572]

wow!

[@wikituts4506]

Saludos desde México, genial

[@AnecProductions]

love this, thanks. i was wondering if you could do a tutorial on for example a video where you walk forward and as you walk thete is stable text on the ground for example and as he walks it disappears sorry if I'm not clear did tye best i could x)

[@ECAbrams]

You mean having someone walk over text placed in the scene? Like an artificial crosswalk or road paint?

[@ECAbrams]

Yeah I might get into that in a later tutorial. It's just solving the scene with the camera solver and putting in some 3d layers. Not much else going on there.

[@callyama]

badass.

[@thiroux]

Another great video! By the way, do you know where I can find the best settings for a Mac optimized to work with After Effects? I'm planning to buy one shortly. :)

[@ECAbrams]

I don't know if a lot needs to be "optimised". And Ae is only picky about the graphics card. Make sure the GPU is on the list of supported GPUs if you want to make use of the CUDA integration. Other than that, just have more hardware than the required specs for the software and you're golden. And it never hurts to max out your ram, but it's cheaper to do that after market anyway.

[@thiroux]

thank you, man!

[@thedude6867]

Can i use this in Premiere too? or do i need to cut the Video only in AE?

[@Nomovio]

How different of a process is this if the punch through is used for a webpage opening animation? Click enter site zoom through logo and main page is revealed. Im a noob, and need to know which programs and how to add it to a website i have through wordpress

[@OneCheapEric]

We missed you brohem!

[@ECAbrams]

I miss me too sometimes :)

[@OneCheapEric]

ECAbrams Haha, thanks for all your great tutorials! Learned a lot from you. Now if my old piece 'o piece computer could render them :)

[@EddietehFace]

this might be a dumb question, but what is the purpose of using a null object to apply the transformation instead of the logo itself?

[@FaizullahAria]

Hi Thank you for all these amazing tutorials. Can you make a tutorial on making hologram in AE please.

[@ECAbrams]

I think that depends on how you mean "hologram" exactly. You mean like how you see in the star wars? Or like a hologram you want to project somehow into the real world?

[@FaizullahAria]

yes the first one please! I mean the kinds we see in sci-fi movies like those high-tech glassy screens. Thank you again!

[@StongePWilde]

How can I do the same effect but with the negative space of the logo?

[@effectsmaster1]

I believe it'd just be Alpha Matte instead of Alpha Inverted Matte

[@JonathanSimananda]

will it look less optimal, if I use multi color in the logo used as asset?

[@ECAbrams]

Perhaps. I always recommend using fewer colours. But for this technique, the only requirement is choosing the positive and negative space that will be moved through.

[@SoftairUndercover]

the starting song it's so similar at the motogp06 one! (game for psp)

[@ECAbrams]

It's from the youtube database of songs available for creators to use free of charge. I'm sure it's been around a few times.

[@ogwhudz8353]

that stranger things intro is sik.

[@ECAbrams]

Absolutely. I'm a big fan.

[@dinapuspasari3162]

if i use old version of AE is there any way to fix the logo, there is no sunshine button in my AE :(

[@ECAbrams]

How old are we talking here? As far as I know, that option has been around since the beginning. Could it be you need to click the "toggle switches/modes" on your timeline to see the switches in general or do you see the other switches (like 3d, motion blur, quality and sampling) but not the "continuous rasterization" switch?

[@optimusjohnson9144]

This is amazing!! Just 1 thong tho.. do I need illustrator to trace my logo!??

[@optimusjohnson9144]

Just tried it, you do not... project completed... thanks Evan your a legend pal

[@ECAbrams]

That's true. Depending on the logo file you might even be able to use the "luma matte" option instead of the alpha matte option. Glad it worked out!

[@ir3dyplayz78]

What if I want another video around the white/ black space of the logo?

[@ECAbrams]

You could use the white space as a matte perhaps

[@kingkourosh2930]

What's the reason for not making the black layer 100% dark?

[@ECAbrams]

subjective style considerations.

[@yeeitsandyy]

How can I learn to do the negative space version? Very cool logo intro :)

[@ECAbrams]

I might get into it on another tutorial. It won't be much different except we start with a different choice at the start.

[@yeeitsandyy]

+ECAbrams cool! Been loving your tutorials :)

[@AndrewParker44]

I'm trying to do this effect but with text and when I add the scale to bring the text on, the speed of it is off. It's really slow at the start and then super fast at the end. How do I fix this?

[@AndrewParker44]

It's like it gets exponentially faster. And I want it smooth.

[@nyongotudor6136]

space out your keyframes, they are probably too close together and make sure your easing if you have them aren't going in a upward slope.

Thanks for this, very helpful!

[@ECAbrams]

Glad to hear it.

[@VictorOrdaz96]

Can I do the logo on photoshop, if so which format should i make it

[@ECAbrams]

I would recommend the .psd as a format. It's lossless after all.

[@VictorOrdaz96]

thanks sir, you are the best

[@hvaranhvaran]

where can I donwload the "WEEEEEEEEOOOH" and "WHOOOOOOO" sound effects?

[@ECAbrams]

Tough to say. I have to download them from my mouth every time I want them. Coming soon though, the ECAbrams After Effects mouth sounds pack.

[@scraftism]

Is there a way to instead of having a video behind it, make it an alpha channel so I can overlay the ending?

[@ECAbrams]

Certainly, you would need to use mattes and make sure you export with an alpha channel. It might actually be one step fewer. The main thing is to make sure you're exporting in a format that accepts rgb+alpha in the end.

[@scraftism]

@@ECAbrams Any chance we could get a walkthrough? Sorry new to AE and trying to learn!

[@mohamedomran6211]

is the sunshine res thing available only on the very new versions of ae or is it available on cs6?

[@ECAbrams]

It's been a feature since the beginner I believe. It's called Continuous Rasterization/collapse transformations. You may not be seeing it because you need to click the "toggle switches/modes" button to toggle between the modes you're seeing and the switches you would like to see? Maybe?

[@mohamedomran6211]

nvm, i see it now didnt catch my eye when i started but thanks for your help :D

[@ECAbrams]

No worries! Enjoy.

[@kredenzp.5468]

14:27 wise words

[@ECAbrams]

I'm a wise dude. Or at lease a wizened dude.

[@smoothaseggs84]

why did you use the null object to scale the logo instead of just scale the logo?

[@ECAbrams]

It allows you to attach other things to the null that will scale at the same rate. Also, it allows you to scale the logo up or down independent of the motion we are giving it if you need to reframe or compose you frame differently later. A null in the middle conveys the motion we want. If you were scaling the logo and it happened to not be in the centre of the frame since scale is based on the anchor point that would convey a different internal logic to the project right? That about covers it.

[@smoothaseggs84]

ECAbrams Ahhh, so wise. I have much to learn but thanks for the response, it was the answer I was hoping for, As it was a question and not a critique(don't want you thinking I'm one of those upity agressive comment types)

[@DeepFriedFrog516]

How about a glitchy edit? I would pay for such a tutorial.

[@ECAbrams]

We've actually covered such a thing in a previous tutorial. How glitchy are you looking to go? Like VHS tracking or digital artifacts?

[@joemalone6994]

yap

[@mannydrives]

Can you convert the AVI file to another format and still retain the fly through? DaVinci Resolve doesn't like AVI and when I convert to MP4, the cutouts are black and no longer reveal the clip below. Boo-urns!

[@ECAbrams]

You would need to render with an alpha channel.

[@mannydrives]

ECAbrams thank you for replying. I decided to go a different route. Cheers.

[@nmslesecnmbese917]

can I do it with a colored logo instead of black'n white one?

[@ECAbrams]

You can. You just have to make choices about what shape in the logo is going to be the hole, and instead of using a black solid to fade in, you'll use the colour of your choice.

[@nmslesecnmbese917]

+ECAbrams Thanks for the reply. I also wonder if a detailed painting is suitable to do it or not.

[@ECAbrams]

That really depends on what you want the painting to "do" as the logo comes on. Is it replacing the black solid in your vision of the piece? Really it's all going to depend on what you want to see happen.

[@TheHonchoofAllSpearheads]

jason statham isn't just a martial artist and an actor, but he's a professional AE tutor.

[@ECAbrams]

I'm also just as pleasant to work with ;)

[@poephila]

0:05 / 0:06 reminds me of orange clockwork!

[@ECAbrams]

It's a quality book/movie/musical theater

[@harbscantina]

I hope someone can help me as I'm starting to get a bit disheartened with AE. I use a widescreen monitor and have subbed to the cloud to try and learn some skills for video creation. I go through the initial process of creating a composition but when I do the black workspace/canvas is cropped off to the bottom of the window and if I use the spacebar to drag it up the top edge (or where it looks like that edge should be) seems to crop off the area. Using something like the pentool to create a diagonal line makes it appear below the field of vision and not in the workspace...I for the life of me have no idea whats going on with this. Apparently widescreen monitors are great for working with After Effects, but right now I cannot use the program with this issue. Does anyone have any ideas what's going on? I've asked on the Adobe forums, tried contacting their tech support (no one ever answers) but nothing - I would love this to work as I'm really trying to learn some skills for video creation. If anyone can help PLEASE DO! Thanks in advance. forums.adobe.com/message/9100228#9100228

[@ECAbrams]

have you tried zooming out your view of the composition? This is about the composition window right?

[@harbscantina]

Tried that - even at 50% the issue with the pen tool seems to still occur. Not sure if this is down to something like the screen resolution or not but I've never had this issue before.

[@ECAbrams]

This is the thing you wanted to DM me on twitter about right? What happens when you double click the hand and/or magnifying glass?

[@harbscantina]

Sorry about this confusion - I guess email is the better way to do explain things in more detail.

[@harbscantina]

Double clicking the hand seems ot set the magnification to 50% and the magnifying glass sets it to 100%. The bottom part of the black workspace is still cut off by the timeline window.

[@DigiDuncan]

Captain Disillusionnnn!

[@rickmoore419]

"the cubic scaling" .... I laughed a little too hard at the "mmmhmm"

[@Myerscough47]

Is tbis inspired by Stranger Things?

[@ECAbrams]

Oh no, It's more inspired by the many commercials that abused this look about a year back. We might do something like the stranger things credit text but that's some advanced magics to pull that look off right.

[@MrAlifarrukh]

My logo is in red colour, what to do in that case? I'm so lost

[@ECAbrams]

Which part of the logo are you meaning to "fly-through"? It might help to see the logo if possible.

[@MrAlifarrukh]

Btw I giggled my ass of on your tutorial . The best tutorial .

[@MrAlifarrukh]

So if you go to this website there is a logo of a house and kids pathwaysuites.com/contact-us/

[@MrAlifarrukh]

The issue comes in when I matte, I tried other options aswell but it doesn’t work well

[@ECAbrams]

So we basically want to push from this logo on a white background, I'm guessing, and end up inside the logo in the red area? Is that correct that the red should be the negative space?

[@thepariid]

weeeeeeeee... :D

[@ECAbrams]

It's vital to do the mouth sounds when using after effects :)

[@thepariid]

I agree.

[@SkeleCrafteronYT]

Stache reminds me of Snazzy Labs, idk why

[@ECAbrams]

Their logo is a bow tie looking thing right?

[@SkeleCrafteronYT]

+ECAbrams yeah. Maybe it's a combination of his logo + Quinn's actual moustache ¯\_(ツ)_/¯

[@user-rt1et3zw1d]

THE LOVLY - BEARD! BEHOLD FOR GOD!

[@ECAbrams]

Beards, they grow on you :)

[@Yungnicki]

gid

[@andya6569]

would have been a great idea if you ended the video with the intro you made

[@cuentayt7480]

The resemblance between your head and the yeti mic is disturbingly uncanny. Having said that, I really like your videos and I'm gonna use the stuff I have learned from you in my videos. Thanks a lot.

[@kredenzp.5468]

A check-mark-based shoe company...hmm, I wonder...

[@ECAbrams]

I think it's called Mike or Nuke or maybe Victoria. It's hard to remember.