How To Create 3D Spinning Logos in After Effects

Learn how to turn your flat vector graphics into these 3d spinning designs in Adobe After Effects. This is a quick and easy tutorial that allows you to bring your flat graphics and logos to life, whether its for a loading animation, add some motion to your portfolio or spice up you clients instagram stories. I will also be showing you how to create transparent gifs from these and easily use them on your instagram!
If you post your work on instagram, don't forget to tag me! I will be sharing all works onto my story.
→ My Instagram
/ _louismoss
→ City Soda Club
/ citysodaclub
citysoda.club
→ Sean Sinclair
unsplash.com/@...
/ seanwsinclair
--------------------------------------------------
→ Intro Credit:
Produced by octilary
/ @octilary
→ Music Credit: LAKEY INSPIRED
Music By: LAKEY INSPIRED @ / lakeyinspired
Official "LAKEY INSPIRED" KZbin Channel HERE - www.youtube.co....
License for commercial use: Creative Commons Attribution 3.0 Unported "Share Alike" (CC BY-SA 3.0) License.
Full License HERE - creativecommon....
Music promoted by NCM goo.gl/fh3rEJ

[@NXRTHROAD]

Instagram sticker tip was clutch 🔥

[@taegyudesigns]

Thank you sir you saved some of my projects

[@alexdasilva1856]

Thank you! Definitely going to use this for my portfolio!

[@FettyKamp]

Hey if I pay you 5$ on cash app can you make me one using my logo ?

[@CEC_HDZ]

@@FettyKamp Ill make it for you for $5

[@Parc--Ferme]

Mate, thanks for this!! I had High Quality instead of lossless and RGB + Alpha was greyed out but I button smashed until I figured it out and it worked a treat.

[@ticho3243]

comment saved the day

[@toallthecrowdedrooms283]

do you remember what you button mashed in order to export with a transparent background? nothing is working for me.

[@AlexRodriguez-ci4wr]

thank you man ! keep up that great work !!

[@romandelatorre]

As always coming in clutch, you're great man!

[@felixausbildung9652]

great video mate

[@Mursfilm]

bro thank you so much subscribed

[@TheJanoer]

awesome video. extremely helpful

[@stelliographicdesign]

bloody awesome man!!! Thank you

[@jasmineloren]

🔥 thank you!!

[@BLAKEANTHONYROBSON]

It's a great 360 video. Thanks very much.

[@oojii6285]

Bro!!!! This is sick

[@limbotvperu6867]

dude i like your stile its minimal but effective should def upload more! you have a friend in Lima peru if you ever come down to visitr bro i do videography too! cheers!

[@anwarthemouse5342]

Your videos are so helpful!!! THANK YOU

[@MuhammadZakaria-tq3zw]

cool

[@SnurX]

Love it, is it possible to give the logo a chrome texture/reflection in aftereffects? And how

[@hustler2980]

Coolllldddd video man. Thanks man

[@Incasive]

goated for this one

[@bryansantos772]

i love you mate

[@theokrvsi5180]

🔥 nice video 👍 share more

[@barakshahbaz3822]

Could you do a video breaking down how you this specific logo with the spinning text in Illustrator please? Like when I search how to make a logo in illustrator all these crap generic ones come up but I want to make a sick looking logo like your one, in illustrator before going into after effects to make it spin and turn it 3D. Thanks man!

[@archierelf32]

man loves his sofas tbf

[@underpressurex]

Who is that In your profile pic I saw that video the other day..

[@donttellmymama9741]

Thanks! 🙏

[@laculture615]

thank you so much

[@FettyKamp]

Hey if I pay you 5$ on cash app can you make one for me using my logo ?

[@TheOfficialProcess]

fire bro thank you

[@tommydarbone]

super nice

[@robertpatterson6833]

Having issues with the extrude function. Clicked the 3d box, in Cinema 4d renderer but no extrude option in the geometry options. Tried to create shape from vector but thats greyed out in the layer menu as well... Any suggestions?

[@robertpatterson6833]

Using a PDF file

[@maxb561]

same problem

[@codyquillin8692]

Hey Louis, great content here. Was curious how to do this same thing but to a logo with more color and some gradient. How would I go about that?

[@jaredewell6177]

You’re amazing

[@rainydaysradio6142]

My text already outline from Illustrator, but when click "Create shape from vector layer" the text is only outlined instead of being filled

[@wildsurvivalskills]

So I create an EPS or AI file of the logo to the left here... and when I import it into AE it is pixelated. I've clicked the Continuously Rasterize button in AE, but still, it's pixelated heavily. Anyone?

[@AnthonyRiiizle]

same

[@gizhekhairelddine7109]

love it thank you :3

[@fforden]

How would you go about adding a chrome effect to a motion piece? Would it be the same as adding an environment layer? Great tutorial btw!

[@LouisMoss]

Up the bevelling on the 3D shape and make sure the reflections are high, then yeah you can add an environment layer if needed, but should like a chrome design naturally! (May need to play with lighting position a bit)

[@sofiarestrepo6370]

@@LouisMoss Could you please do a tutorial for this

[@b.b.4969]

@@LouisMoss double please do a tutorial for this :)

[@farhanrahmansyah2450]

got an unknown problem when i try to save it into gif. any solution?

[@kostantinh5238]

Hey do you solve your problem mate ? I got the same problem

[@farhanrahmansyah2450]

@@kostantinh5238 Try to use a third-party software to render it into a gif

[@PeterJavorkai_is_on_fire]

Awesome video Louis! Do you have some recommendation about picking up the details of After Effects?

[@LouisMoss]

Trail and error! Just set some goals of what you want to achieve and KZbin any techniques you can’t work out 💪🏼

[@geestar7190]

When I do it my text has a gray box over it and when i figured out how to remove the gray box my text is gone anyone know how to fix this?

[@ismoroubb795]

Awesome tutorials! I just have one problem, when I create a shape from a vector layer on my layers, I have a gray flate "cube" that appear, on wich I can control and add 3D effect but it's not my logo, I don't if that ever happened to you before, thank you for this channel and your time!

[@LouisMoss]

is your logo a vector/outlined before making it a shape layer?

[@ismoroubb795]

Louis Moss my bad, I work my logo on illustrator then pass it on photoshop to put some colour and effect so it lose his vector. Thank you!

[@nayeoncrack4289]

Hey there, my geometry options is greyed out. which renderer should i use ?

[@CheckChasersStudios]

geometry 4d

[@nickshirley8657]

@@CheckChasersStudios goat fr, scrolled so long looking for this

[@WlSDXM]

The sticker gif use to work but seems it doesn’t now. Anyway to get it to work again?

[@rosspeterson2658]

love this video! how do you keep the mask that you have on your logo from illustrator when you create shapes from vector?

[@amechiugwu1039]

Hey Louis, great tutorial! I'm having an issue. I've set the key frames as you showed, but after I exported and everything there is still a noticeable "jump" when the loop starts over. Not sure what I'm doing wrong.

[@LouisMoss]

Hey, Thank you! Make sure there is a full rotation between the two points and make sure that the points are right at the start and right at the end of the timeline (for the end frame you have to have it going half off the timeline to make sure its on the last keyframe like I did in the video) Should loop seamlessly if these are both correct

[@pabitelgracegaming185]

Ran into some problems trying to export media. Says it saved to desktop but when I open the file it says file isn't supported by Quicktime.

[@Pokzy]

Do you find a solution ? I have the same issue and can't import in photoshop

[@Alenochkamemina]

Boss!!!

[@peterlow632]

Really love the way you explain the various steps, brilliant for beginners like me... thank you... I do have a question.... I am running MacOS 12.1, iMac 5k retina - 3.3GHZ 6 Core Intel i5 and 64gb memory... but my system is a lot slower than yours. are there any settings that I can use to help speed my system. I followed this tutorial step by step, and your system seems far more powerful... any advice welcomed...

[@tristansunde3634]

Hey Louis, awesome video. I am having issues with photoshop. iits not allowing me to import the file.

[@Justapage01]

Great Tutorial, but for some reason I can’t drag my mov file into Ps, it’s saying “could not complete requests cause it doesn’t recognize the file”

[@LouisMoss]

I think there may have been an update.. stopping you from being able to drag movie files into photoshop. I’ll do some digging and find out a new method!

[@ashleygiles1506]

@@LouisMoss Hey Louis have you found anything? Mine works but is not transparent

[@syztms]

@@LouisMoss Any update on this? Still cant drag a .mov file into PS

[@propadolla2936]

please help its doesnt let me create shapes from vector , is it because my outline is not clean ?

[@eduardovelasquez5511]

Great tutorial but can’t see what you are doing due to the camera and also I can get the geometry to come out. The folder is empty, any advise ?

[@companydrew]

big up

[@explover5184]

Hey, got an problem to safe the GIF. If i try to safe it, it shows me a unkown problem. Do you know what I can do?

[@LouisMoss]

No sorry, Try re-exporting or using an updated version of photoshop (If not then I am not sure how to help on this one)

[@explover5184]

Louis Moss got it, thanks.

[@deadication9334]

Explover how having that issue rn with my windows, cant export it?

[@alanboshoff20]

Same question! @Explover how did you solve this?

[@domnguyen8613]

Hey did anyone find out how to fix this problem? I am getting it too and I am using Photoshop 2021

[@NoLoveLost.]

What program are you using?

[@joegordondj]

Great video, worked all the way up until photoshop, anyone else had the same issue with it for Windows PC?

[@dresswithdominance6200]

Hello Louis. I've made one of my layers a shape but can't chage it's colour as the fill option is not available. Would this be because I didn't expand the layer in Ai?

[@MORXAK]

Will this work if I use my logo from PS?

[@SilverCSRT4]

Amazing video. Liked and subscribed! I have a question that maybe you can help answer. I have a 2 layer logo (front and back that are different) and when spinning would like it to show the front and when turned half way, show the back. Would the process be making the timeline of layer 1 stop at half turn (side) and having layer 2 start at half way (side), essentially having each layer do 180 degrees? Or am I wayyyy off?

[@b.b.4969]

I'm having this issue and from some very quick research i think the answer may be an "expression" which is a bit of java script code you can add into after effects. Thats all i know without researching further. Did you end up finding a solution?

[@radio-future]

How do you have an adobe premier tab on your render queue cause I don’t have one

[@ItsVizins]

Hey Louis, photoshop doesn't take .mov files anymore, how do I get transfer a .mov file to a .gif while keeping the transparency

[@Aziz-Ahmed-UK]

wish you had included the source file link to download this project.

[@MrSoundbytz]

Flexin on 'em

[@goldfishhhhhhhh]

mate what to do now that photoshop discontinued 3d, how do I export transparent gif made of Ae? or if u have a rec for something else

[@hertskoi]

Tried to do this few time on render it just shows a black background

[@immadielikethis]

How am I supposed to put my logo into after effects???

[@undercoverslytherin4545]

After following the tutorial every time I try to save the gif in photoshop an error code appears.

[@zaywp]

Same

[@rethishrajan6839]

Which software used for this to create tell me pls

[@LouisMoss]

Adobe After Effects

[@lourenceaustria6538]

HOW to spin the circle alone? and the letter should stay

[@ONYOURMIND666]

Yo, any reason why photoshop won’t let me export a .mov file into it?? Any other alternatives to making it into a gift?

[@eironjames3290]

What do you call that glitch effect on the beginning of the video?

[@Zak-ry6hp]

it doesnt let me create shapes from vector layer!

[@dorien_rose]

Matty Roe same. You found a fix?

[@shemski]

Why does my spot light only change the colour of the foreground. The depth stays black for some reason! HELP!!!

[@bettlebug5988]

Hello Louis, I imported a file from Photoshop but it does not give me the option to create shapes from vector layers. That option is grayed out.

[@LouisMoss]

It needs to be a vector file

[@bravodaproducer]

Once I click the Little 3D box the screen going all black ...only shows up when I’m changing something like the rotation ...please help

[@bravodaproducer]

I’m getting a TDL error

[@domnguyen8613]

It don't export properly after photoshop bruh. I keep getting an error message and when I lower the "image size %" in the save to web window to allow the export to work, the quality is trash. I don't know how to export it whilst keeping full quality!?!??!?

[@simonlee7515]

if i try to move the anchor the whole logo moves how can i fix it?

[@Samuelir96]

Do you sell packages

[@bahaynipedro8987]

bro new subscriber here, how can I use the gif as a sticker in my android phone? I can't seem to follow what you did there. I don't have camera roll and is there any way I can use it as a sticker using android phone or pc maybe? Thanks bro!

[@capitalchasers1359]

can you use for Shopify?

[@keremacarstudio]

Hi, 3:41 When I click on the 3d layer, the object is filled inside, why?

[@fhthug]

Hey mate I have a logo can you create a spinning one for me. I'd be willing to pay, what would cost be?

[@ldsane3825]

Do u have to make it a shape layer tho ?

[@bayetaeshropshire3454]

Maybe next time put the video window on the right. It was kind of hard to see what you were clicking on when describing different parts.

[@shivangidave5249]

NEED HELP!!!! As soon as l click 3D into cinema 4D my logo opacity decreases and quality reduces. WHAT TO DO??????????? SOMEONE ?

[@anthonyreese5566]

when i create outline it becomes a grey blob i lose all color anyone else?

[@fintighe4010]

how would you spin the text anti-clockwise?

[@LouisMoss]

You can rotate either + or - on each axis

[@elig2680]

How can I add it to my website?

[@LouisMoss]

Once exported as a GIF, you should can simply upload to your site and it should animate.

[@holistico.g7260]

I dont understand how to make two layers at the beginning... Can someone help me please ^

[@LouisMoss]

Make sure your artwork is split in illustrator onto two separate layers. Then when you drop it into after effects make sure you select the drop down so you drop the artwork in as a composition. If you double click on that composition it will show your artwork on separate layers so you can animate individually! 🤙🏼

[@DaddyJamesFilms]

this didn't work and maybe I didn't understand illustrator that well.. is there somebody that can give a better tutorial on how to do this.. I already have a transparent logo I'll put it in illustrator. what do I do then? do I need to make another layer or what what am I doing wrong?

[@LouisMoss]

This tutorial shows you how to turn a vector logo into a spinning 3D logo, if yours isn’t a vector this won’t work for you

[@DaddyJamesFilms]

@@LouisMoss Maybe you should put that in your title, but I found a simple way of doing it using Photoshop so much more easier.. but also in this tutorial you could have explained it a little bit better a step-by-step even with illustrator cuz I don't know crap about illustrator. I have never used it before or needed to. in any case I respect the fact that you took your time and made a tutorial, thank you..

[@OXYG3N33]

how do you split logo do i have to cut out the other piece?

[@LouisMoss]

Split the layers in illustrator

[@jo-annemattheus350]

Does anyone here have a link to a tutorial that will show me how to make the circle around the "CSC" rotate in the same direction it is here, but the SCS stays flat agains bg?

[@LouisMoss]

Same process as is in this video. Make sure your outside circle is on a different layer and then just animate that

[@wonnaxo]

i can't creat a vector... it's grey, help

[@bazwav]

Yo Louis I got a question. Basically you know when you clicked create shape from vector layers? My logo has a white background in it and idk how to get rid of it. Any tips? I want it to be transparent like yours but don’t know how to do it 😫

[@bazwav]

And also it’s weird cuz my logo isn’t centralised like yours? Idk how to get it in the middle cuz atm it’s stuck to the left and when it rotates it goes all the way to the right and then back around to the left

[@LouisMoss]

Is your logo a vector file? As in in illustrator is it outlined as a shape? If not there are ways to do this from a JPG but this way isn’t the method you need.

[@bazwav]

@@LouisMoss yhyh its a vector file, i have one layer as the main text and circle, and another layer for the text on the outside as i want the middle icons (text on top of 3 diamonds) to spin and the text on the outside to also spin. I literally dragged it as an EPS file saved from Illustrator into After Effects like you said by importing it as a composition.

[@bazwav]

I've fixed the logo so its centralised but i still dont know how to get the outline of the 3 diamonds as an image and outline it as a shape because I need then to be extruded as part of the logo

[@subhenoor5972]

there is no extrude option in geometry options

[@shanesmales5735]

Try this maybe??? Click on "Geometry Options" and change renderer to Cinema4D?

[@IronNike929]

I have mine spinning but it spins too wide, making it difficult to fit it into a project I'm having in premiere pro. how do I change it so that it doesn't spin as wide?

[@LouisMoss]

You can move the anchor point to the centre of the object so it spins central

[@IronNike929]

Louis Moss Do you have a video for me to reference or time that I can fast forward to that shows me how to do that?

[@veeanon2238]

I made something similar in photoshop but rendering the video takes hours... for a 2 second gif.

[@jonassmith1523]

i had problems with my! ;( my logo is a qr code and therefor the whole cube was just colored in grey what can i do?

[@LouisMoss]

You need your logo to be a vector

[@jonassmith1523]

@@LouisMoss omfg bro i love u it took a lot longer but i did it FUK YES btw ur channel is fire asffff

[@JakesTrucking]

How do you keep the logo from being backwards when it spins?

[@LouisMoss]

When you select the rotation make sure its +360 rather than -360

[@JakesTrucking]

@@LouisMoss Thank you!

[@sugarandspice3813]

Would this work if my logo is chrome already??

[@LouisMoss]

No, for this it needs to be outlined so the effect won’t carry over. You need a solid vector version of the logo

[@lytrann]

Hi Louis! Thank you for the video. Super helpful. Question: I followed step by step and everything looks perfect except when I copy the sticker to my instagram stories, it's flashing like its glitching instead of a smooth rotating sticker. Do you know why this is?

[@MS-rx8iv]

Same problem

[@darrenzigravy7475]

i have a 2 layer logo aswell saved it as eps file when i load it in after effects it loads as one i tried clicking it doesnt show the logo in layers,any idea what im doing wrong?

[@LouisMoss]

Import as a composition, then in after effects double click info the comp and it should show the two layers

[@darrenzigravy7475]

@@LouisMoss thank you ill try this great video btw

[@tekki44]

yo! I cant create a vector ( 3:19 ), my file is a png file, what can i do?

[@LouisMoss]

You need to convert the PNG to a shape in after effects or turn the png into a vector in illustrator

[@tekki44]

@@LouisMoss thanks bro!