How to Create a 3D Card Effect in After Effects | PremiumBeat.com

Поділитися
Вставка
  • Опубліковано 6 вер 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

КОМЕНТАРІ • 221

  • @PremiumBeat
    @PremiumBeat  2 місяці тому

    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 ⬅

  • @TheChillibowl
    @TheChillibowl 2 роки тому +6

    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

  • @duranimusprime5989
    @duranimusprime5989 3 роки тому +31

    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. 👍

  • @dakfu_
    @dakfu_ 3 роки тому +17

    you nailed how detailed and easy to follow this tutorial is - def earning a sub!!

    • @MegaBraiann
      @MegaBraiann Рік тому

      yeah, because hes so smart and creative!!

  • @emilygrieves7626
    @emilygrieves7626 3 роки тому +26

    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.

    • @GamesForNoobs
      @GamesForNoobs 2 роки тому

      just duplicate it and put on the back??

  • @joseantoniomartinez.caudil8313
    @joseantoniomartinez.caudil8313 3 роки тому +5

    I only know how to write this sorry GOD bless you--------------thanks congratulations from MEXICO
    You're a great teacher,

  • @KingSimKits
    @KingSimKits 2 роки тому +4

    Wow man, from beginning to end, you made this super easy and fun to learn. Definitely subscribing, thanks brotha!!

    • @sana-vlogz
      @sana-vlogz 2 роки тому

      In which software we can make this bro

  • @fl4mexd236
    @fl4mexd236 2 роки тому

    Hard to Believe you are giving the project file for free. Thankyou so much!

  • @Monalexander799
    @Monalexander799 3 роки тому +4

    This is awesome I love the youtube algorithm at times🔥🔥🔥

  • @priscilanassar6938
    @priscilanassar6938 3 роки тому +5

    THANK YOU! the Glow improved a lot my Card (: I love this tutorial

  • @thebaldeditor6148
    @thebaldeditor6148 3 роки тому +7

    ty man . i will use this to make some NFTs .i will make my version .

  • @editaanimes
    @editaanimes 3 роки тому +2

    Primer comentario en español!!! Gracias amigo muy buen tutorial y super bien explicado.

  • @ApexJnr
    @ApexJnr 3 роки тому +61

    every nft ever XD thank you for this, now i can make my own XD

    • @ExpatLifePC
      @ExpatLifePC 3 роки тому +3

      for real ahaha, hey lets get thisssss

    • @vincentj7373
      @vincentj7373 3 роки тому

      adobe is paid is there any alternative apps that u can use?

    • @sss1029
      @sss1029 3 роки тому

      @@vincentj7373 there is a way, just google it

    • @angryalpacas3044
      @angryalpacas3044 3 роки тому +8

      @@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.

    • @frankiewesty
      @frankiewesty 2 роки тому

      @@vincentj7373 you can use Blender it's really good

  • @chalvlad
    @chalvlad 3 роки тому +5

    dude. this is amazing

  • @masoodrahimian8655
    @masoodrahimian8655 2 роки тому

    this is the best nft tutorial. thank you.

  • @6amerzOfficial
    @6amerzOfficial 3 роки тому

    i already knew how to do it with a telephone, but this card idea is awesome, thanks for the tutorial it looks incredible

  • @nicolenwaywah919
    @nicolenwaywah919 3 роки тому +2

    Really love to learn this! Thank you and Happy New Year!

  • @MrGweilo
    @MrGweilo Рік тому

    Amazing tutorial! I made an F1 card for a colleague thanks to you. Looks awesome 🙌

  • @Gothorella
    @Gothorella 3 роки тому

    WOW!! What a wonderful tutorial . Thank you so so much !!!

  • @raymondharris7226
    @raymondharris7226 2 роки тому +1

    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.

  • @hoango4868
    @hoango4868 2 роки тому +1

    thank you so much man this tutorial is krazyy🔥💥

  • @_vruoa
    @_vruoa 3 роки тому +2

    this was really helpful
    thank you so much

  • @skrewedmajin6657
    @skrewedmajin6657 2 роки тому

    Very impressed with the demonstration. Very easy to follow. Thank you, my brother.

  • @mczeno
    @mczeno 3 роки тому +1

    Thank you for this video, your teaching is great Charles.

  • @jondowlervideos
    @jondowlervideos 3 роки тому +5

    Great tutorial. The Collapse toggle is a HUGE help. Thanks so much for making! Cheers!

  • @desmanage
    @desmanage 3 роки тому +2

    I am at the taxiing towards the runway stage with AE, this tutorial has me looking forward to pushing the throttle full forward for take-off. Such a spectacular result for so simple a process. Top tip on the collapse transformations that I did not see coming @14:28 that would have had me hairless otherwise. Thank you very much indeed for your time on this - I have a new calling card!
    You have a new subscriber and a like...
    KP

  • @hedvig6746
    @hedvig6746 3 роки тому +5

    Wow I absolutely LOVED THIS!!! Thank you!

  • @Rmcthree
    @Rmcthree 3 роки тому +1

    Words escape me except...WOW!

  • @711rico
    @711rico 2 роки тому

    This took all afternoon but i managed to create something. Not everything worked tho. But ok, better then most tutorials on YT

  • @v.8524
    @v.8524 2 роки тому

    using this for nfts is gonna be amazing

  • @teresaramos5005
    @teresaramos5005 3 роки тому +1

    Great tutorial! Thanks so much for sharing! Love it

  • @Porkleaker
    @Porkleaker 2 роки тому

    Cool stuff, will def put this to use in some manner.

  • @chemicalera
    @chemicalera 2 роки тому

    Thank you so much! Awesome video and results

  • @cherobeam1181
    @cherobeam1181 3 роки тому +2

    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!!!

  • @reyco1
    @reyco1 2 роки тому

    Amazing tutorial! I just became a lifelong subscriber!

  • @johnnyblaze6113
    @johnnyblaze6113 3 роки тому +2

    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!

  • @evelinaterentyeva
    @evelinaterentyeva 2 роки тому

    Thank you for a really awesome tutorial

  • @rhythmdroid
    @rhythmdroid 3 роки тому

    Wow! Excellent tutorial! Thank you!

  • @RajBeats
    @RajBeats 3 роки тому

    incredible and concise tutorial. thank you!!

  • @teabagNBG
    @teabagNBG 2 роки тому

    thx alot for the project file saved me some time...

  • @workhardgetfree3688
    @workhardgetfree3688 3 роки тому +1

    AMAZING MAN THANK YOU

  • @h0ang
    @h0ang 2 роки тому

    This was very useful. Thank you so much!

  • @711rico
    @711rico 2 роки тому +6

    Another question: when the card is finished, how do you render it and how do you delete the excess background?

    • @d2vin
      @d2vin 2 роки тому +1

      ua-cam.com/video/JFLBJH2aMpU/v-deo.html

  • @Drizaleene
    @Drizaleene 2 роки тому

    Super helpful, very well explained. Thanks !!!!!!

  • @keithbuchanan6028
    @keithbuchanan6028 Рік тому

    Thank you for creating this video. It is great and easy to follow and I was able to sale an NFT

  • @ritwikpuri5313
    @ritwikpuri5313 3 роки тому

    Thanks a lot for this awesome tutorial !!

  • @JuanDuqueJuanimador
    @JuanDuqueJuanimador 3 роки тому

    Great tutorial, thanks for posting!

  • @osmansalama
    @osmansalama 2 роки тому

    you are amazing bro

  • @alainjouni
    @alainjouni 3 роки тому +15

    How do you export this as a forever looping animation?

    • @angryalpacas3044
      @angryalpacas3044 3 роки тому

      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)

  • @ArquiKev
    @ArquiKev 3 роки тому +1

    AMAZING!!

  • @bothebroforyo
    @bothebroforyo 3 роки тому

    Thank you! Great tutorial.

  • @twisterrrrr
    @twisterrrrr 3 роки тому +28

    Looks like cool stuff to sell as nft

  • @denizorsel1029
    @denizorsel1029 2 роки тому +1

    How can I like a video 10million times?

  • @tp3239
    @tp3239 3 роки тому +1

    Thx this looks so good ! new sub for u, keep the good work

  • @broonoart
    @broonoart 3 роки тому +8

    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?

  • @nolandderlugner1351
    @nolandderlugner1351 2 роки тому

    thank you

  • @PayAsUgO2k7
    @PayAsUgO2k7 3 роки тому

    Thanks 4 your input! BIGUP

  • @cesarfaavero
    @cesarfaavero 3 роки тому

    Love this! Thanks a lot.

  • @magnumXpress
    @magnumXpress 2 роки тому

    Great tutorial!!!

  • @MatheusFelipe-jl5mi
    @MatheusFelipe-jl5mi 6 місяців тому

    VOCE EH UM ANJO

  • @NotVilaco
    @NotVilaco Рік тому

    Master!! 🔥🔥

  • @goodstart5098
    @goodstart5098 2 роки тому

    Awesome stuff!

  • @MRNavindu7
    @MRNavindu7 2 роки тому

    Thank you very much sir Great Work❤🔥👌

  • @younessechchamsi
    @younessechchamsi 2 роки тому

    Thank you so much 😭😭😭

  • @dafearlessyt8354
    @dafearlessyt8354 3 роки тому +1

    how to navigate the camera? 11:50

  • @Glow0110
    @Glow0110 3 роки тому

    Very cool tutorial!

  • @dayinhistory7422
    @dayinhistory7422 2 роки тому

    Brilliant!

  • @sachibbankib
    @sachibbankib 3 роки тому

    Very very nice tutorial

  • @TkMe2Mrz
    @TkMe2Mrz 2 роки тому +1

    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.

  • @seffdog1177
    @seffdog1177 3 роки тому

    Sick as video bro thanks so much

  • @grapemultimedia6230
    @grapemultimedia6230 3 роки тому +1

    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!

  • @kristinecarnegie5496
    @kristinecarnegie5496 Рік тому

    This was great, thanks! Do you have a tutorial for a pre-existing card? (like a pokemon card)

  • @valentincampos8608
    @valentincampos8608 3 роки тому +2

    Press F4 if you don't see the Track Mat screen, it will appear

  • @darkkimo9083
    @darkkimo9083 2 роки тому

    just thankis thankis my hero

  • @alexkiser9987
    @alexkiser9987 3 роки тому +3

    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?

    • @raiyannnn
      @raiyannnn 2 роки тому +1

      Use clipping mask

  • @ankurranjankakoty8382
    @ankurranjankakoty8382 3 роки тому

    Absolutely Loved it mate! TYSM for the Tut. I'd love to see more stuff like these.
    Ya, I had one more question about that element 3D part. Can we do that with blender 3D?

  • @jacksonanderson7230
    @jacksonanderson7230 3 роки тому

    Awesome!! Thanks fren

  • @acadvideoart
    @acadvideoart 2 роки тому

    Show me how to make the back side of the card-otherwise I don't really understand??Thank you in advance!💯👍

  • @dhirenpathak
    @dhirenpathak 2 роки тому

    Great, sir Please also More Tutorials on After Effects,

  • @papasweeds
    @papasweeds 2 роки тому

    Big tnx! 🫀

  • @JohnnyBoiiisHackz
    @JohnnyBoiiisHackz 3 роки тому +1

    Question, how would I save this so I can upload it to an NFT website after?

  • @lilimxprice
    @lilimxprice 3 роки тому

    Thank you so much!

  • @ikalefyildiz1822
    @ikalefyildiz1822 2 роки тому +1

    Thank you for this tutorial! Helped me a lot! Still have a question, in the beginning of the video you were talking about the possibility to even scan some cards I own and make them 3D. Could you maybe help me out getting that done? Would really appreciate it!

    • @chagada
      @chagada 2 роки тому

      I would think that is u scan the card, u would cut out(creature, trees, clouds) and give it their own layer and from that point give it a location in the 3d space what would seem natural. Hope this helps a bit

    • @ikalefyildiz1822
      @ikalefyildiz1822 2 роки тому +1

      @@chagada thank you for this, this is exactly where I am at now after 2 weeks 😂 this is indeed the way, thanks appreciate it 🙏🏼

    • @chagada
      @chagada 2 роки тому

      Can't wait to see the results

  • @pen8142
    @pen8142 3 роки тому +4

    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.

    • @choisikar_2071
      @choisikar_2071 3 роки тому +2

      I had the same issue, u just gave me a solution, so thanks ! I guess it is indeed due to a AE Update :/

    • @bugbug8092
      @bugbug8092 3 роки тому +1

      hi im having this problem but i understand how to fix the issue, could you please explain more ?

    • @pen8142
      @pen8142 3 роки тому +1

      @@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.

    • @m4irh87
      @m4irh87 3 роки тому +1

      thank you so much for this

    • @DylanBurchh
      @DylanBurchh 3 роки тому +1

      @@pen8142 ily

  • @statkiller2156
    @statkiller2156 2 роки тому

    Does anyone how to then autogenerate this to swap images ? And colours ? To make a collections of say 10k? Within AF

  • @SETA.musica
    @SETA.musica 2 роки тому

    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

  • @NOREALESTATEINVESTORLEFTBEHIND
    @NOREALESTATEINVESTORLEFTBEHIND 2 роки тому

    great video

  • @Aomedia_tv
    @Aomedia_tv 2 роки тому

    thanks!

  • @kenzhikharisma
    @kenzhikharisma 2 роки тому

    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)

  • @lomi5hani442
    @lomi5hani442 9 місяців тому

    Can i add a Extrusion Depth to the card?..

  • @mysuperpower7161
    @mysuperpower7161 2 роки тому

    Did you use Polygon for multiple supplies? It seems ethereum does not support creating multiple NFTs.

  • @afritishvlog
    @afritishvlog 2 роки тому

    how can you let the card looks thick when his on the side, for example, you have a back front and sides right

  • @JeniSweets
    @JeniSweets 2 роки тому

    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?

  • @MrProbCause
    @MrProbCause 3 роки тому +1

    And one know how to add a bevel to the card? or make it thicker somehow? Not sure if this is possible

    • @lindacryptofly9182
      @lindacryptofly9182 2 роки тому

      That's what I am looking for too. Did you figure anything out?

  • @is_this_tutchy
    @is_this_tutchy 2 роки тому

    Need help ! Where can I find bunch of pixrl art like in ur video plsss :s

  • @sana-vlogz
    @sana-vlogz 2 роки тому +1

    Can I know in which software we can make this

  • @lovelifexo8982
    @lovelifexo8982 Рік тому

    What was this render as cause mine don't look so clear like yours

  • @SurrealSane
    @SurrealSane 3 роки тому +1

    How do you add the back of the card comp to the first one? So it flows when the card spins?

    • @alexkiser9987
      @alexkiser9987 2 роки тому

      Same question

    • @SurrealSane
      @SurrealSane 2 роки тому +1

      @@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.

  • @Kapasuso
    @Kapasuso 3 роки тому

    Ty man, very good job and thanks to you I started using AE and learned a lot in 2 days. However, I have a question. I don't know how to export the full video. I mean, I have Media Encoder too but when I try, It only create a small video of 0 seconds (first frame of the project).Can you help me solving this? Ty :)

  • @milan1991feb
    @milan1991feb 2 роки тому

    Thanks for the video but You just left the whole project at about 21:40' and for me as a beginner everything left unfinished