Making Trading Cards with ComfyUI

This time we are playing some card games! This tutorial will show you how to generate very different elements and mix them together into a nice composition.
Workflows: f.latent.vision/download/trad...
Discord server: / discord
00:00 Intro
00:53 The Frame
06:22 The Main Character
07:45 The Text Area
11:07 The Symbol
14:36 The Final Composition
16:40 Writing Text
18:42 Bonus Stage

"I like to tinker with ComfyUI". Aren't we all? :) You seriously makes this magical. I've already figured a bunch of things out, but this is next level. That frame generation alone was mind-blowing. Also you've shown yet again something I didn't know: that you can enter formulas as color value. Thank you!

[@devoiddesign]

I said the same thing to my self about the color value formula! 🤩 I was trying to figure out how to direct Comfy to use a specific hex color in a persons shirt. Not sure if this could be used in that way though but wow!

[@atteronious]

This is one of the best tutorials (for any subject) I've ever seen. It was very helpful to see the entire process from scratch, without skipping ahead. And the result is fantastic. Looking forward to more of your videos.

[@lucho3612]

these tutorials on specific subjects are great, I think there is a very deep learning in realizing that this is not just for tik tok videos.

[@benfield1866]

this is so good wtf, these tutorials are way beyond what I thought was possible with comfyui

[@boricuapabaiartist]

I’m a big fan of bonus stages in retro games, cool that you’ve implemented it as part of your content :)

[@skud9999]

His content is the entire makeup of the bonus stage

[@madukatea]

oh my gahd what a tutorial. wish i could do this with such ease as you. i have so many questions. think i need to check out the discord of yours.

[@Cyrecok]

Insane video, this is the kind of content I'm looking for, practical uses! Thank you so much!

[@OUYCC]

Wow, this is truly stunning, especially the creation of dynamic cards. As a Chinese ComfyUI creator, you have given me a lot of inspiration. I continue to support all of your tutorials and video creations; they are magnificent!👍👍👍

[@sintetico82]

The video that I was waiting for so long time! thank you!

[@stephantual]

What a great, practical use of the technology. Beautifully explained too, Matteo. Love it! ❤

[@pfbeast]

As always full with information in simple way 👍👍👍. We wait for in-depth prompt tutorial video 🙏. Hopefully next video will be on in-depth prompt tutorial video 🙏🙏. Please make this video

[@jalalkassab3975]

Love your workflows and tutorials

[@rawkeh]

Amazing stuff as usual, thank you for sharing!

[@Greenthum6]

Amazing tutorial! This workflow brings so many other ideas to try next.

[@comfyuiadrian]

Wonderful work again. Thank you!

[@HiProfileAI]

This is awesone I've been working on some trading cards a deck of cards and you've made n life so much easier in terms of the production. Also you've lessened the steps that I need to now go to Photoshop to make adjustments. Thanks for sharing this has been truly invaluable.

[@CptDoge-rn3ou]

I wanted to exactly do that! Thank you so much! Would never had done it as good as you did. Very much appreciated!

[@bonce8022]

Man, you are simply amazing. Would love to watch full ComfyUI video course made by you. Many thanks!

[@TheDocPixel]

The ComfyUI MVP makes another must-see tutorial! The amount of USEFUL WORKFLOW knowledge in 25 minutes is like an intense cardio workout. Love these goal oriented workflows, which is why ComfyUI exists and does best. Thank you as always for the inspiration!

[@tubegsy]

Mateo I just had to come down into the comments and thank you for all that you do for the SD community. This video in particular blew my mind, you rock 👊

[@EmeranceLN13]

This is so awesome ❤it made me feel like a complete stranger to ComfyUI - I didn't realize something like this was possible before

[@DanielPartzsch]

I love your tutorials so much as you always push the boundaries what one can do with ComfyUI. Especially since you translate basically traditional composting workflows for example that usually you'd do manually and incorporate them into these automated pipelines. This really shows the immense potential for real world applications, product ideas etc. Very awesome and thanks a lot for that!

[@PradeepKumar6]

Best on the internet... Learnt a lot from your videos. Thanks a ton !!! God bless

[@CoolMusicVibes526]

Amazing work, really. All these automated tools out there that just do the work for you, while this type of video helps you understand way more what is going on. I wish my brain was this big to understand it all and keep up with the pace. One day.

[@Lars-pi4vx]

It's amazing how you handle this tool! I really enjoy every video you make. It's so helpful.

[@infp__soul3156]

Amazing and super inspiring work looking forward for your next videos :)

[@siltane216]

Matteo, sei davvero un mito! Your videos have made the steep learning curve much more accessible.

[@moon47usaco]

As always just full of useful information that can be used in various ways. What a treasure trove my friend. Thank you. =]

[@karter.design]

This is Godlike level!

[@WhySoBroke]

Matteo el gran maestro!! Awesome video!!❤️🇲🇽❤️

[@drmuradkhan]

Love the community, thanks for the knowledge you share.

[@SebCharles-oy4pz]

Great detail, thank you

[@epelfeld]

I think I need a course to understand what is going on here... So impressed

[@konstabelpiksel182]

This is wonderful! Thanks matteo

[@DOntTouCHmYPaNDa]

Amaaaaazing 🎉🎉

[@reapicus557]

Outstanding work! I had so much fun following along and making a card, and I think it came it out swell. Your videos are the best.

[@LayMeiMei]

omg! thank you so much for the content!!

[@ourdailyplanet]

this is much appreciated. maraming salamat, Mateo!

[@elowine]

Man this is some workflow, so much to learn from this video. Was a lot of fun following along. The Segment results for the masks aren't the best, I get some nice results using the "Image Remove Background (Alpha)" node from the WAS Node Suite. Especially arround the branches for the frame.

[@f6k128]

well done~Love it！

[@MyWhyAI]

Love it! Will try it this weekend. Thanks for the tutorial :). In your next tutorial on this you should show how to create a foil overlay on the card too.

[@biggerbigfoot]

You sir are a brilliant teacher

[@alexgilseg]

amazing! thank you!

[@EnricoSeifert]

nice one thanks for sharing

[@PaulFidika]

Mateo is a wizard

[@funksmaname]

Brilliant!

[@lukamilosevic7798]

thanks a lot, this video specifically will help me a lot

[@neofuturist]

Matteo, bellissimo, grazier per il tutorial +1

[@ImAlecPonce]

Yery interesting and a whole lot more original!!! subbed and liked

[@hakandurgut]

Very smart and creative

[@autonomousreviews2521]

You're a wizard! :)

[@oberdoofus]

amazing tutorial! You sir are a Legend! Always learn a lot from your videos. Am looking forward to the possible follow up implementing the animated video to the card as per the bonus stage! Or if you are not able to do one (I know you're pretty busy!) can you point me to any other resources that can help me achieve that? Thanks!

[@BrunoRicardoCunha]

*Wizards of the Coast taking notes*

[@PulpoPaul28]

sos buenisimo

[@sergioflores5534]

Hey Mateo, will u be coming out with instant id install guide and tutorial?? Love your videos, u are my go to for everything comfy.

[@edits_for_fun]

Matteo really loved it😍😍😍😍😍. just imagining the variety of cards I can do. What if I wan't to use my face in the cards. please can you make that workflow 🥺

[@latentvision]

oh yeah that would be super simple, just add faceid to the main character generation!

[@wndrflx]

Thank you for this tutorial - you are a great teacher - it was perfect for learning. Started with a simple idea, built upon established skills from previous videos, and contained lots of repetition to allow us to get a hang of how to do it on our own. Once we got to the icon I paused the video to see if I could do it on my own before you explained it, and it felt like things were really clicking. Question - when you were editing the plant mask at 2:39, how did you get your mask color to be transparent gray? Mine is black, which then makes it impossible to see over top of the black center of the image.

[@latentvision]

Thanks! the mask thing is a new feature, you probably need to update comfyui

[@wndrflx]

That worked. Thanks. @@latentvision

[@wholeness]

End result looked incredible!

[@RahulGupta1981]

AMAZINGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG

[@nitricitrum9132]

Thank you for this tutorial. It is unique and it gave me a new perspective on using Comfyui. That's being said, I couldn't find where to put fonts or how to install it. Is there a custom node for it? I'll appreciate if you can explain. Thank you!

[@latentvision]

they are under custom_nodes/ComfyUI_essentials/fonts

[@mikemoik]

Hi, thanks for your fantastic tutorials. but HOW do you box select multiple filters? found nothing :(

[@Homopolitan_ai]

Ciao bello ❤

[@arnihamman7908]

Great project! How to Place Parchment Paper Inside a Climbing Plant Frame with the Frame Overlapping the Paper???

[@davidb8057]

Very enjoyable tutorial, thank you! Where can I find the Draw Text node? The only one I have is the CR Draw Text, and it doesn't have Mask output.

[@latentvision]

thanks! the Draw Text is in ComfyUI Essentials

[@davidb8057]

Never mind, I just had to update your Essentials node pack.

[@timtom1847]

Really amazing what you do Mateo👍👍. Thank you for this vid 👍. I have question that hopefully someone can answer: I just upgraded to a new laptop with RTX 4090 16GB. Now my comfyUI monitor (Crystools node) shows VRAM usage at 99%, and GPU usage at 0%. 1) is this how it's supposed to be? 2) if not, what can I do to have the GPU run as well? Thanks to anyone that can help me with this.

[@madukatea]

3:24. im using your workflow and i got it back down to just the same nodes to get to the border. but after selecting the mask it looks like it just send the mask to the preview image. no plant stuff is showing up. if i remove the load image part with the mask it shows a plant thing. guess i need to learn more stuff before i try this :(

[@BlackvZ23]

Thanks for sharing. How did you get so good at ComfyUI? It seems like you do this for years already :o

[@latentvision]

at one point it just "clicks" in your head... comfyui is like pointers in C++, when you get it, it's like magic

[@cdrbroda]

Que maravilha

[@gustavglancy666]

I have the Draw Text Node, however there are no fonts. How does one add new fonts?

[@EntaFahemGhalat]

Matteo you are the best ever ,, please iam struggling getting good result for my product photos using ip or instant lorqs . Even with the workflows of changing the background it's adding arround the product and hard to upscaled , is this possible in comfy to have good product photography for my products ?

[@latentvision]

yes, of course it's possible! It's not something I can explain in a YT comment though :(

[@EntaFahemGhalat]

@@latentvision can you make a video for this ?? It will be very useful. And unique , I am following all Ai creators. Nobody makes such content in product or fashion photography uses of AI

[@excido7107]

Your tutorials are amazing! I'm just having trouble with my Draw Text node, it says font "Undefined" and I don't know how to fix that and can't seem to use another text node because it doesnt have teh mask out output

[@latentvision]

you are right, I'm sorry that is not documented. Put your fonts under ComfyUI/custom_nodes/ComfyUI_essentials/fonts

[@excido7107]

@@latentvision Thank you, you replied so fast haha, I just figured that out :), amazing workflow, you are a godsend to the space :)

[@pressrender_]

@@latentvision Thanks Mateo, you are my ComfyUI hero, I'm learning a lot thanks to you. I'm trying to use this text node to print some of the parameters into the images, is there any way to do that? I already tried the %Load Checkpoint.ckpt_name% as an input but it is not working.

[@latentvision]

@@pressrender_ I'm sorry I'm not sure I understand, maybe try to ask in my discord

[@mehradbayat9665]

Anyone know why he used canny for the controlnet for the parchment paper as opposed to lineart?

[@latentvision]

they would both work, canny is faster and in this case more than enough

[@goncalocartaxana]

Can you show us how to automate the image creation by some rules. i want to make some cards. I want to bring images and text (from a dataset or folder or txt...) and click a button and just let it do its thing. If that's possible to do I would love to learn :)

[@latentvision]

yeah that's an interesting topic, maybe I'll do a PILL about it, thanks for the suggestion

[@user-ef4df8xp8p]

Nice....You should make a Video Course(paid) on all these...

[@TheRMartz12]

Hi! What node should we use to replace the Apply IPAdapter?

[@TheRMartz12]

I tried using the new nodes, "IPAdapter" and even " IPAdapter Advanced" like instructed in your "IPAdapter v2 video", but it doesn't seem to work, like it literallty seems like the workflow is ignoring ipadapter, I change the weight_type, or the preset with the same seed to try and test things out and it doesn't even generate a different image. Please help? :( @Latent Vision

[@latentvision]

IPAdapter Advanced

[@speadskater]

Do you know why "draw text" would not be defined for me? I can't get to the font

[@latentvision]

update the extension. Inside the extension directory there's a "font" folder. Put your fonts there!

[@matyourin]

I tried to run this and get "Error occurred when executing KSampler: 'NoneType' object has no attribute 'shape'" message... any idea what the cause might be? I got all the png files loaded, got all the models in the right folders... everything updated....

[@matyourin]

i think the issue is the openpose controlnet model... if i chose "t2iadapter_openpose_sd14v1.pth" it works... but with openposexl2.safetensors it doesnt...

[@rohitsure3181]

How you duplicate nodes while it maintains it connections?

[@latentvision]

CTRL+SHIT+V (check my basics tutorial)

[@TheDocPixel]

@@latentvision haha! Yours is better Maestro… especially without the F 😂

[@johnmcg7669]

Great tutorial your skill is extraordinary! If it would be possibly can someone talk me through fixing my 'Draw Text' node as it appears with red border and I have been unable to fix it. TIA😍

[@latentvision]

you just need to upgrade the extension (comfyui essentials)

[@johnmcg7669]

Thanks for your reply. I uninstalled upgraded reinstalled to no affect, turns out I needed a font in the node folder (I had put one there just never noticed there were 2 needed). @@latentvision

[@betortas33]

Can this workflow be used with SDXL?

[@latentvision]

I guess so, yeah, apart for the animation of course. It will require some minimal refactoring though. At the very least in the upscaling

[@betortas33]

But can i do anything else with SDXL and just the animation with 1.5?@@latentvision

[@DaiNguyen-no1zi]

How can I get the Draw Text node?

[@bwheldale]

In my case the node was not missing but until I added the fonts there was a red outline (just in case this helps?)

[@gustavglancy666]

how do i add the actual fonts@@bwheldale

[@gustavglancy666]

how can you import new fonts?@@bwheldale

[@michaspringphul]

5555 the original is Magic the Gathering? Havnt seen that in a while 🙂

[@latentvision]

tell me about it 😄

[@blisterfingers8169]

Great stuff but Discord invites are invalid

[@latentvision]

mh weird, seems to be working. try latent.vision/discord

[@Odin_Bladeworks]

Ok. On another note. Did you know that the subreddit r/comfyui allows bullying?

[@latentvision]

sorry what?

[@gingercholo]

fuckin amazing