So recently I made a video about CF spark, this one right here. It's Creative Fabrica's
AI system and there's so many things on there but in this video I wanted to do a tutorial on
how you can use some of those designs that you make on CF Spark and combine them with
fonts that you can get for free on Creative Fabrica and put them all together to make a
t-shirt design like this. I'm going to do all of this in Affinity Designer. Of
course you can use your own Graphics app. You can do a Photopea or Adobe products or
whatever. I'm going to show you exactly how to do it so you can follow along. Let's go!!
Hey everyone, it's Juna with Detour Shirts. In this video I wanted to do a t-shirt design
tutorial using designs from CF Spark. So I'm going to use some of the AI designs on there
as well as some free fonts on there on Creative Fabrica now there's lots of different things on
Creative Fabrica you can download designs and other things I'm going to kind of keep
it pretty specific now I can do other tutorials but this one's going to be specific to the AI
part of it and I'll show you how to do it how to download and how big it is and trying to answer
all your questions so let's get into CF spark or Creative Fabrica's website first and I'll show you
the things that I'm going to download alright so here we are on creativefabrica.com you may have
come here before the part we're going to go into is spark now I've had a video like I said about
these I went over all of these the one I think is the easiest to use is the transparent PNG
so let's go go there create transparent PNG and you're going to see that I made some here already
with some frogs I did some butterflies I did some mushrooms and here's the prompts right here so I
did three mushrooms with red and white tops I did or origin 2D V2 right so that's this right
here so if you want to try it every time you do it it's going to be different yours may not look
exactly the same like this but it will be similar the nice thing about this about AI is that you're
going to have different Graphics so there's no one that's going to have the exact same thing so
that's really helped with copyright protection and things like that right so you're gonna do yours
one thing you can do so let's see if you find one that you like let's I'm gonna download this one
um you can see I've already published it so if I like this one you come here and you hit
publish and this one has been published so I'm going to open it so you can see what happens and
so I'm going to use these mushrooms here and I'm just going to download it well I already
downloaded but I'm gonna that's what you do you just hit download and it'll download to your file
and I'll show you how big it is so you can see it's definitely big enough I already tested it
but I'm gonna download more than one thing so I'm gonna do I'll go back here and I'll show you I'm
gonna do this mushroom I'm going to take some of these um butterflies I like this one right here
um take a bunch of these butterflies and then I I'm thinking about putting a frog in there too
so I'm gonna do a whole um mashup of different things and that you can do because you have so
many credits I had like 1900 credits and so you can keep trying different things if you don't
like the shape of that frog or this frog you know try a different frog but the nice thing
is try it in all the same model so you can see I did origen 2D V2 for all of them so they kind of
match together so they can work together right I also did this one down here which is a different
kinds of thing I I really like this on how it came out and this one is 3D V2 you can see I
use that as well as this butterfly here so this is 3D V2 so I could match this one up with this
one and I'll show you that later too so what I'm gonna do is I'm gonna download these three things
this mushroom the butterfly and the Frog and I'm going to open it up in Affinity designer
they're pngs but they're trans parent pngs and they're big enough so I can scale them down I
can't scale them up but I can scale them down and they'll they'll still be fine I'll show you how
big they are in Affinity designer and you'll see what I do from there next thing before I
leave creative fabric I'm going to need a font so let's go to freebies all freebies
you can see there's a bunch of cool freebies here and the nice thing about this is it always
includes commercial license right so you can use these on uh print on demand I'm gonna do actually
fonts and I'll show you how to download these two so I'm gonna go I think I saw it on page three
some pretty cool ones I want something like this here so I'm gonna do sugar peachy sugar
peachy font and you can see I love how it's kind of vintage and we're going to do the layers like
that I'm gonna try and copy that so I'm going to download this as well I'll show you how to
upload a font if you're on a Mac sorry for those that are on PC but it's pretty easy to do on a
Mac so if you're on a Mac you're going to have to open your font Book application and maybe in your
applications folder if you're like me it's down below I put it with all my other stuff because I
use fonts a lot um I'll just open that up and I'll show you what to do next so here I have font book
open the thing you're going to want to do is to go to file and then hit add fonts to current user
so I'm the current user I'm going to hit that or you could hit command o for open right I'm going
to do that and then it's just going to open my folder here so if this is in your folder that you
found you can go back and and you know maybe it's in your downloads folder that you just downloaded
you can see super peachy select all of these like this and then hit open and then it's going to load
it onto your font super easy you can see mine is already there if I do sugar peachy and I click on
it you can see I have a bunch of them here and then and it's all loaded I have 10 Styles here
so that's how easy it is to load a font from creative fabricas so let's get into Affinity
designer and I'll show you how to create this design so here I am in Affinity designer I made
an artboard here that is 4500 by 5400 if you're in any other graphic design app photo P or adobe
or whatever just make sure you have the artboard at that size right so now I'm going to just drag
in the elements they come in in your downloads folder when you download it it's going to be
in a zip file double click that zip file and then it's going to open that transparent PNG
so let's see what I got here I'll drag this one in you can see the frog is pretty big I
don't want to make it any bigger I can make it smaller but I'm going to put it on the side here
here's the butterflies we're going to use those move that off the screen
and the mushrooms all right great so you can see they're they're pretty big size they're not
exactly 4 500 wide but I think they're big enough I just have to remember not to size them up too
much so the nice thing about this is they're all together so I'm gonna separate them out by using
the crop tool here so um I'll show you what I mean I'm just gonna crop this and crop this down like
that there's one mushroom I'm gonna do that again I'm gonna hold option and drag this here and I'm
going to use the crop again and kind of get the other ones so let's see maybe I want this one
that's almost good uh I might not use that one let me try again with the bigger one I want to make
sure I got that big one here that one's good and let's see just gonna crop it in right there good
cool let's see if I can get that other one I'm gonna crop that out here there's this one
cool so the nice thing about these is now that they're cropped I can put them like by each
other so I know that one's in front this one's in the back and you got this big one here right
cool and now I can take the Frog and kind of put him in the front oh I can make him smaller
that's pretty cool like that and then I got these butterflies I'm gonna do the same thing
with the Butterflies I'm going to crop them out so I'm gonna make another one here use the crop
tool again you can see that my design is going to be so original from the other ones that you
know nobody's going to have the same exact design as I am so I'm gonna put that here
now you can see I can't exactly crop this one whoops you can see I can't exactly crop this
one because this this butterfly is right here so what I'm gonna do is I'm going to crop it
a different way so what I'm going to do is I'm going to put a shape around here and just have
that butterfly so I'll show you what I mean I'll put a pen tool here and then just draw a shape
around it boom now I'm going to take off the stroke it's just that shape here and if I go to
layers you'll see if I do both of these and move it to the front there's the butterfly and then
there's that shape that I made of so if I just grab the butterfly and bring it into the shape
like that you can see it cuts it off so I can use this now like that and this will go over there
and let's use another butterfly so I want to use I can do the same thing for all of these I
want to use that one right there I'm going to do the same thing I'm just going to draw around it
right it can be whatever you want take both of these move them out the front you can see
take that again move it into here boom it's cropped now I can change it and move it around
great right so the next thing I want to do is maybe put some fonts here so you can see
all of this is still transparent though so let me show you look I can make the T-shirt
whatever color I want in the back and it is transparent so it will work on different colors
uh so the next thing I want to do is put that font I'm going to just use the words be wild
just so you can see uh the different words here I'm going to click on text I'm going to do B Wild
now that font should be in our library here remember it was called sugar
peachy that's right sugar peachy and by default it's medium but I can go
black here which is really dark and I can go do the white outline we'll do white
right here and it had an outline on it on some of them so I'm going to do a black outline
boom and give it a stroke great and so we're going to use some of the glyphs on here so it
had some really cool glyphs highlight the E and go to the glyphs right here and you
can go all the way down and see how you can see some of these I'm going to click this e
I'm going to click uh there's an L down here let's do that is l or maybe this l
I think that one's cooler and then there's a d over here let's try that d
cool right and you can if there if you need more space you can hit option uh and move it like that
or if you want to use a different one let's do one that's just the bottom there we go
that way it's better all right now remember there was uh the different
layers to this right so I'm gonna do different layers to this so all I have to do is hit command
J you can see it's below it pick the one below it and I'll do like I'll hold down shift and hit
down three times one two three maybe six times one two three and six to the left or right one
two three four five six there and then I can just color the inside and come here to the color maybe
pick one of these colors I don't know um green is kind of cool or purple let's do this light purple
boom Isn't that cool now you can move both of these to the back if you want
and I think that would be cool let's add some more colors so let's there's the bottom one here again
hit command J to the bottom uh shift and click down arrow one two three four five six one two
three four five six to the right and then you know pick another color that's in here maybe that red
underneath
and there you go those are some that's a cool t-shirt there I'm gonna move the Frog a little bit
now you can play around with this move move things around
maybe you want the maybe you want the butterfly there instead or this closer like that
maybe you want this here so you can see that see everything can be moved and it's on its own there
right so there you go pretty easy I'm going to show you what I did with some other ones I
played around with it and did some other designs with the 3D one and so I'll come back and show
you all of them together so I made a few more designs with that font and a different Graphics
from creative fabric of the spark right so these are the cartoony ones but check out this 3D one
well I did this one here you know kind of doing that sandwich idea you can see I can move things
around right so if I wanted to go here or here it looks great and then I did this one I really
like this one how this turned out look at this 3D mushroom and the butterflies I did just a lot more
realistic and I think this can stand out and again using the same font but with that different colors
to match here and I really like this one too you can see I can move this around I did the same kind
of thing clipping it out so you know I can move it here if I like that there or if I want this right
here I can do that as well well so lots of ways that you can do this and I love it because it's
transparent PNG so I can move things around and it comes in about the right size you may have to
scale it up a little bit but that's not going to harm it too much because you're not scaling it up
from like a thousand to four thousand it's already coming in at about what is it uh about 4096 is the
the biggest it gets so 40 96 to 4500 not not a huge scale up so I would say try not to scale it
up if you don't have to but if you need to scale it up just a little bit it won't be too bad so
look at that pretty cool how it comes out and I'm going to put this one on a t-shirt right here and
I'll show you what it looks like on a t-shirt you can see it right there looks pretty good I
I really like it and again these are all your own Graphics you've made in CF spark so nobody will
have these same Graphics you don't have to worry about you know buying graphics and then somebody
else buying the same Graphics you're gonna have your own type of mushroom your own type of well
the butterfly may look similar because butterflies all look similar but your mushrooms are going to
look different and whatever you design right if you make a cat or a unicorn or whatever they're
going to be their own thing so I think this is a really cool idea with AI because you can make
stuff and you can try it over and over again until you find the right style that you want
and then it's then it's yours you can remove it from from creative Fabrica after you download it
so nobody else uses it if you don't want to share and I think it turns out great this is a really
cool style right here you may have to try things over and over to get the right one but you'll have
a lot of credits there so so there you go a full tutorial on how to use some of the designs that
transparent PNG from CF spark as well as uploading your own fonts and using your own fonts from their
free font there's lots to do on Creative Fabrica let me know in the comments if you want me to do
another tutorial from creative Fabrica different things on there I love to show you how that works
thanks again for watching and if you want to see that first tutorial video of CF spark I
have it right here I go through all the different ones if you haven't seen that already maybe this
will be a good one to brush up on and see all the different styles you can do with AI thanks again
for watching and as always guys keep creating and keep learning I'll see you on the next one bye