In this video I want to show you a simple way to do this art style called Neo Geo. It's a
geometric style that uses different shapes and colors and makes some cool patterns. Let's go!!
Thanks for joining me on this video my name is Juna with Detour Shirts. I've been designing
and selling t-shirts online since 2005 and I've been doing graphic design since
the mid 90s. So I've been doing a lot of different styles, graphic design styles and this one I've
seen before but I want to show you how to do it. This style is called Neo Geo. So Neo Geo
is short for neo-geometric conceptualism. If you go to images in google you'll see so many
different artworks and they're all different shapes and colors so there's not one way to do
this there's so many different ways and i love this because you can just use your imagination
on what shapes you want to do and so i'm going to show you how to do some very simple shapes in
affinity designer this is a good way to show you the different tools in affinity designer as well
Neo Geo isn't very popular on t-shirts but you can imagine you can put these on so many
different products these would look good on bed sheets this could look good on towels on
shower curtains on phone cases on pop sockets on a lot of different things and you could use
it as a pattern inside of your t-shirt design maybe not as the full t-shirt design but they
could be in patterns and in different things like you put leopard patterns and stuff and
and zebra patterns and things like that so very versatile and very easy to do and you can make
so many different ones with the different shapes and different colors so lots of different ways
to do it i'm going to show you how to do it one way there's lots of ways to do it as well i'm
going to show you my way hopefully it's a simple way that you can do and then play around with it
use this as a starting point to make your own style your own different things so if you don't
have affinity designer you can try and follow along in canva or in illustrator or whatever
you're using inkscape it'll be pretty simple these are basic shapes that i'm going to be using
squares and circles and things like that so follow along and you can do like i said you can do any
shape anyway so whatever shapes your application has use that instead so let's get into affinity
designer and let me show you how to do it so here we are in affinity designer if you just started
with your artboard click on your artboard we're going to make sure that it's the right size so
we're going to first we're going to do guides for this so let's go to the transform tool you can see
i have 4500 by 5400 which is my merch by amazon size i'm going to change it to 5000 by 5000 and
you'll see why in a little bit so 5 000 and hit tab and then 5 000 again tab and there you go
it's a nice square so right away you'll know that it's a square so that we can tile these
so in red bubble and other applications when you have a square you can tile it and it will just
make the pattern repeat over uh bigger spaces so this is very important to do and then the next is
um it's easy to divide by five so i just need a one thousand by one thousand square so just
draw a square like this and make sure that it's one thousand here one thousand tab one thousand
so this square we're going to do five times it's going to be five by five so
a one nice way you can do this is to use your guides here do this um to the left right align
left and then align top right there so that's in the corner so we're gonna draw our guides to this
from the ruler right here just draw a guide and draw a guide like that right so we're gonna take
this same one and we're gonna do middle so we'll do middle and top here and then we'll
use our guides again so let's do that and that and then this one will also go to the
right and top right and we'll do you guessed it we'll do the guides again and we're going to do
this for the bottom two so go here and then bottom so we got the guides draw it down here
we're just drawing the guides where we're going to put our squares so we want it i forgot we're
supposed to put it in the middle so let's do middle right there and then
guides and guides great so now whenever we put this it's going to snap to guides make
sure your snap to guides is on right here this is snapping if you click that on and then you
can see here snap to guides right there okay so i'm going to zoom out just a little bit
and i'm going to copy this artboard so i'm going to hit option shift hold down click on
the artboard and drag so we got the same thing on this side and same thing here with the different
guides so we're gonna make nine of these to put in here now i know there's more than nine but we're
going to rotate it and color it and do different things so that it we don't just don't have the
same nine so um let's zoom in here hold down option and scroll wheel and you can scroll in
so the first shape we're gonna do is a triangle in a square so click on here go to layers you
can see it's just that one square we're gonna hit command j and you can see there's two of them now
we're going to convert this to curves like that and then hit the node tool like this
and we're just going to get rid of that one so we're going gonna color this
color these um different colors so this one we can leave gray and this one blue
all right great so that's our square one let's do another one let's copy this
and we'll do it there so the next one that i'm going to show you how to do is just to half the
square so do this command j again and pull this halfway down that's all you have to do and then
color this one there we got two let's do another one let's just do a circle inside of this so
get rid of that and here's your circle start from here and just go all the way
down to this corner there's your third shape a circle in a square really easy um let's do
another one here so we're gonna click right here with the node tool
you can see there's a point there and then get rid of this point
and then let's do this put this up like this we could either do that or we could
rotate it back so you can see i'm gonna just flip it yeah that's a cool one right so we'll keep that
that's shape number four really easy let's copy this one let's use some of the shapes in here so
uh triangle diamond any one of these diamond is easy let's click here whoops
click here and up there's your diamond super simple
um let's do another one you can do as many of these as you want just super simple use these
shapes right here um let's do this donut this donut's cool all right
there and there cool the next three we're going to do kind of fancy so let's take this donut
put it here and let's move the donut to the edge there and take this hold shift
and wait till you go there and there and then what you can do in this is you can change the
donuts angles so you can see how it does that so let's do start at angle zero and end at angle 90
and there you go isn't that cool that's a nice shape we could do the same with the circle and
the pie tool so let's do this right here go to the pie tool isn't this fun with these different
shapes so go here holding down shift there and there so this is why we have the guides right
it's so easy to do it with the guides and then again we're going to start at angle 0
and end on angle 90.
boom all right let's do one more shape let's do a fun one let's put this one right here
and let's do the star tool
so star you can do like that but let's do a four pointed star we'll just you can do as many points
as you want that would be fun to any one of these but let's just do a four pointed star like i said
the like there's so many different shapes that you could use here right and then just do that
there so those will be our nine shapes you can do as many shapes as you want but we'll just use this
these basic nine and then we'll fill that in here so once you get to this
point let's group these together so this right here let's just make sure they're
together like that by doing align center and align center this way and then once
you have them together make sure you group them so command g same thing with this one
one thing i forgot is that this is a big circle remember we cut it out we're going to have to
let's double click on this and you want to convert this to curves so once you convert it to curves
then it knows that you you actually want that shape so same thing with the donut
the whole circle is actually there it's just hidden so you're going to want to click double
click on that and convert that to curve so now now this is one piece you can see it's just a square
so you want to make sure that it's a square if you see that it's outside of the square you might
have to convert that to curves you want to make sure all of these are just squares now right and
real easy to move because we're going to move them around flip them around rotate it and everything
so now that we have these shapes let's put them in here into our first artboard let's remove this
so you can pick any one you want first let's do this one now that it's here click on the
artboard click on this and put it there now you can rotate it right if you want it like that
hold down shift to rotate it 90 degrees 45 45 90 like that so it's real easy um next one we
could put in here actually let's do this this is fun so let's put here put this one in here
and it snaps to the guides you see how that did that um let's grab this one put it here snapping
to the guys now again you can rotate this so hold down shift and maybe you want it like that instead
really cool right um let's grab this star snapped in here and let's do this one it's not in there
all right that's looking good all right so let's do this one here that'll be fun this is here
and and start filling them as much as you can i'm gonna fast forward so you can see
what it looks like so here we go this is what i came up with
yours may look different depending on what you did the next thing we want to do is color these and a
great way to get the right colors is to go to the internet and get a color palette i like to go to
coolers dot co i'll show you where that is right now so here i am on coolers dot co i love this
website uh you can make different color palettes or you can explore the ones that are already here
let's start the generator this one's really fun so we hit this and it just generates a color palette
so you can just choose this one just you know download it or take a snapshot or you could hit
your spacebar and it will change it look at this one this one's really cool i like this one already
so let's just do a command shift there's ways to download this but i like to just do command
shift four for a screenshot and i'm just gonna take these colors right here boom
so i'm going to take those colors and use it in affinity designer and i'll show you how to do it
so you can see here i brought in my color palette that i took a screenshot of and i'm just going to
color these with the eyedropper so double click on this one and you see instead of that color
i can choose this color right here boom and then do the inside i can choose this color right here
and so on um whatever you want i'm gonna fast forward this one as as well but you can do the
same thing i'm gonna color this whole thing and you'll see exactly what it looks like at the end
so there you go i colored the whole thing yours might be a little bit different um i i chose to
do some of these where they're the same color so they look like a bigger piece so you might want to
do that you can see i did it here too they're kind of connecting so i i made those connect have fun
with this this is a fun way to color it one thing you might need to do is to move these squares just
a little bit i know i did snapping to guides but sometimes it doesn't snap really well so
if you do view and then uncheck show guides you can see there's some white space here just zoom in
like this and make sure this one is centered right there and to the bottom and then you can do
these in the middle right and then make sure that and just go in and kind of clean these up
sometimes they didn't snap and so that's what i'm going to do i'm going to just clean these up
so the last thing i want to show you is what you can do with these so i'm going to export this
i'm going to hit artboard 1 and just hit my command shift option s and that's my export
and i'm going to export this artboard as a png and we're going to use this png i'm just going
to call it neogeo1 since we're going to make a lot of these and then save it to my desktop and
i'm going to show you what we can do with it in redbubble so here i am on redbubble i drag this
in here you can see that's the same thing we had on affinity designer now not so great on t-shirts
um but on hats kind of cool i think if you got the right color hat uh the all over print not bad
but here is where it gets really cool the phone cases so i have mine set at choose pattern with
no pattern you can see it's not the best but with the regular grid pattern look at that we can make
it any size we want but i think something like that is really cool the repeat pattern
really neat let's see looks great on mouse pads on pillows on desk mats we could do that
prints and cards but look shower curtain we could do a full shower curtain with the same thing with
the pattern if you do the regular grid the offset grid is kind of cool too it has that cool pattern
it still works with the offset grid so either one of those you can see it makes a different pattern
here look at travel mugs look at all of these cool stuff just has that neat modern Neo Geo look right
great for book covers if you're doing um print on demand kdp and bath mats would be great it
doesn't feel that whole thing anything where you fill the whole space with a pattern it
does great like mask look at this mask this is so cool bring this down change it to pattern
that's a cool mask right there right and then aprons just this whole pattern and with the colors
you chose the right colors because of colors.co so there you go that's what i would do on redbubble i
would like to show you one more thing and this is for coloring books so the last thing i want
to show you is coloring books super easy just um select all of these and instead of color
just do no color but the stroke will be black like that and then make sure your stroke is big enough
to see right there look at that wouldn't that be fun to color and every time you make one of these
designs you can make it another coloring page and another coloring page before you know it you have
30 different pages to color and this is really fun to color especially if you do different shapes in
here the stars and anything use your imagination you got lots of different ideas now you can see
you can change the colors the shapes just so many different patterns that you can make so that is
it for this video thanks so much for watching hopefully this video was super helpful for you
now you can make all your own Neo Geo patterns it's so fun to do and it's just shapes so you
you can make so many different ones and play around with the different colors on coolers
that's really cool so if this brought you lots of value make sure to give it a thumbs up and
if you're not subscribed to this channel already make sure to hit that subscribe button right there
thanks so much for watching the question of the day is have you heard of Neo Geo before let me
know in the comments if you've seen this style have you heard of it before i'm sure a lot of you
heard of geometric patterns but this is the first time i knew that it was called Neo Geo. I had to
look it up. so let me know in the comments if you already knew that what it was called
thanks again for watching and if you want to see more design videos click on these right here
and as always guys keep creating and keep learning i'll see you on the next one bye