3D Rotating Logo Animation Tutorial in After Effects | No Plugins | Extrude Logo PNG
Вставка
- Опубліковано 7 вер 2024
- In this tutorial I show you how to create 3d rotating logo animation in adobe after effects without using any plugins. For this we will use cinema 4d renderer to extrude the logo in the 3d space. You can create custom logo animations using this method, it is very simple and easy to do, also very quick so watch me create an animation step by step. This tutorial also includes the following: 3d rotating logo animation tutorial after effects, 3d rotating logo animation, 3d rotating logo, after effects 3d logo, after effects 3d logo animation, after effects tutorial, after effects, logo, 3d logo, 3d logo tutorial, logo animation tutorial, logo animation after effects, after effects logo 3d, logo 3d, no plugins, cinema 4d, c4d, 3d logo after effects no plugins, smertimba graphics, motion graphics, motion design, create 3d rotating logo in after effects, how to create 3d logo after effects, extrude after effects, 3d extrude after effects, 3d extrude logo, logo extrude tutorial, mograph, ae.
🔔Subscribe to my channel for more tutorials: / @smertimbagraphics
💾Download Project File: bit.ly/3FXTci6
SOCIALS
===================================
📷Instagram: @smertimbagraphics
#3d #logoanimation #aftereffects #3dlogo #tutorial #aetutorial #motiongraphics #motiondesign #smertimbagraphics #3dlogoanimation #ae #logo #adobe
For anyone who has letters with holes, the Merge Paths' mode needs to be set to 'Exclude Intersections', not 'Subtract'. Great Video thanks bud.
thank you!! I did that but two letters completely disappeared
Thank you♥️
@@sarahedenbashi I just did what OP said below with the order: Path 1/Path 2/Path 3/Path 4/Path 5/Merge Paths/Fill.
But changed subtract to Exclude and it worked
@@SmertimbaGraphicsHey mate, I'm placing some footage over the front of my 3d text (3d text made with this tutorial) by simply duplicating the shape layer and then alpa matting the footage layer - any ideas on how to exclude the footage from showing up on the extruding text edge? TIA
Does the shape layer have bevels?
You have taken the time to create a superb and clear tutorial. So many logos simply don't extrude without creating a path and shape layer. Brilliant. Thank you.
You're very welcome!
if yall have 2 elements and decide to spin them in different directions, make sure to add exactly half of the extrusion value to the x value of the anchor point of each shape layer (one per object). so the extrusion is spinning perfectly in the middle otherwise you will have a weird distance. do it for both objects its looking genius
By far this is the best 3d spinning logo tutorial! I have been using that 3D layers with index method which I don't like but Now I don't have to use that method.
Thanks a lot man!
My pleasure, enjoy😊
Great tutorial, this was my first time using After Effects and it was pretty straightforward. I was having the same issue with the Fill for the letters (D,P,A) plus I c&p over 180 paths but I’m so happy with the final render! First of many :)
So simple, clean & concise! Love it. Great tut thank you - makes me love After Effects more every time I learn something new
Great to hear❤
Excellent. Yet another new tip. I have been using the old fashioned way of creating multiple layers with "index" set on the position dimension. Never done it this way but will definitely give it a go after work tonight,
Thank you! This is a more proper approach when it comes down to 3d logos, but has its own limitations and is heavier to render. Knowing two ways is better than one though😁
@@SmertimbaGraphics I learned how to create the basic 3D like this in Blender, so perhaps I can save time of exporting/importing between applications. I am struggling with learning how to texture properly in Blender though.
I'm not really familiar with blender, I've tried it a couple of times, but it's definitely a go for proper 3d modeling
Huge help! Looking forward for more tutorials from you! Was totally amazed and proud of myself for doing something small like this hahaha. Could be a start of something big. Thanks again!
My pleasure, enjoy♥️
Gracias por el tutorial. Me fue de mucha ayuda con las dudas que tenía sobre extrucción de imágenes. Thank You! 😊👍👍
Saludos desde Bolivia 💖💖💛💛💚💚
Thank you so much, glad you enjoy the content❤
Great tutorial. Simple and straight to the point.
once done, how do i export it as a gif/mp4 with no background/transparent background
For transparent background you need .mov format, watch this quick video: ua-cam.com/video/GkSSOGz6eaE/v-deo.html
Really helpful tutorial, thank you for your work. You saved me many hours of work.
Glad it helped!
Thanks for sharing. This was a great help to getting exactly what I had envisioned for an edit.
Glad it helped!
Nice & simple tutorial. Thanks for making this video!
Glad you liked it❤
Thank you for this. As a beginner this was very helpful.
You're very welcome!
Thanks a lot man you got yourself another subscriber keep up with the good work! 🤙🏽
I appreciate it❤️ enjoy the content😊
thanks : ) . i did as you said and it worked just perfect!
Great!
Hello, thanks for the tutorial. Simple and affective! I loved!
Would you help me to understand how to use this technique in a logo with layers inside? I can send you the project fife if you want. Thanks a lot!
oh, I found the solution by merging paths :)
I was going to suggest another video once I got back to my PC, good you figured it out yourself ✌️😁
great tutorial but i just have one problem - when i press fill, it doesnt fill, it remains an outline. how do i fix that?
Are you sure you've copy/pasted the paths correctly? That is most likely the issue
terrific! you're a good man. Here you have my like
Thank you so much 😀
When I check the box for 3D, the Geometry Options is grayed out and it says "Change Renderer". When I change the comp to CINEMA4D, it gives me an error.
When you install after effects, cinema 4d plugin comes with it, don't remove it
Brilliant! !Short and sweet, love it!!!!
Many thanks!
Great video - thank you 🙏 Can anyone answer me this though please … I also have a logo that requires no fill and with this it didn’t work… the traced outline shape rotated but not the actual logo itself - I followed the exact same process for a shape that required fill and that worked? 🤷♂️
You can add stroke instead of fill if that is what you mean, or I might have a different tutorials for you that would work for a stroke type of logo
@@SmertimbaGraphics it’s just a solid shape filled in with text already so it requires me to add nothing apart from the 3D rotation really? If there’s another video great 👍 Anyway thanks for this one .. appreciate it and I’ve subbed ✌️
Yeah, there are different ways of making 3d logo animations and some may work better in certain scenarios, try this one, it should be universal, no need to trace and add anything: ua-cam.com/video/e_FnNtIXmEM/v-deo.html
@@SmertimbaGraphics that's great till take a look and thank you for replying as well - I appreciate that 👍
I don't have the "3D renderer" option at "composition settings". Any tips?
What version is it
What if your logo has a negative space in it? How to you make this be the same colour as the background and still 3d on rotation?
You mean cutouts in the logo? You can add merge paths after paths with mode set to subtract to make holes visible. As for the color should be straightforward, adjust the fill color
Downloaded. Thank you!
Enjoy!
I get the 3D process, but I want a specific logo with colors i designed to spin, i think this tutorial is great for shapes spinning created , but its not great for actual logos i design to spin in a 3D look
The thing is, if you want to do a proper 3d logo with original colors and stuff, you've got to go with element 3d plugin, no plugin ways of doing that are very limited or are very time consuming to get right. Here's what you are asking for but with a paid plugin: ua-cam.com/video/4xCEAdThSzw/v-deo.htmlsi=n5CxNyDbYQdJbtJA
thank you for tutorial!
You're welcome!
i finished everything and rendered the logo but it doesnt come out as png and has a black background. do you know how to fix
To render with transparent background check out this video: ua-cam.com/video/GkSSOGz6eaE/v-deo.html
Control c & v doesn’t work for me? Any idea why or how i can over ride that?
If you are on a Mac then it's command C & V to copy paste
Hi!
Good tutorial!
I have a question:
I've added a logo that has several letters, some of which are D, E and O.
When turning on the 3D layer button, the "holes" in the letters dissappear and I can't find any way to either remove the fill inside or turn it into any other color / transparency.
Is this fixable or do I need a different method to solve it?
Hi, thank you!
In that case when you have holes in letters or logos you could add merge paths option, available in the Add button, same as adding Path. But make sure you put it before fill effect. For example it would be:
Path 1
Path 2
Merge paths 1
Fill
It should work fine, let me know how it goes😁
I forgot to mention that you should set merge paths mode to subtract, it will be set to add by default.
@@SmertimbaGraphics how do you merge the inside of the logo
@@namekpictures6915 I had the same issue. Basically, you have to place whatever path you're using (let's say path 1) above the merge path. So you'd copy the path keyframe from path 1 and paste to merge path 1, setting the merge path mode to subtract.
@@namekpictures6915 I found that you dont even have to copy the keyframe. Just simply put the merge path underneath the path and it subtracts automatically.
Great tutorial. But my vector is a location pin and it has a hollow part in the middle, and when I click on the 3D box it is completely filled in. Could you help me make it hollow in 3D?
In that case when you have holes in letters or logos you could add merge paths option, available in the Add button, same as adding Path. But make sure you put it before fill effect. For example it would be:
Path 1
Path 2
Merge paths 1
Fill
Also set the merge mode to subtract
Cool bro💪
Thanks 🔥
i have logos with negative space like an O not having a center and no matter what i do with this method, it fills in the negative spaces also what can I do
You've got to use merge paths for letters with holes, check the comments section there's loads of explaining on how to do that
@@SmertimbaGraphics I just ended up using Blender to make it. thanks tho
Yeha def no add button after shape layer. IS there a work around?
thank you helped a lot
You're welcome!
why the "Fill" is not working?
Make sure you copy masks from the logo layer into shape paths correctly, that being by selecting the mask next to a stopwatch, then paste into shape path.
On my AE 2020, its said "After Effects error: CINEMA 4D: Render Failed" what should i do? Thanks anyway :)
Do you have cinema 4d installed? It should come with ae by default
Is there a way to modify the texture of the material in the shape layer? I was looking to imitate a glass-like surface
At a very basic level, you can increase the reflectivity of the surface in material settings and adjust the glossiness value, that's pretty much it though
Is it possible to do this while retaining all the detail from the original PNG?
Not with this particular method, try some of the other 3d logo tutorials
@@SmertimbaGraphics ah I gotcha! If you have any recommendations let me know! Btw great tutorial. I’m starting to incorporate after effects into my videos and this is helping big time
Glad to hear!
For logo details to remain this tutorial does the job: ua-cam.com/video/AncnuhGuzvE/v-deo.html
Try this: I have an oddly-shaped logo. I was able to attach the .png and have it spin properly for at least the first front-facing part of the spin:
1. Turn on visibility for Layer 2 (the .png image)
2. Turn on 3-D for Layer 2 (the .png layer)
3. Adjust position of the Layer 2 Z-axis (bring the image closer to the camera) by -01
Set position like this: 0.0, 0.0, -1.0
4. Use pick-whip to attach Layer 2 (the .png image layer) to Layer 3 (the animated 3-D layer)
Layer 2 (the .png) should now be animated to match what happens in Layer 3 (at least for the first portion of the spin)
How come it won’t let me check cast shadows when on spot light ?
Is the option greyed out or something
Thank you so much
Amazing tutorial bro
Thanks ✌️
Lovely!!!!
Thank you!
when i merge my paths because i have holes in my letters it seems to work but when i tick the cube (that makes your image 3D, and also gives you options like extrusions etc.) The holes which i have subtracted become solid again, any idea why? Also my text dissappears when it comes too close to the borders. What setting do i have to changa?
I have just confirmed that everything works fine in this order:
path 1
path 2
merge path (set to subtract)
fill 1
even after turning the layer into 3d with cinema 4d renderer selected the layer remains with a hole in it.
As for the text disappearing I didn't get what you mean by the border
Great tutorial!!!! Quick question...I saw in the thread that someone else had an issue with letters with loops. I have 9 letters looped, and I can't figure out how use the merge path to fix the issues. Does your same method apply?
Thanks.
It should work fine with merge paths, maybe try doing separate shape layers for each letter if all-in-one does not work.
what if i have more than 2 masks? Im wokring on roatating a photoshop image of 137 masks
For that many masks you could try a different method that's easier like this one: ua-cam.com/video/hjcmafZQqHg/v-deo.html
Great video! Im havin a problem. Im trying to do this with my initials and it fills in the entire "P." Is this correctable?
Hi, thank you. In that case when you have holes in letters or logos you could add merge paths option, available in the Add button, same as adding Path. But make sure you put it before fill effect. For example it would be:
Path 1
Path 2
Merge paths 1
Fill
Also make sure to set merge paths mode to subtract.
@SmertimbaGraphics omg. Thank you. I kinda know what your talking about, but I am new to AE and still am going step by step. Pausing tutorials multiple times to get em'. But I think I have a good starting point to explore with. Thank u. I'm definitely subscribing
@@SmertimbaGraphics I couldnt get it. Im getting lost when im supposed to copy the path and paste. If you could make a video, It would be greatley appreciated. Mahalo and Aloha from Hawaii🍍
thank you so much!
You're welcome!
What should I do, when I have holes in my logo. The Auto trace puts (in the P for example) an extra mask for the hole. An if I want to fill it. The hole expands. Can somebody pls help?
The answer should be somewhere in the comments, I can't find it at the moment, but pretty much you need to add merge paths after paths with subtract mode
Quick question, what about if the logo has a gap in it? It seems to colour in the whole badge which is a little annoying lol.
Hi, in that case when you have holes in letters or logos you could add merge paths option, available in the Add button, same as adding Path. But make sure you put it before fill effect. For example it would be:
Path 1
Path 2
Merge paths 1
Fill
Also make sure to set merge paths mode to subtract.
What a mf legend thank you bro 🙏
@@SmertimbaGraphicsTHANK YOU SO MUCH!!!! THIS IS REALLYYYYYY HELPFUL HUHUHU my mind was going crazy trying to figure this out. Good thing I scrolled through the comment section to see if someone asked the same question 🎉❤
Ask anything any time, I'm here to do my best to help out😁
@@SmertimbaGraphics ty u made my day!
can I have the is there a shortcut where I can put many mask paths into the paths?
Not that I am aware of, maybe there's a plugin for that
@@SmertimbaGraphicsactually nvm I found another of your videos that also deals with 3d rotating logos and ty for uploading these videos it helps a lot
Thank you for watching them videos😁
Can we do this for a colored logo?
It works best with 1 color logos, for the colored ones you could use the other method involving duplicating the layers to create extrusion depth: ua-cam.com/video/AncnuhGuzvE/v-deo.html
If I have Logo with specific colors, how can I apply them to this new 3D object that we made?
If you want original colors to remain you might wanna check a different tutorial like these ones for example:
ua-cam.com/video/e_FnNtIXmEM/v-deo.html
ua-cam.com/video/AncnuhGuzvE/v-deo.html
how are you supposed to do this if your logo is text with contained loops ? like O, D, B R etc
In that case where you have holes in letters or logos you could add merge paths option, available in the Add button, same as adding Path. But make sure you put it before fill effect. For example it would be:
Path 1
Path 2
Merge paths 1
Fill
Set the mode to subtract or try other ones that work
I think there is a step missing. The m mask doesn't work for some reason on my png. the Add button doesn't appear. Maybe there is some kind of workaround?
Add button is available only on shape layers. Also M button will show masks only if a layer has them
I've got a letter B but the wholes in the B are filling with colour. How would i prevent this ?
Set layers in the following way:
path 1
path 2
merge path (set to subtract)
fill 1
@SmertimbaGraphics Aaaaah, Brilliant! Thank you for your response. Also, thank you for your great informative videos, as always. I've learnt a lot from you!
It's a pleasure, enjoy
Hi, when I choose the auto-trace from menu AE creates a new object called Trace, so the masks are under the new object and not under the png. PlusI cant fill the object...have you some idea?
There's a checkbox that says apply to new layer, make sure you uncheck it before clicking apply
@@SmertimbaGraphics Yep, you are right, still I cant fill the object..maybe Im still missing something..
I am not sure about not being able to fill the object. As long as fill comes after paths it should be applied
@@SmertimbaGraphics Now it works, I just copied all the path routine instead of the path subroutine...thanks!
Brother i have logo vector already in illustrator then the steps was change?
You've gotta do the same steps
Thanks!!!!
Welcome!
Great tutorial, but i dont know what but when i add fill on the shape layer, the logo doesnt have a color, can you help me
How do you add fill?
@@SmertimbaGraphics in the bottom add, like in the video
I've double checked and it seems to be working fine, maybe you made a mistake throughout the video?
Hello there, I'm working with a black logo and the light isn't really working. Would you please tell me what I can do
How about changing the color to something dark grey?
@@SmertimbaGraphics thanks for the reply. I actually changed the angle and direction of the spotlight and it somewhat worked and thanks for the video too, it really helped.
Hi, I have a picture and when I auto-trace it connects the edges of the picture and it doesn't connect the edges of my logo so when I hide the image it just shows as a rectangle. Any help?
try using different channels for auto trace and play around with threshold
super
Thanks 💯💯
🔥 useful
Thank you 🔥😁
Hello friend, I'm starting with AE and I don't speak English, please help me with the template
Hi, how can I help
@@SmertimbaGraphics It is difficult for me to go step by step in the tutorial, since I do not understand English, I have to use the translator to write to you, if you can send me the project, please
😊
Ive Read Thru All Yur Comments And Im Still Having Issues, Once I Set It To 3D The Wholes In Letters Like D & O Return To Being All Solid. Is It Possible Im Doing Something Wrong??
Hi, in that case when you have holes in letters or logos you could add merge paths option, available in the Add button, same as adding Path. But make sure you put it before fill effect. For example it would be:
Path 1
Path 2
Merge paths 1
Fill
Also make sure to set merge paths mode to subtract.
@@SmertimbaGraphics Do We Add A Merge Paths Layer For Each Letter Wit Holes? Or How Does That Work? Thanks For Replying.
thanx
Welcome
Hi, I have followed these steps precisely, but have found that the mask is going to the border of the composition and not the logo. Logo is a PNG at high quality. White on a black background. Really weird as it worked perfectly on the last logo I worked on.
The answer? If alpha channel isn't working (goodness knows why) use luminence in the check box
Yeah, alpha is the outline, if the logo is not a png and has a background it will capture whatever's at the edges, so using luminance could do the job in some cases
@@SmertimbaGraphicsi had the same problem and unfortunately your no help at all
can i apply that effect on logo with caractère ?
it really depends on the logo, short answer is yes
@@SmertimbaGraphics i cant do it
Try other methods of a 3d logo if this one doesn't work 😁
Hey man, when I click fill nothing happens. The mask just stays empty. Any idea why?
Hmm, what's the order before you add fill
@@SmertimbaGraphics hey it was actually because I was clicking directly on the path, not on the keyframe under the “path 1” when you collapse it. Thanks anyway man! Great video.
Hi for some reason when I use the fill nothing happens
Make sure it comes after paths
I have tried below the path and above the path. It's strange nothing happens at all its transparent. Maybe It's different on the newest version of After Effects. @@SmertimbaGraphics
Can u tell me the software u use?
After effects and premiere pro
My paths feature a letter D and A so has a punch out. Whats best here? It currently fills it
In that case when you have holes in letters or logos you could add merge paths option, available in the Add button, same as adding Path. But make sure you put it before fill effect. For example it would be:
Path 1
Path 2
Merge paths 1
Fill
Also make sure to set merge paths mode to subtract.
@@SmertimbaGraphics Thank you!! That has worked... But only sorted the A and now I can only seem to fill the A and not the D.... Any ideas? Thank you in advance
It should work the same for letter D though 🤔
Hey man how do I export this with a transparent background to use in a video
Hey, check this video out: ua-cam.com/video/GkSSOGz6eaE/v-deo.html
@@SmertimbaGraphics 🐐🐐
Great tutorial but how do u add detail to the shape
How do u add inside details ?? Of a logo
If you mean textures like a bump map for the surface, you can't do it this way, you need to use cinema 4d or other 3d software
Hi! My logo has a “D” in it. How do I not fill in the middle part of the D?
Hi, in that case when you have holes in letters or logos you could add merge paths option, available in the Add button, same as adding Path. But make sure you put it before fill effect. For example it would be:
Path 1
Path 2
Merge paths 1
Fill
Also make sure to set merge paths mode to subtract.
Thank you so much! It worked ❤️
You're welcome ❤️😊
Hey, so my logo has both a 'B' and an 'O' in it. When I do this it only takes away the fill in the 'B' even if I do two merge layers... Any suggestions?
@@SmertimbaGraphics Great video, and when I do this it works, but then the 4D option doesn't work... the layers disappear unless I turn off 4D or switch to 3D. Any suggestions?
nice man, my project has 107 paths how do i copy all the paths
Well, there is one way to do it 😁
Or you could use other methods that would be less time consuming in your case.
For example: ua-cam.com/video/AncnuhGuzvE/v-deo.html
I’m unable to add a path in contents. The option does not show up
What after effects version do you use?
I need help, my logo have letters but when I add the fill it just become solid and letters disappeared how can I fill just to the letters any help is appreciated
Hi, do you mean letters with holes become solid?
@@SmertimbaGraphics yes
In that case when you have holes in letters or logos you could add merge paths option, available in the Add button, same as adding Path. But make sure you put it before fill effect. For example it would be:
Path 1
Path 2
Merge paths 1
Fill
Also make sure to set merge paths mode to subtract.
@@SmertimbaGraphics my logo has 130 Path, do I need to apply this to all of them ? And once I’m done add fill?
I mean this method is more suitable for simple shapes where you get a few paths, but 130 is too much, i think you should use a different method of 3d logo.
But anyway, you need to do this to each individual letter, like letter O for example, then like letter A separately.
Every time I change Merge (under Merge Paths) to subtract it seems to unfill the color on every letter but the first!! How do I fix this? 😢
Is the order set like this?
Path 1
Path 2
Merge paths 1
Fill
@@SmertimbaGraphics yeah my order is set like that, however, I have 168 paths so when I add merge paths then fill. I only see the H come up in the Fill colour the rest of the logo doesn’t. Hope that makes sense
Plus some parts of the logo will subtract other bits won’t, don’t really understand why. For context, my logo has writing either side (top and bottom) with a logo design in the middle.
@@d1inplainsight Not really sure about that. Have you tried other 3d logo methods? there is one that requires less work to get done, like this: ua-cam.com/video/AncnuhGuzvE/v-deo.html
@@SmertimbaGraphics I'm specifically trying to recreate the 3D spin animation, this tutorial you sent above didn't really help me with that. Much appreciated though
the light on my logo is not right how to i chang ethe light position etc
You can select the light layer and use its transform settings to move it, like P for position, R for rotation.
@@SmertimbaGraphics I’ll try thank you
👍👍👍
i need a card graph for use cinema?
Do you mean a graphics card? If yes, then you need one regardless in order to run after effects
💖
❤️
I don't have Geometry Options able... Somebody knows why?
Did you change render settings to cinema 4d?
Is this transparent background ?
It should be if you don't add a solid in the background
What is the name of the program?
After effects
Does it works in AE 2018??
It should work fine yes
even when I use png file it doesnt support geometry options 🙃
Yeah the png itself won't work. You have to trace the outlines and extract the masks to a shape layer that can be made into a 3d object
i didnt understand ho to make it rotate faster
Set Y rotation to a higher number instead of 1
What if you have more than 100 mask paths???
I suggest you go for a different method😁
This one for example: ua-cam.com/video/AncnuhGuzvE/v-deo.html
@@SmertimbaGraphics thankyou man
what app or exact software you use?
Adobe after effects 2022 in this example
Veamos.
Would this work for texts
Yeah, but text is easy, you don't have to copy paths, you can extrude directly in text layer.
@@SmertimbaGraphics wow alright that’s 💜
I noticed this only works for rotating the image as a fill
Or basically only plain logos
Yes, you are right, it won't work for all types of logos
@@SmertimbaGraphics dang, thanks for confirming
For all types of logos you can refer to this tutorial: ua-cam.com/video/AncnuhGuzvE/v-deo.html
It's more like a fake 3d, but it works😁
@@SmertimbaGraphics Thank you so much
What program is that pls anyone reply
After effects 2023
@@SmertimbaGraphics thanks man
So the logo has to be a solid design?
as long as it's traceable
@@SmertimbaGraphics once I select 3d it fills the entire logo in and makes it solid
I get it, if there's too much stuff going on in your logo you might wanna use a different approach, something like this: ua-cam.com/video/AncnuhGuzvE/v-deo.html
@@SmertimbaGraphics do you have any online courses or anything available?
Unfortunately I currently don't have anything like that😁
I have only one mask
why?
Depends on the shape of logo
app name
after effects