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

Поделиться
HTML-код
  • Опубликовано: 5 сен 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 ⬅

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

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

  • @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??

  • @priscilanassar6938
    @priscilanassar6938 3 года назад +5

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

  • @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,

  • @fl4mexd236
    @fl4mexd236 2 года назад

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

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

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

  • @masoodrahimian8655
    @masoodrahimian8655 2 года назад

    this is the best nft tutorial. thank you.

  • @Monalexander799
    @Monalexander799 3 года назад +4

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

  • @editaanimes
    @editaanimes 3 года назад +2

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

  • @thebaldeditor6148
    @thebaldeditor6148 3 года назад +7

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

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

  • @chalvlad
    @chalvlad 3 года назад +5

    dude. this is amazing

  • @Gothorella
    @Gothorella 3 года назад

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

  • @_vruoa
    @_vruoa 3 года назад +2

    this was really helpful
    thank you so much

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

  • @nicolenwaywah919
    @nicolenwaywah919 3 года назад +2

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

  • @hoango4868
    @hoango4868 2 года назад +1

    thank you so much man this tutorial is krazyy🔥💥

  • @MrGweilo
    @MrGweilo Год назад

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

  • @mczeno
    @mczeno 3 года назад +1

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

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

  • @skrewedmajin6657
    @skrewedmajin6657 2 года назад

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

  • @hedvig6746
    @hedvig6746 3 года назад +5

    Wow I absolutely LOVED THIS!!! Thank you!

  • @jondowlervideos
    @jondowlervideos 3 года назад +5

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

  • @reyco1
    @reyco1 2 года назад

    Amazing tutorial! I just became a lifelong subscriber!

  • @chemicalera
    @chemicalera 2 года назад

    Thank you so much! Awesome video and results

  • @evelinaterentyeva
    @evelinaterentyeva 2 года назад

    Thank you for a really awesome tutorial

  • @Porkleaker
    @Porkleaker 2 года назад

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

  • @Rmcthree
    @Rmcthree 3 года назад +1

    Words escape me except...WOW!

  • @teresaramos5005
    @teresaramos5005 3 года назад +1

    Great tutorial! Thanks so much for sharing! Love it

  • @osmansalama
    @osmansalama 2 года назад

    you are amazing bro

  • @workhardgetfree3688
    @workhardgetfree3688 3 года назад +1

    AMAZING MAN THANK YOU

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

  • @teabagNBG
    @teabagNBG 2 года назад

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

  • @Drizaleene
    @Drizaleene 2 года назад

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

  • @rhythmdroid
    @rhythmdroid 3 года назад

    Wow! Excellent tutorial! Thank you!

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

  • @keithbuchanan6028
    @keithbuchanan6028 Год назад

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

  • @magnumXpress
    @magnumXpress 2 года назад

    Great tutorial!!!

  • @bothebroforyo
    @bothebroforyo 3 года назад

    Thank you! Great tutorial.

  • @ritwikpuri5313
    @ritwikpuri5313 3 года назад

    Thanks a lot for this awesome tutorial !!

  • @h0ang
    @h0ang 2 года назад

    This was very useful. Thank you so much!

  • @RajBeats
    @RajBeats 3 года назад

    incredible and concise tutorial. thank you!!

  • @PayAsUgO2k7
    @PayAsUgO2k7 3 года назад

    Thanks 4 your input! BIGUP

  • @nolandderlugner1351
    @nolandderlugner1351 2 года назад

    thank you

  • @v.8524
    @v.8524 2 года назад

    using this for nfts is gonna be amazing

  • @JuanDuqueJuanimador
    @JuanDuqueJuanimador 3 года назад

    Great tutorial, thanks for posting!

  • @tp3239
    @tp3239 3 года назад +1

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

  • @cesarfaavero
    @cesarfaavero 3 года назад

    Love this! Thanks a lot.

  • @sachibbankib
    @sachibbankib 3 года назад

    Very very nice tutorial

  • @dafearlessyt8354
    @dafearlessyt8354 3 года назад +1

    how to navigate the camera? 11:50

  • @Glow0110
    @Glow0110 3 года назад

    Very cool tutorial!

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

  • @goodstart5098
    @goodstart5098 2 года назад

    Awesome stuff!

  • @MatheusFelipe-jl5mi
    @MatheusFelipe-jl5mi 6 месяцев назад

    VOCE EH UM ANJO

  • @younessechchamsi
    @younessechchamsi 2 года назад

    Thank you so much 😭😭😭

  • @NotVilaco
    @NotVilaco Год назад

    Master!! 🔥🔥

  • @MRNavindu7
    @MRNavindu7 2 года назад

    Thank you very much sir Great Work❤🔥👌

  • @dayinhistory7422
    @dayinhistory7422 2 года назад

    Brilliant!

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

  • @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?

  • @seffdog1177
    @seffdog1177 3 года назад

    Sick as video bro thanks 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

      ruclips.net/video/JFLBJH2aMpU/видео.html

  • @darkkimo9083
    @darkkimo9083 2 года назад

    just thankis thankis my hero

  • @jacksonanderson7230
    @jacksonanderson7230 3 года назад

    Awesome!! Thanks fren

  • @papasweeds
    @papasweeds 2 года назад

    Big tnx! 🫀

  • @denizorsel1029
    @denizorsel1029 2 года назад +1

    How can I like a video 10million times?

  • @dhirenpathak
    @dhirenpathak 2 года назад

    Great, sir Please also More Tutorials on After Effects,

  • @lilimxprice
    @lilimxprice 3 года назад

    Thank you so much!

  • @twisterrrrr
    @twisterrrrr 3 года назад +28

    Looks like cool stuff to sell as nft

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

  • @NOREALESTATEINVESTORLEFTBEHIND
    @NOREALESTATEINVESTORLEFTBEHIND 2 года назад

    great video

  • @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?

  • @kristinecarnegie5496
    @kristinecarnegie5496 Год назад

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

  • @Aomedia_tv
    @Aomedia_tv 2 года назад

    thanks!

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

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

  • @mohamedbrown3018
    @mohamedbrown3018 3 года назад

    Really beautiful you are smaart :D

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

  • @hinasaleem5021
    @hinasaleem5021 2 года назад

    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.

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

  • @JohnnyBoiiisHackz
    @JohnnyBoiiisHackz 3 года назад +1

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

  • @shittyshitcoins
    @shittyshitcoins 2 года назад

    Thanks for sharing this! really clear and well explained! cool as shit! :D

  • @sana-vlogz
    @sana-vlogz 2 года назад +1

    Can I know in which software we can make this

  • @valentincampos8608
    @valentincampos8608 3 года назад +2

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

  • @mysuperpower7161
    @mysuperpower7161 2 года назад

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

  • @acadvideoart
    @acadvideoart 2 года назад

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

  • @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?

  • @mauricetaylor4537
    @mauricetaylor4537 2 года назад +1

    How do I make the card spin

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

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

  • @lomi5hani442
    @lomi5hani442 8 месяцев назад

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

  • @remi2nice
    @remi2nice 3 года назад

    This is awesome! Is there any way you can make a file compatible with previous ae versions?

  • @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?

  • @loopster40
    @loopster40 2 года назад

    So you have to have a subscription to after affects to use this project you made?

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