In this video I'm going to show you a simple technique that you
can use on your t-shirt designs and that's with outlines. Let's go!!
Thanks for joining me on this video. My name is Juna with Detour Shirts the channel all about
helping you design and sell t-shirts online. If that's something you like to do don't forget to
hit that subscribe button. So to begin with this video I wanted to let you know I do read all your
comments. I try to answer them all and i've seen a lot of comments about how do i create outlines
ever since i did these two designs here on my videos just a little earlier in the week a lot
of you have been asking how do i do those outlines how do i outline the graphic how do i make that
outline on the text i'm going to show you how to do it it's really easy an affinity designer
so i'm going to take you step by step on how to do it and how do you can use it on your own t-shirt
designs you can use it in a lot of different ways you saw i just use it on two of those right there
i use it a lot actually and this is a good way to help your design stand out on a dark background
or just to kind of give it some interest so we're gonna get into affinity designer today
hopefully you have it if you don't you can use this technique in illustrator as well it's just a
little different on how you do it but it's really close to being the same thing so if you have
illustrator or affinity design or any of these graphic design programs that you can add a stroke
to it or outline to it you can follow along pretty closely so you're going to want to stay till the
end to see all the different techniques on how to do this outline and see the final product as well
as another edition of trend credit so stay till the end for that let's get into affinity designer
now so here i am in affinity designer these are the two designs that i showed earlier um and you
can see here's an outline above the text that's a black outline actually it's not it's uh outline
that's getting knocked out of the sunset but it looks black right and here is a white outline
around this hedgehog here so i'm going to show you how to do both i'm going to teach you first what
outlines are just so you can get the basics of it and then i'll show you how to do each one of these
and we'll go from there so the best way that i can think of teaching you about outlines is just to
show you right here on a square so a rectangle so this is a rectangle i have my color palette open
so open your color palette right here and you can see the fill is red i got 100 magenta 100
uh yellow here and i don't have a stroke on it yet or the outline on it yet so
outline is nothing so let's add a black outline so you can see it i'm going to add black here and you
can't really see it if i click out of it that's because the outline or the stroke is really tiny
so let's see how thick that stroke is so let's go to the stroke palette and you can see how
thick the line is so if i go to the stroke palette you can see it's point two points so 0.2 points
not very thick at all if i make it thicker you'll see it there so i'm going to make it
really thick so you can see the difference i have it at 50 points and it all depends how big your
design is i have my design pretty big right now so you can see right now by default it's align
center so you can see right here align center if you go down it says cap join align align center
is by default align stroke to center you can see that it's even on both sides you can see this is
the center line and the stroke is on this side and on this side so the stroke is right in the center
of the line you can do also a line to the inside where the stroke is right on the inside
and then align outside where it's outside and it's getting rounded because of this join right here so
if i made it straight you can see join is another thing right here so i like to have it on round
join for some a lot of my stuff but if you want it straight i like to use straight for like straight
hard edges rectangles triangles those kinds of things but usually when i'm drawing stuff i want
that flow so i want it to be rounded so use either one and this is outline on the outside here so
just that's very important for you to know center inside outside if i want to outline on the outside
i could just pick this outside but i don't do that all the time and i'll show you the difference why
but that is the basics for outlining so this is where you go to make your width
of the outline make sure your object is selected though before you do it so if you're like here and
you're you're playing with the width and it's not moving it's probably because it's not selected so
click on it and then move it and you'll see that it goes up and down okay so that's part one
outlining this is the very basics of outlining outlining one shape i'm gonna show you how to
outline uh design now let's go and try and outline that hedgehog so now that you know how outline
works let's try and do it on a graphic so here's that hedgehog that i was using in that design
if you click on the hedgehog here and look on the layers palette you can see in merchant former the
way they did it is they have different layers on it so you can see these different layers on
and that very bottom layer is actually the whole thing so they outline the whole thing you can see
it's just white a white background and that's just to make sure that there is a background down there
when it prints and there's no outline so if i outline it and put a white outline on here you'll
see if i increase the stroke you'll see that it just outlines the whole thing now sometimes
you're not lucky enough to have a layer like that in the back of your design so i'll show you
a foolproof way to do it on any graphic so let's back up here let's say that there wasn't that
it was just all together but there wasn't one design so what i like to do in those cases is i
would copy the whole thing so i have this whole hedgehog here and then hit command c and then
command v and you'll notice there's another one right here now so now that you have that second
one pick the bottom one and then just outline the whole group the whole thing so now that i
have the hedgehog this bottom one i'm gonna go back to color and select outline white and stroke
and increase it and you'll see it does the same thing so it just outlines the whole design now
and you can have it here and if we look at the design you can see i'm using just the default
the outline center but if you did outline outside it would do it a lot bigger and you just have to
pull it in so you can use either way just the default works though you just have to
make your stroke a little bit bigger because remember only half of it is showing instead of
the whole thing showing on the outside so really easy right all you have to do is copy your graphic
make sure that copy is on the bottom and that bottom copy add a stroke to it and you can see
really easy like that and then save that before you output it for your t-shirts and you'll have
that white stroke on a dark background so if this was a black background here i'm making it red so
you can see the different black and white but if i made it black you know it'll still stand out so
that's an easy way for me to make your graphics or anything you want to stand out on black is just to
give it a stroke especially when you have multiple colors it's really nice to have just that white
stroke around it just to make sure that it stands out on a black because sometimes you'll have like
black outlines like this one has a black outline right now if i turned off the stroke
you wouldn't see the outline right but now because you have that white stroke you see that black
outline like is when it was intended to show so that's the easy way to do a graphic copy the
graphic outline the background let me show you how to do the text and how to knock it out of a sunset
all right so here is the text version of just the sunshine now i'm just using the text so you
can see here the font is ariel kids if you want to download that font i got it from myfonts.com
but here is just the text and you may think oh all i have to do is put an outline on it
let me show you what happens when you put an outline on it since we have a back black
background i'm going to use a red outline so here's red you can't see it yet because
it's so small so let me show you what happens when i increase the stroke on this watch this
you'll notice it's doing some funky things right here and that's because each one of these fonts
is a different letter so you can see it's kind of outlining over it and it kind of looks funny
even when i do it on outside you can see it's cutting off it's not being connected right
so one way to counteract that is to do what we did and the previous one is to put the copy of it
in the back so let me show you what happens when i do that so let's go back i'm going to do command z
go back to where we had no stroke so no stroke here i'm going to command c and command v so
copy command c um paste command v and you can see there's a copy here now sunshine on the bottom
layer right so take that bottom layer and now let's put the red stroke on that and increase
it so now you can see the top layer because it doesn't have the outline and the bottom layer does
it's still connected so it looks really nice and that outline looks great and you can use either
you know center or outline just remember uh if you do it on the outside you'll have to take it in
right because it's half it's twice the size so i like to just use the default and then i kind
of eyeball it right and then this one's going to need the same one right here to make it look the
same so whatever you use here this is 30 points so just do the same thing on this stroke copy paste
and then do a 30 stroke on here you know with the red color let's do 30 first and then red
right there so it matches right so now you understand that idea of outlining a font
and why you need to put it in the back sometimes a lot of times actually so that you can see this
connects here so that's how you do it so this is outline now let's put it in front of the sunset
and see what happens okay so now we have the sunshine text in front of an actual sunset here
i took out all the extra stuff so you can just see how these work of course you can do it with
more things on here my original design had palm trees and sushi and all that stuff so
let's just keep it simple text and sunset right so you can see if i click on this sunshine right
here the red outline sunshine on this one let me type it in so you can see red outline
and then this one is red outline two right
all right so and then these are the original ones and then there's your sunset right here
so sunset it's good to label these things that's why it's here so you know what's going
on so sunset sunshine outline and everything so if you've seen one of my videos you'll know that you
can put a layer style or layer effect called erase and that's what we're going to do on this sunshine
layer so let's move the red outline right above the sunset so we'll move it right here and we'll
move this red outline on this one right above the sunset here so now i have my red outlines and my
sunset i'm going to group all of these together so we just hit all three and hit command g or
group right here at the top but i'm going to hit command g because i love shortcuts even though i'm
right here so you can see here now that they're all grouped if i open the group you'll see the
red outline red outline and sunset so this is this part is really easy guys once you have it
in the group putting it in the group is the most essential part but once you have it in the group
now all i have to do is take that outline in the group and put my layer effects and then i
go down here to erase and now it's knocked out of it same thing with the other one the red one
here red outline i'm going to go erase and it's totally knocked out and the way you can tell is by
it didn't just turn it black it knocked it out of the vintage sunset so i'm going to click on here
change my background and you can see it is knocked out no matter what color i make it
it's gone right so that's how you do it super simple now that you know it's it's
a step-by-step process once you figure out the outlines you can knock out the outline
from whatever you want here in the back and then just export this as a png and you're ready to go
hopefully that was really simple for you follow along go back and go step by step hopefully i
did them all really slow for you and uh explained what i did on each step i'm i'm trying to do that
more often a lot of times i go really quickly because i forget that what i'm doing but go back
let me know if that was really helpful for you and go back you can knock out anything not just
text you can if there was a graphic here you could knock out that outline from the sunset or whatever
thing you have in the background and that's a really nice way to make it look on a black t-shirt
or any t-shirt so you don't have that hard outline you just have this outline that it's whatever
color it is of the t-shirt right the t-shirt color is coming through now to show it here so
hopefully that was really helpful for you let me know in the comments
if you like these kind of tutorials kind of showing you step by step on how to do
some of these techniques i think showing you different techniques for non-designers was a is
an interesting title i'll try and do some more of those that can help you with your t-shirt design
thanks so much for watching this video and your reward is another edition of trend credits
thanks for staying till the end for this trend credit here is your trend i'm not the stepfather
shirt so take a look at this there's lots of ways to use this actually there's not just
one phrase so in the beginning it says i'm not the stepfather but you can see i'm not the stepfather
i'm the bonus dad i'm not the stepfather i'm the father that stepped up i'm not the stepfather and
the father that stepped up bonus dad there's a couple of those so there's a bunch of ways
that you could do that um it doesn't have to be a specific phrase these are t-shirts for step dads
for father's day so there's a big group of there you may have noticed here that i'm not showing the
bsrs and i don't know if that's amazon or if that's ds amazon quickview but it's not showing
up here but trust me a lot of these are getting some low bsrs right now and it will continue
to get lower when we get closer to father's day there are some showing up here let's take a look
see there's one right there low bsr kind of low bsrs some other low bsrs here so let's take a
look at merchant former for the competition it's getting an a so you know it's good
if you don't have merchant former i have a link in the description for merchant former
you can pick that up if you don't have it and you know use some of those graphics we saw that
hedgehog graphic was from merchant former as well so you can look here for some ideas too
again this is for step step dads right designs for step dad i'm not the step dad
i'm the one that stepped up i'm an amazing stepdad i have two titles dad and stepdad so lots
of different ways to do t-shirts for step dads that is your big topic your big niche topic or
sub niche i guess of father's days so this is your trend for this video i'm not the stepfather shirt
so that is it for this video guys thanks so much for watching thanks for staying all the way to the
end if this video gave you some value i hope it did give it a thumbs up and if you're not
subscribed already hit that subscribe button i think i have one right in the corner right here
you can click there and make sure that you're subscribed to see all my videos in the future
and the question of the day for this video is what other technique would you like to learn
when you see a t-shirt you want to know how to design it let me know and i'll i'll try my
best to show you some techniques that you can use that are really simple to make your design
stand out on your t-shirt so that is it for this video thanks so much for watching if you
want to see other videos i'll put that distress technique video up here as well as some other ones
and as always guys keep creating and keep learning i'll see you on the next one bye