After Effects Tutorial - Animate a fake 3D globe with 2D layers

After Effects Tutorial - Animate a fake 3D globe with 2D layers
Hey y'all. In this video I'll show you guys how to easily create a 3D globe effect using only 2D layers out of Adobe Illustrator. So you don't have to know anything about 3D modelling, it's just an easy trick!
____________________________________
Follow us on Instagram to get the latest updates:
/ campkeyframe
Join the community on Discord (more perks with Patreon):
/ discord
____________________________________
Don't hesitate to ask any questions you have in the comments! I will do my best to answer as many questions as possible.
If you liked the video, please consider hitting that like button! Subscribe to the channel to get even more tutorials (uploaded on a regular basis) and get your After Effects skills to the next level!
Thanks and enjoy :)
Bas
____________________________________
My most used plugins:
Flow:
aescripts.com/...
Rift:
aescripts.com/...
Motion:
www.mtmograph....
Overlord:
www.battleaxe....
Check out my tutorial as well: www.youtube.co....
Textevo:
aescripts.com/...
Buttcapper:
www.battleaxe....

[@SD-oe6vv]

Your quick tutorials are far better than lengthy boring tutorials on Lynda and Udemy. Great work . look forward for more.

[@CampKeyframetutorials]

Thank you for the kind words! :)

[@propulsetoi]

This is a great alternative to CC Sphere, nobody else show this method! I was having some issues when I was animated my planets with CC Sphere. Thank you very much, it was very helpful! Keep doing original tutorials.

[@CampKeyframetutorials]

Hey! I just saw your comment today! Thanks so much for the kind words :)

[@nathansalwowski1495]

Your earth's rotating in retrograde. We're all dead. Great tut though! Thanks! :)

[@CampKeyframetutorials]

th-cam.com/video/1ws33f6qys4/w-d-xo.html

[@terczerber5474]

really cool, didn't know the bulge effect, thanks so much!

[@aleksandardumic]

Awesome tut. I would just add motion tile effect on the planet, set the width to 300 and cycle (loopOut("cycle")) the position. Adios!

[@Potatinized]

i guess this is faster than trying to get that CC Sphere accurately. Right now my Australia is in Antartica.

[@Kavixiu]

Straightforward and easy to follow - thank you so much!

[@CampKeyframetutorials]

Hey! I just saw your comment today! Thanks so much for the kind words :)

[@zbuy5710]

this is what i needed thanks so so much

[@lonesmithfilms934]

Best after effects tutorial ever :)

[@CampKeyframetutorials]

Haha thanks man! :)

[@gipsyo4057]

That was exactly what I needed! Thank you so much! :)

[@ams4043]

I can just tell this person speaks dutch, great video!

[@CampKeyframetutorials]

Haha yeah I'm Dutch! :) Thanks for watching!

[@ams4043]

@@CampKeyframetutorials Ik spreek Vlaams! Ik heb je video gebruikt en heb fantastische resultaten! Nogmaals bedankt!

[@CampKeyframetutorials]

@@ams4043 Top om te horen! :)

[@esatel1]

Great video! This got me started. Wrong direction on the spin though.

[@ethanjones7418]

This is excellent. Really appreciate this tutorial. Thank you.

[@bookstoread5036]

Thanks for this easy and straighforward tutorial.

[@matiremi]

Thank you! Really needed this tutorial!

[@lenjaminbang]

Thanks so much for this. Have a good one!

[@mochidangov8933]

Great trick to learn for a beginner like me. Thank youuuu

[@CampKeyframetutorials]

Ah that's great! :)

[@yashvisiroya246]

Thanks for the video. I tried and it came out well. I'm satisfied with the results 😌😊

[@elmoproduction1312]

Thank You so much ....... short and amazing and a lovely voice, Just brilliant.
I'm gone keep watching Ur Videos that for sure.
Elmo a Sudanese in the Middle East (Qatar ). See in Qatar 2022.

[@CampKeyframetutorials]

Hey! I just saw your comment today! Thanks so much for the kind words :)

[@elmoproduction1312]

@@CampKeyframetutorials I'm still watching and learning :) .

[@angiee5644]

thank you! this helped me so much for a school project

[@CampKeyframetutorials]

Awesome! :) Glad I could be of help!

[@gbzanatta]

Dude! So clever! I loved it.

[@CampKeyframetutorials]

Hey! I just saw your comment today! Thanks so much for the kind words :)

[@pholmes7123]

your tutorial saved me! thank youuu sm

[@mujtaba135]

You are Awesome. and deserves a like.

[@neelpatil1492]

this was really great to watch. Thanks alot!

[@FLOWTUTS]

you could just use cc sphere but this is an intresting effects too

[@CampKeyframetutorials]

Yeah indeed. This is just an easy little trick which also works :)

[@nolyze]

thank uu !! your whole channel is just .. wow

[@CampKeyframetutorials]

Thank u!!! :)

[@mohamedtoufikbouchala5492]

thanks for the tutorial man still useful in 2020

[@CampKeyframetutorials]

Great to hear! :)

[@FeelgoodFootage]

Really cool tutorial. Thank you. You've inspired me to make my own.

[@Mr.Sanjay_Mahato]

thanks i really need this tutorial but not found any where. also thanks for simplifying the steps

[@CampKeyframetutorials]

Awesome! :)

[@mr.DH98]

Awesome!!!! Thanks for tutorial 😄

[@clarian80]

so helpful!! thanks so much

[@jordynmoore5775]

this is amazing! thank you!

[@vidswork-for-business]

Nice. Thank you!

[@lyoyo7499]

Thank you so much, this is amazing

[@bentsman]

exactly what I needed, thank you!

[@CampKeyframetutorials]

Hey that's great! :) Thanks for watching.

[@16Ramisha]

loved it made it easy

[@jansen2892]

Wasted no time getting to the point. Great tutorial. Subscribed!

[@CampKeyframetutorials]

Awesome, thanks so much! :)

[@ancora966]

Nice and sweet tuto!

[@zlyrys]

This tutorial is great. However, Earth is spinning the other way round :) Still great vid though!

[@leelameka]

Thank you.

[@abhishekpainuli3957]

Thanxx a lot....you made it very easy.

[@CampKeyframetutorials]

Ah great, thanks for watching! :)

[@fhavlik6502]

Thank you!!

[@Whaskalmanik]

Thank you for easy tutorial, well done!

[@CampKeyframetutorials]

Thanks! :)

[@LumPeyCusTerEd]

Thanks for the tutorial. Now the only thing is, how do you make the map in a continuous loop around the globe?

[@AjinkyaGajbhiye10]

Have multiple maps stacked one after another so as to create a seamless loop.

[@casprod.1017]

motion tile

[@lawrydenyer]

very to the point, very insightful. Dank je!

[@CampKeyframetutorials]

Awesome, thanks! :) Graag gedaan 😉

[@lindgrenYT]

Fanstastic tutorial! Thanks :D

[@CampKeyframetutorials]

Awesome! Thanks for watching :)

[@TheMsjohn99]

This is buldgetastic!!!

[@xavier_bordem]

Smart!

[@travelpockets]

This was super duper helpful. Thank you!!

[@CampKeyframetutorials]

Awesome to hear :)

[@toothless2250]

minus front deletes one circle

[@aprilyang4835]

Nice trick! Very useful!

[@CampKeyframetutorials]

Thank you :)

[@vasyll.3762]

Thnx a lot!

[@Eimanshka]

Thank you!!!

[@amirthalingam9771]

This is fantastic!

[@CampKeyframetutorials]

Thank you! :)

[@alfazastd.5241]

thankyou bro!!!

[@GokdenizCetin]

Thanks!

[@OibPC]

Can i download this project?

[@spyke9610]

anyone know how to "put" a text like a date that follow the movement of the earth? thanks a lot

[@peterllanos8532]

Thanks mate!!!

[@CampKeyframetutorials]

You're welcome! :)

[@venusegitim]

cool

[@depiktist]

great video!

[@smtgaikwad8]

thank you :)

[@arduousPopsicle]

Thank you dude!!!!!!

[@CampKeyframetutorials]

You're welcome! :)

[@javiercuellar5993]

Tnks!!!! so easylearning!!!

[@CampKeyframetutorials]

Hey! I just saw your comment today! Thanks so much for the kind words :)

[@PrinceFailureofNoobsX]

do you have the link to the world map vector image you used

[@CampKeyframetutorials]

Here are the project files :)
drive.google.com/drive/folders/1Qr-nas4GkmVK73p63j0Eq6IDFTXDayd_?usp=sharing

[@user-tg8tz8ro6b]

great ! thanks

[@timmyparas1648]

Genius!

[@CampKeyframetutorials]

Thanks! :)

[@evarohlsberger3210]

Thanks that was very helpful :)

[@CampKeyframetutorials]

Hey! I just saw your comment today! Thanks so much for the kind words :)

[@noman101]

i knew how to do that. but forgot the basic steps ......thanks mate

[@CampKeyframetutorials]

Awesome, glad I could help! :)

[@FLOWTUTS]

congrats on 1k guys ;)

[@CampKeyframetutorials]

Thank you! :)

[@edualvarado4109]

Te amooooooo! Gracias

[@colacandy5066]

can you make it a loop?

[@ryan-hg2dc]

00:32

[@Sladebruh]

It's so good but where can u get the globe and the map?

[@joetucker4]

Great tutorial, thanks. How do I make the globe or the map rotate continuously, so its rotating all the time never stopping and so that it is seamless?

[@vieuxchene4782]

I don't know if it's the best idea since I never used After Effects before that but what I did was that, using photoshop (where I did the planisphere), I duplicated the layer several times (6 in total). I drew a straight line representing the axis I was planning to make my earth "rotate". And then I copy pasted the 6 planispheres side by side along the line, before fusing them in 1 layer. I don't know if I'm clear enough in my explanation but basically it looked a bit like those paper garland of people you do when you're a kid. Then, I set 10 seconds between the two first positions so it took the globe 10 seconds to finish one turn. Since there was 6 times the same planisphere, you end up with a globe rotating for 1 minute. But if that's not enough, all you have to do is make sure the very last frame of your video is the exact same a the very first one. Switch between those 2 positions to make them match, then you just have to copy past your 1minute long rush to last as long as you want !

[@gunayfarzalibayli2172]

perfect

[@emge6921]

is there any way I can find the 'green land' part bcs I need to make this project for school but I can't find it and if I can't finish this on time I won't make this year can you please reply and help me out of send me your project file? I'm having a mental breakdown and you could really help me thanks.

[@CampKeyframetutorials]

Here you go! ;)
drive.google.com/drive/folders/1Qr-nas4GkmVK73p63j0Eq6IDFTXDayd_?usp=sharing
Good luck with you project!!!

[@emge6921]

@@CampKeyframetutorials thank you so much! I really appreciate it. Love from Belgium :)

[@LeanWithLuke]

Hey man any way to download this as a video?

[@saxyj5543]

very helpful tutorial - your earth is rotating in the wrong direction though hehe

[@CampKeyframetutorials]

Haha yeah somebody pointed that out to me earlier 😂 Thanks for watching though!

[@saxyj5543]

@@CampKeyframetutorials I used your technique at the end of my video th-cam.com/video/vfBcqY2B0Pc/w-d-xo.html
Appreciate you man

[@philliphan1837]

it will be better if you add looping

[@malikrhoe6674]

Waar heb je die wereldmap vandaan?? Ziet er goed uit

[@kennethsonntag1581]

Zou je dat Illustrator bestand online kunnen zetten?

[@alirezasajedi3354]

Thanks for the tutorial . but this effect (Budge) is not in my after effect?please type Budge word.

[@CampKeyframetutorials]

Hey! It's called 'Bulge' with an 'L', not Budge ;)

[@alirezasajedi3354]

@@CampKeyframetutorials tnx very nice!

[@yellowlila]

Hello! Nice tutorial. Can you give the maps please!

[@CampKeyframetutorials]

Don't have the project files for this anymore unfortunately, sorry :( But thanks for watching! :)

[@amandangi__]

Hey man can you get me the raw map layer png
great tut

[@samuelsimoes8108]

Parabéns!

[@cmale911]

"This is now the size of my bulge"

[@andrianastarr2482]

I checked the comments immediately after hearing him say that. Was not disappointed.

[@adamwisniewski6074]

How loop it?

[@paulbrouwer610]

Could you make another video where in you loop it and export to gif?

[@DinomadeAventura]

Get one full cycle done. Pre-comp and duplicate it. On your timeline, move the duplicated clip above the other copy where it ends until it loops. Export it as a Quicktime RGB + Alpha file. Open in Photoshop and export as a GIF. Or you can use GIF Brewery (Free) and record the screen if you don't need transparency.

[@Marco-of3cu]

Hello, I tried this effect, but unfortunately, the bulge negates the continuously rasterize on my vector globe. (or more accurately, turning on continuously rasterize button turns off the bulge effect).
I don't see that happening on your version, is there a trick to avoid this?
thank you.

[@CampKeyframetutorials]

Hey! That's weird. Are you using an adjustment layer to do the effect? Because that shouldn't affect your layer. If you still can't get it to work, you can try to convert your .ai layers to shapes. This way you don't have to check the continuously rasterize button but your layer stays sharp. You can do this by right clicking on the layer and selecting: Create -> Create shapes from vector layer. Hope this works! :)

[@Marco-of3cu]

@@CampKeyframetutorials Thank you so much for the reply. I am using an adjustment layer, but I pre-composed it all, and when I use the "sun" button, it basically nullifies the bulge.

[@mortalkaiban]

What if when I opened the new adjustment layer I get a white screen?

[@CampKeyframetutorials]

Hmm that's weird. So when you add a new adjustment layer, the screen turns white? Does the white screen disappear when you hide the adjustment layer?

[@FoxyGraphics]

What plugin you're using for see ''Flow'' panel?

[@CampKeyframetutorials]

I use the 'flow' plugin, you can buy it at www.aescripts.com :)

[@FoxyGraphics]

@@CampKeyframetutorials Thanks!!🥰

[@lucasvega2534]

En ESPAÑOL el efecto es ABOMBAR.

[@margaryta411]

would you share your pngs?

[@CampKeyframetutorials]

Hey! Unfortunately I don't have the files for this project anymore, sorry.

[@peaceofsouls9164]

can you upload the ai file please bro

[@mehdielasfari5425]

where we will find this world map ??

[@CampKeyframetutorials]

Don't have the project files for this anymore unfortunately, sorry :( But thanks for watching! :)

[@thetoastwiththemost]

How do you loop this effect?

[@apixelatedpointofview]

Actually, I had to do that this morning. I followed this tut to create the earth effect and had to change it a bit to create a perfect loop GIF
1. Put your map in the comp. Copy and paste the map and put the start of the map close to the end of the map.
2. Create a null object and link both maps to the null object.
3. Set keyframes on the null so that your map moves. precomp the null and both maps.
4. Go to the first keyframe, and put some guidelines on a spot of the map that is easy to recognize (Command/Control+R and then hold left mouse button while dragging away from the guideline measuring bar to place these guidelines. I recommend to do it horizontally and vertically so it will be a perfect loop) so that you know the initial position. Go to the second keyframe and make sure that the animation also lines up to the guidelines.
5. Do the matte thing as in the tutorial.
6. Create a adjustment layer, add the bulge.
7. Make sure your composition ends at the exact point in time as the second keyframe
7. Now you should have a perfect loop. If not, add 1-2 frames to the composition length and cut accordingly.

[@thetoastwiththemost]

@@apixelatedpointofview Thank you so much this is really helpful!

[@TheStonedweedsmoker]

Nice video. you can never get rid of a dutch accent i guess.

[@CampKeyframetutorials]

Haha yeah it's horrible. I just accepted it i guess because I'll never be able to get rid of it 😂

[@TheStonedweedsmoker]

@@CampKeyframetutorials eighter way, keep up the amazing work.

[@torteflorte]

damn you're so dutch hahaha

[@CampKeyframetutorials]

Haha YEP!

[@torteflorte]

@@CampKeyframetutorials We herkennen elkaar uit duizenden 🙌

[@richarddukard8989]

3:47 "this now, is the size of my bulge" *circles the globe
That's what she said

[@CampKeyframetutorials]

Hahahahaha yeah I've been called out for that line before here in the comments 😂