How to Create a 3D Card Effect in After Effects | PremiumBeat.com
ฝัง
- เผยแพร่เมื่อ 1 ต.ค. 2024
- bit.ly/3aNg6ct - Create a 3D trading card in After Effects with this simple breakdown. Check out the blog post for more information, plus a free download of the project file.
MUSIC:
"Influencers" by FASSounds from PremiumBeat.com - bit.ly/3o03nqt
"Lo Fi Beach Dawn" by Trending Music from PremiumBeat.com - bit.ly/2Jr8r8f
"Rain Rain Go Away" by Cosmo from PremiumBeat.com - bit.ly/37TjznP
"Lo Fi Waves" by Origami Pigeon from PremiumBeat.com - bit.ly/38GGLoF
"Chilling in the West Indies" by Mattijs Muller from PremiumBeat.com - bit.ly/2KBNdp3
"Fresh Hip Hop" by Trending Music from PremiumBeat.com - bit.ly/3aUezkK
FOLLOW PREMIUMBEAT:
Facebook - bit.ly/2qlFv5K
Twitter - bit.ly/2rksBmv
Instagram - bit.ly/2rahI9C
MORE TIPS, TRICKS, AND TUTORIALS:
PremiumBeat Blog - bit.ly/2qmbfr9
More from Charles Yeager - bit.ly/2pP3o2q
#MoGraph #MotionGraphics #AfterEffects #MotionDesign
ATTENTION: We recently launched a pop music channel! If you're a content creator, video editor, or music lover, you'll love this channel!
➡ bit.ly/premiumbeatpop ⬅
This video single handedly taught 1000s of people of how to make the EXACT same NFT and its so obvious when you look at the market lol
Great tutorial but goddamn you see the same card design everywhere
Love this tutorial !! I was wondering if you had tips on how to add hologram effect to backside of the card too? I am having trouble replicating that step for the outlines on the backside of the card to show the holographic effect.
just duplicate it and put on the back??
Wow, this is one of the most understandable and clearly articulated tutorial videos I've watched in a while! Thanks so much for sharing this info with us. 👍
Totally agreed !!!
totally agree, so good :D
I only know how to write this sorry GOD bless you--------------thanks congratulations from MEXICO
You're a great teacher,
How do you export this as a forever looping animation?
Click on your "Null", then click R, after this you should see X, Y, Z orientation, you'll see what looks like a timer beside each.
Hold CTRL and click the 1 next to Y orientation. then you can adjust the time. (Substitute CTRL for CMD on MAC)
How can I like a video 10million times?
Press F4 if you don't see the Track Mat screen, it will appear
how to navigate the camera? 11:50
Tutorial awesome but how do i the Card Back that i can make a 360 degree rotation? Please explain, pre compose doesnt work or i do something wrong!!!
Aaaand make garbage nft's that's pointlessly expensive... nice tut tho!
you nailed how detailed and easy to follow this tutorial is - def earning a sub!!
yeah, because hes so smart and creative!!
Primer comentario en español!!! Gracias amigo muy buen tutorial y super bien explicado.
Another question: when the card is finished, how do you render it and how do you delete the excess background?
th-cam.com/video/JFLBJH2aMpU/w-d-xo.html
every nft ever XD thank you for this, now i can make my own XD
for real ahaha, hey lets get thisssss
adobe is paid is there any alternative apps that u can use?
@@vincentj7373 there is a way, just google it
@@vincentj7373 I do not condone the use of thepiratebay due to it being an illegal way to get software such as what is needed here for free if you know what you are doing. I also do not condone or suggest using a VPN so your connection is more secure. These would be illegal and I do not recommend.
@@vincentj7373 you can use Blender it's really good
ty man . i will use this to make some NFTs .i will make my version .
adobe is paid is there any alternative apps that u can use?
How did it go man?
For the background of the card I found this script using ChatGPT. You link the back of the card to the front layer, then apply this epxression to the opacity of the background
nullLayer = thisComp.layer("Null Layer Name"); // THE CAMERA CONTROL NULL
cameraPosition = nullLayer.toWorld(nullLayer.anchorPoint);
objectPosition = thisLayer.toWorld(thisLayer.anchorPoint);
cameraToContent = normalize(objectPosition - cameraPosition);
dotProduct = dot(cameraToContent, nullLayer.toWorldVec([0, 0, 1]));
(dotProduct > 0) ? 0 : 100;
then you invert this value for the Top Card, by applying this expression to it's opacity
100 - thisComp.layer("Card Backside Comp").transform.opacity
I have no idea what I'm doing but this seems to have worked. Hope this helps you dear distant internet stranger.
Awesome tutorial. I have a question, I hope you can help me. How could I make this a 360 degree turn? Is there a way to split the timeline and mirror the assets or do I just need to match the speed of the keyframes of the back and the front of the card?
THANK YOU! the Glow improved a lot my Card (: I love this tutorial
Does anyone how to then autogenerate this to swap images ? And colours ? To make a collections of say 10k? Within AF
I have everything in the exact order as you, and selected what you selected as you did. When I convert the card back to 3d, it covers the other two elements. To remedy this, I adjusted it's position by 0.1. Now, in this tutorial, it looks like you did not run into this issue at all, so you therefore do not mention it. I do not know how this will effect anything as I continue this tutorial. If you or anyone knows about this issue, please explain to me why it did not happen for you, and judging by the comments, it did not happen to anyone else. Did something change in a subsequent AE update? Thank you.
I had the same issue, u just gave me a solution, so thanks ! I guess it is indeed due to a AE Update :/
hi im having this problem but i understand how to fix the issue, could you please explain more ?
@@bugbug8092 Move the position of the card back by plus or negative 0.1, depending on which way it is facing on whatever axis. Basically, you want to put the card back slightly behind the elements on the face, so they show up. I haven't finished the tutorial, so I couldn't tell you if this has any bad effects later. It should at least help you to continue on, and figure out ways to make adjustments for other problems.
thank you so much for this
@@pen8142 ily
Wow man, from beginning to end, you made this super easy and fun to learn. Definitely subscribing, thanks brotha!!
In which software we can make this bro
This is awesome I love the youtube algorithm at times🔥🔥🔥
super awesome tutorial! You have any guidance on adding a card back? I searched through old didn't see anything. Great content, thanks for your hard work!
Question, how would I save this so I can upload it to an NFT website after?
I feel like a damn fool. I've been using after effects for a couple years now. Totally did not know you could double-click the round square button to auto-apply a mask.
Thanks for the video but You just left the whole project at about 21:40' and for me as a beginner everything left unfinished
Need help ! Where can I find bunch of pixrl art like in ur video plsss :s
simple and elegant! thanks for sharing
What was this render as cause mine don't look so clear like yours
Can I know in which software we can make this
dude. this is amazing
So I followed this to the T and the card I made came out perfect! When I was done I wanted to add some fire to follow along with the image I originally selected that moves from the bottom of the image window to the top, but the fire I added (also selected 3D) moves off corse in the main comp. It looks perfect in the image window comp thou. Any suggestion?
Edit: it's an mp4 that I set the mode to "screen"
I don't have the same problem with a png, I just tried it.
Can i add a Extrusion Depth to the card?..
Show me how to make the back side of the card-otherwise I don't really understand??Thank you in advance!💯👍
I DONT REALLY UNDERSTAND TOO
Great video, but that is a damn ugly heart right there
How do I make the card spin
Please give Android tutorial of this
this was really helpful
thank you so much
thank you so much man this tutorial is krazyy🔥💥
Really love to learn this! Thank you and Happy New Year!
I love this tutorial, I'm just running into one issue. If anyone knows why I'm all ears. When I create the adjustment layer and add the glow effect it affects the background layer. I'm really not sure why though, any thoughts?
Use clipping mask
What is the ipad pro equivalent of this app
is there a way i can add this effect to an app?
Looks like cool stuff to sell as nft
Don't know how I bumped onto this. All in all Damn good clip 🥇. I also watched those similar from NAJ Mentor and kinda wonder how you guys make these vids. NAJ Mentor Tutorials also had cool info about similar things on her vids.
And one know how to add a bevel to the card? or make it thicker somehow? Not sure if this is possible
That's what I am looking for too. Did you figure anything out?
Any other apps that can do this?
how to add the back of the card? i cant
Can I use it for my any content?
Any Idea way all my layers are disappering when I click the 3D option for the Card Back layer? It's at the bottom - it's not the Layer Order....help! lol
I'm having the same issue! Any help found lmk!
@@josephmorenoart i followed a comment that said you should change the position of the layer by 0,1. i did it and it worked.
I have failed with Element 3D. everytime I open the OBJ it appears very small and back there...helpppppp
Hello sir, i have question. Why when i klick 3d layer on "back card" he disapear? (In the video you said to click image window, hologr area and cardback)
how can you let the card looks thick when his on the side, for example, you have a back front and sides right
Hows the name software u use?
Thank you so much 😭😭😭
De la videoclipul lui Bvcovia :))
what the name of this software
then how to export it as video
Love this tutorial but i got problems with the camera. When i click to rotate on the Y axis, the card start rotating outside the scene like the axis is the point where i am and not the Axis of the card, i am a beginner i don't know what to do
This was great, thanks! Do you have a tutorial for a pre-existing card? (like a pokemon card)
Did you use Polygon for multiple supplies? It seems ethereum does not support creating multiple NFTs.
Thank you very much sir Great Work❤🔥👌
WOW!! What a wonderful tutorial . Thank you so so much !!!
any help here cause when i click to 3d the card back it turns the whole card blue
Hello, I am stuck on 8:57. I am at beginner level and I do not see the "assets" file... Can you help..
what is softwave
This took all afternoon but i managed to create something. Not everything worked tho. But ok, better then most tutorials on YT
Thank you for creating this video. It is great and easy to follow and I was able to sale an NFT
hello...im just curious that 3d can we make into gyroscope?
Max Novak completely stole your video by the way
So you have to have a subscription to after affects to use this project you made?
At 8:55, how did you create the hologram colors.jpg?
looks like NFT
does anybody know how to render a 3d animation in after effects? what's the format? thanks
software ???
Does anyone know how the file is exported at the end? can it be exported as video? I do not understand :(
How would I be able to export with a transparent background and properly loop the entire composition forever, so I may import into media encorder and create an animate gif?
thank you
where to change avi file to mp4 and reduce its weight ?
How do you add the back of the card comp to the first one? So it flows when the card spins?
Same question
@@alexkiser9987 hey I figured it out. Once you have both half s of the card done grab the comp and drag it to Project (should be on the left side of screen) then drag it to the comp that has the other card side. Its easier to precompose so all the files and stuff you added to your card are in a neat folder. So Your timeline should have both card sides now and you can time them so it looks like it's spinning.
Not the best for beginners, he goes very fast and doesn't explain a lot of things
Hard to Believe you are giving the project file for free. Thankyou so much!
17:33
You have no idea how helpful this is for me, I definitely plan on swinging back and showing some more love and definitely some support as I incorporate this technique into my flow and helpful I reach my goals where I can come back and really show a healthy amount of support. I am very grateful, so much. Wish me luck friend and keep up the great work. I am very excited for the great projects I'm going to create and this is going to help me on my journey so much. I will definitely be seeing you soon and I will definitely let everyone know where I learned this.
A++++
VOCE EH UM ANJO
well i dont get it in what format to export the NFT after i am done .
or its it okay to be in a video format to
hey, the track matte doesnt show up on my end?
as well as the assets?
im new....
Thx this looks so good ! new sub for u, keep the good work
Thank you for this video, your teaching is great Charles.
Wow I absolutely LOVED THIS!!! Thank you!
Nice video! Steps are very clear. Question only thing I seem to be missing is in the final comp the image does not rotate. Can you please tell me what I missed. Thank you!
have you figured it out
@@Berkantugsuz yes, thanks!
Can you help me? My hologram won’t show at up at 9:38
pokemon taso pls
Can create and be used as NFT, isn't it?
How u import this 3d objects? What format is?
Great, sir Please also More Tutorials on After Effects,
what Application did you used?
How do I export to show all my friends