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
/ seanwsinclair
--------------------------------------------------
→ Intro Credit:
Produced by octilary
/ @octilary
→ Music Credit: LAKEY INSPIRED
Music By: LAKEY INSPIRED @ / lakeyinspired
Official "LAKEY INSPIRED" KZread Channel HERE - kzread.info/dron/Omy.html...
License for commercial use: Creative Commons Attribution 3.0 Unported "Share Alike" (CC BY-SA 3.0) License.
Full License HERE - creativecommons.org/licenses/...
Music promoted by NCM goo.gl/fh3rEJ
Пікірлер: 184
thank you man ! keep up that great work !!
As always coming in clutch, you're great man!
Your videos are so helpful!!! THANK YOU
Thank you sir you saved some of my projects
bloody awesome man!!! Thank you
🔥 thank you!!
Instagram sticker tip was clutch 🔥
It's a great 360 video. Thanks very much.
love this video! how do you keep the mask that you have on your logo from illustrator when you create shapes from vector?
awesome video. extremely helpful
Great tutorial!
Bro!!!! This is sick
love it thank you :3
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?
Love it, is it possible to give the logo a chrome texture/reflection in aftereffects? And how
fire bro thank you
Thanks! 🙏
bro thank you so much subscribed
goated for this one
Thank you! Definitely going to use this for my portfolio!
@FettyKamp
3 жыл бұрын
Hey if I pay you 5$ on cash app can you make me one using my logo ?
@CEC_HDZ
3 жыл бұрын
@@FettyKamp Ill make it for you for $5
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...
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!
Coolllldddd video man. Thanks man
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!
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?
You’re amazing
great video mate
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
2 жыл бұрын
same
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
2 жыл бұрын
comment saved the day
@toallthecrowdedrooms283
2 жыл бұрын
do you remember what you button mashed in order to export with a transparent background? nothing is working for me.
What do you call that glitch effect on the beginning of the video?
i love you mate
My text already outline from Illustrator, but when click "Create shape from vector layer" the text is only outlined instead of being filled
thank you so much
@FettyKamp
3 жыл бұрын
Hey if I pay you 5$ on cash app can you make one for me using my logo ?
super nice
Do u have to make it a shape layer tho ?
if i try to move the anchor the whole logo moves how can i fix it?
Hey Louis, awesome video. I am having issues with photoshop. iits not allowing me to import the file.
Hi, 3:41 When I click on the 3d layer, the object is filled inside, why?
How do you have an adobe premier tab on your render queue cause I don’t have one
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?
Boss!!!
🔥 nice video 👍 share more
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
please help its doesnt let me create shapes from vector , is it because my outline is not clean ?
What program are you using?
The sticker gif use to work but seems it doesn’t now. Anyway to get it to work again?
Hey Louis, photoshop doesn't take .mov files anymore, how do I get transfer a .mov file to a .gif while keeping the transparency
Yo, any reason why photoshop won’t let me export a .mov file into it?? Any other alternatives to making it into a gift?
can you use for Shopify?
Tried to do this few time on render it just shows a black background
cool
Why does my spot light only change the colour of the foreground. The depth stays black for some reason! HELP!!!
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
4 жыл бұрын
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
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!
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 ?
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
2 жыл бұрын
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?
Will this work if I use my logo from PS?
I have a similar logo with a circle surrounding a text in the middle but when I create shape from vector layer, only the circle is tracked and not the text what's the problem???
Awesome video Louis! Do you have some recommendation about picking up the details of After Effects?
@LouisMoss
2 жыл бұрын
Trail and error! Just set some goals of what you want to achieve and KZread any techniques you can’t work out 💪🏼
wish you had included the source file link to download this project.
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
4 жыл бұрын
is your logo a vector/outlined before making it a shape layer?
@ismoroubb795
4 жыл бұрын
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!
big up
HOW to spin the circle alone? and the letter should stay
Flexin on 'em
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
4 жыл бұрын
Same process as is in this video. Make sure your outside circle is on a different layer and then just animate that
i can't creat a vector... it's grey, help
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
4 жыл бұрын
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
4 жыл бұрын
@@LouisMoss Could you please do a tutorial for this
@b.b.4969
2 жыл бұрын
@@LouisMoss double please do a tutorial for this :)
I made something similar in photoshop but rendering the video takes hours... for a 2 second gif.
how would you spin the text anti-clockwise?
@LouisMoss
2 жыл бұрын
You can rotate either + or - on each axis
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!?!??!?
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
4 жыл бұрын
Import as a composition, then in after effects double click info the comp and it should show the two layers
@darrenzigravy7475
4 жыл бұрын
@@LouisMoss thank you ill try this great video btw
How am I supposed to put my logo into after effects???
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
2 жыл бұрын
Using a PDF file
@maxb561
Жыл бұрын
same problem
Do you sell packages
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
3 жыл бұрын
Do you find a solution ? I have the same issue and can't import in photoshop
Hey mate I have a logo can you create a spinning one for me. I'd be willing to pay, what would cost be?
Hey there, my geometry options is greyed out. which renderer should i use ?
@CheckChasersStudios
3 жыл бұрын
geometry 4d
@nickshirley8657
3 жыл бұрын
@@CheckChasersStudios goat fr, scrolled so long looking for this
NEED HELP!!!! As soon as l click 3D into cinema 4D my logo opacity decreases and quality reduces. WHAT TO DO??????????? SOMEONE ?
how do you split logo do i have to cut out the other piece?
@LouisMoss
2 жыл бұрын
Split the layers in illustrator
Great video, worked all the way up until photoshop, anyone else had the same issue with it for Windows PC?
man loves his sofas tbf
@underpressurex
3 жыл бұрын
Who is that In your profile pic I saw that video the other day..
got an unknown problem when i try to save it into gif. any solution?
@kostantinh5238
3 жыл бұрын
Hey do you solve your problem mate ? I got the same problem
@farhanrahmansyah2450
3 жыл бұрын
@@kostantinh5238 Try to use a third-party software to render it into a gif
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
3 жыл бұрын
You need your logo to be a vector
@jonassmith1523
3 жыл бұрын
@@LouisMoss omfg bro i love u it took a lot longer but i did it FUK YES btw ur channel is fire asffff
Hi Louis , thank you very much for your tutorial. I have a problem. I don't need to extrude the inner part. I can't achieve to make it spinning perfectly on the Y-axis. If I press control-alt-home to center the anchor point it sets to strange coordinate and the Y rotation is not perfect. Circle doesn't rotate as expected: kzread.info/dash/bejne/n6RrlJKQp9KcYZs.html
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
3 жыл бұрын
Same problem
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
3 жыл бұрын
You can move the anchor point to the centre of the object so it spins central
@IronNike929
3 жыл бұрын
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?
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
4 жыл бұрын
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
4 жыл бұрын
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
4 жыл бұрын
@@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
4 жыл бұрын
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
How do you keep the logo from being backwards when it spins?
@LouisMoss
3 жыл бұрын
When you select the rotation make sure its +360 rather than -360
@JakesTrucking
3 жыл бұрын
@@LouisMoss Thank you!
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
3 жыл бұрын
I’m getting a TDL error
Which software used for this to create tell me pls
@LouisMoss
Жыл бұрын
Adobe After Effects
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
2 жыл бұрын
It needs to be a vector file
it doesnt let me create shapes from vector layer!
@dorien_rose
4 жыл бұрын
Matty Roe same. You found a fix?
when i create outline it becomes a grey blob i lose all color anyone else?
yo! I cant create a vector ( 3:19 ), my file is a png file, what can i do?
@LouisMoss
3 жыл бұрын
You need to convert the PNG to a shape in after effects or turn the png into a vector in illustrator
@tekki44
3 жыл бұрын
@@LouisMoss thanks bro!
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
2 жыл бұрын
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
2 жыл бұрын
@@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
After following the tutorial every time I try to save the gif in photoshop an error code appears.
@zaywp
3 жыл бұрын
Same
Would this work if my logo is chrome already??
@LouisMoss
2 жыл бұрын
No, for this it needs to be outlined so the effect won’t carry over. You need a solid vector version of the logo
How can I add it to my website?
@LouisMoss
2 жыл бұрын
Once exported as a GIF, you should can simply upload to your site and it should animate.
there is no extrude option in geometry options
@shanesmales5735
3 жыл бұрын
Try this maybe??? Click on "Geometry Options" and change renderer to Cinema4D?
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
3 жыл бұрын
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
3 жыл бұрын
@@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..