hey what's up guys today we are going to
do a design tutorial hence the uh epic
thumbnail behind me where i photoshopped
my face onto bob ross rest in peace
legendary painter i think i remember
seeing him on the television in like
elementary school before they would do
the school announcements uh kind of
funny anyways uh yeah so we're gonna do
the juneteenth flag tutorial that i
talked about in my video yesterday that
i was kind of feeling inspired to maybe
do a um video on so i'm basically gonna
show you a couple different ways of
creating designs similar to the flag the
vertical flag with the text on it and
the juneteenth and the distressed and
all those things i'm going to show you
how to do that in photoshop and or
photopia alright that's the plan for
today's video so let's get started
[Music]
real quick i wanted to let you guys know
i'll be going live tomorrow on thursday
at 1pm eastern to do kind of a live etsy
shop review with the etsy shop owner his
name is dustin so we're gonna kind of
have some fun with that one hopefully
help increase everybody's etsy sales
including his sales together so hope you
guys can make it tomorrow at 1 pm
eastern also in the description i've got
a link to my free print on demand
giveaway two winners will be randomly
selected and announced on sunday i've
got a free seven day merch by amazon
mini course delivered via email and i've
got a great merch by amazon facebook
group if you guys would like to join all
right let's get on over to photoshop all
right photoshop is still my design app
of choice but you're not forced to use
this you can use um well for this
tutorial to be useful you probably want
to be in photoshop but maybe photopia as
well basically like a free online
version of photoshop should be very
similar
also just so we're all on the same page
this is the design that we are basing
our video off of uh today and maybe i'll
just like edit it into the video overlay
so that you guys can kind of see what
we're working towards achieving but i'm
gonna keep that on my side monitor over
here as well while i work so uh the
first thing we need is an american flag
and you can probably find like a free
vector or png version of a american flag
um for instance like i know you can go
to all american graphics where i just
typed in the search bar vertical
american flag and i was able to find you
know this version a white and a black
version so i've got that one kind of
queued up but it's almost cheating in a
design tutorial to just have that queued
up um
so i mean you can also just kind of make
your own flag by just making your own
like layer here a new layer in the
sidebar and then just creating like
vertical boxes to represent the stripes
and just replicating them after you
make the the first one you can just
duplicate and this is a much longer way
of doing this definitely i think time is
money and this is probably not the best
way to go about it
but
this certainly um
you know kind of a quick fire version
can work uh nice thing is when you use
like photoshop it'll help you like snap
them to be equally distant and what not
but for the sake of this video let's
just go ahead and use um one of the
pre-made ones also i made two versions
of it so i grabbed like
you know the the one from all-american
graphics is already distressed and i
know you guys probably want to see the
distressed effect
so i will show you how to do the
distressed effect um really quickly as
well so i have a second american flag
here
and it is not distressed okay
distressed is that like grunge effect
that you see that's very popular on
t-shirts and whatnot so i don't know if
i should zoom in all the way or not i
think i'm just going to keep it here
alright so in the non-distressed
layer here this flag
what i'm going to do is go over to the
channels tab so you know how like the
layers tab is kind of behind me here
above my head uh there's one called
channels so i'm gonna click that
and what i have here prepared is a
grunge
like i don't really know what to call it
like a grunge like a grunge pattern that
i got off google
and i'm sure you guys can probably find
one on google as well if you go looking
for it
and then just add this to your channels
tab alright and when you add it make
sure that it covers um basically at
least the equivalent of the
graphic that you would like to apply the
distressed effect to so you can you know
hit ctrl t
you can resize it make it big make it
small
etc okay i just went ahead and made it
the whole size of the
um canvas that we're using by the way if
anybody's wondering the canvas size i
still prefer to use the um 4 500 pixels
by 5400 pixels even though it's not a
requirement for merged by amazon someone
messaged me the other day and showed me
that t public wants the um canvas to be
even bigger so i guess if you uploaded t
public just optimize for them but it's
been a while since i've uploaded to t
public so this has been working for me
all right so we have our grunge effect
now i'm just going to go to select and
i'm gonna go to color range in photoshop
so select color range
and then i'm just gonna click into like
the background okay so you notice like
the foreground of my grunge effect is
white
and the background that i have that i
set is black so i'm just going to click
into the black background
and now it has selected all of the black
portion
of this image and ignored the white
portion okay so now i'm going to go from
the channels tab again behind my head
here to the layers tab i'm going to
click on the american flag layer
and all i have to do now is just hit
either delete or i can just hit cut
and now i have a distressed american
flag pretty cool huh
and also i mean you can if you wanted to
add the text layer for instance i would
merge the flag with the text layer so
that it's just one layer and then go
ahead and do the
um
the grunge effect
all at once
to both when they're merged that way
you'll get a kind of a consistent um
look and feel to the grunge texture when
it's applied okay so that's how you do
that and again if you're like how do i
get this image honestly like google
images or something like i'm pretty sure
it should be allowed since we're not
actually like using it in the end
product we're just kind of using it for
uh
you can go outside and like take a
picture of like the street probably and
figure out a way of using that for your
grunge effect if you needed to
so anyways
back to i like this graphic more from
all american graphics by the way i will
link to this graphic and i will put a
link to all american graphics in the
description uh just the membership is
like three dollars and change a month i
think so
unless it went up might be four dollars
a month um not breaking the bank there
that's still less than one sale at a
1999 uh dollar shirt on merch by amazon
but so we're going to kind of cheat and
use this graphic here and we
next up just probably need to make room
for the text i'm like looking over here
at my side monitor to see what the
juneteenth flag looks like
and yeah i'm thinking that we will then
just use the selection tool
and i will just cut out and by the way
we don't need to like replicate actually
like people's exact designs it's
probably not a best practice so maybe to
make ours different i will cut out two
vertical instead of just one just to
make it you know feel different look
different um definitely probably a good
idea to to not just try to copy people's
exact designs
all right next i have a text layer here
i'll turn off the flag just to show you
and this is just built into my default
merge template to make my life easy
otherwise you can just click the text
tool and click into your canvas but
i'm going to go ahead and say june 18th
okay oops and try not to misspell it
juneteenth all right and i will get it
all on one row here all right perfect
all right um
as far as fonts go this is just impact
font so just kind of keeping it simple
here nothing crazy i guess you know what
let's match the distressed let's do
edmund texture i'm a big fan of that one
all right edmund texture juneteenth
all right and we'll edit that later if
we need to but you can see that
edmund texture's got that distressed
effect kind of already built into it
which i'm a fan of
so now i'm gonna
show the flag again
and
here's the thing with photoshop let me
just show you something really quickly
like you can actually have it type your
font vertically by just clicking up here
and when you have your text selected
uh to the left of where you set the font
family there's like a t with an arrow
down and arrow to the right if you click
that
it'll move your text vertically okay
so this is not exactly what we were
aiming to do
but i did just want to want to let you
guys know that you can actually have it
move your text vertical like this okay
um but that's not exactly how they had
done it in the design we're trying to
use for inspiration
so and i think it looks much better the
way that we're gonna do it the other way
so i will enable the flag and then i'm
just gonna select the text and you can
just go to edit and go to transform and
then we should just be able to rotate 90
degrees clockwise okay so that was just
edit transform rotate 90 degrees
clockwise and that was with our text
layer selected now i'm just going to
move it
and try to get it to fit in here
by the way in order to do the kind of
the constriction that i just did
vertically you can just hold shift and
then um drag the box
either vertical or horizontal and it'll
kind of smush it it's not exactly the
best
like way of doing things um
whoops i didn't mean to go that far back
so let me redo the 90 degrees
90 degree clockwise
um
i'm not really loving the way this font
looks honestly i might switch it up but
also you can go to the character panel
here with your text selected and look
for where it says va and it's got the
arrows going both right both ways and
that's gonna um basically allow you to
reduce the
horizontal width between letters
although we have rotated ours so it's
not exactly horizontal but
you can type in like negative 30 pixels
and see how that looks
and i don't know if this is the best
font for how we're using it here so
maybe let's just try going back to like
impact font and see if that makes a
difference
um
again not looking great if you ask me uh
maybe like open sans like one that i
would use for web development all the
time i don't know if it's necessarily
the best for
um
graphic design here but you know let's
see let's play around with it
when you change font families you may
need to also play around with the font
size as i am doing now
okay here we go let's see if that looks
any better
um all right one last font change
there's a font called league gothic
that is like a very condensed font
and that may be what we're
in need of in this situation
so let's play around with that league
gothic and then instead of condensing
the ver the space between letters i may
actually mess around with
expanding the space between letters just
not by too much all right i think this
one's going to be
more or less a a winner here
so let's see
all right i think that's good um
it helps also to just do this often
enough to like kind of have some fonts
memorized
so that i can kind of play around pretty
quickly
um one other thing i might do since we
did the two bars is i may just expand
the width just a little bit
um to try to match it to
about the width of the two
flag bars that we had
all right so now we've got our
juneteenth text uh and it's certainly i
can see maybe why the design that we're
using for inspiration
added some color because it when it all
blends together the white text is hard
to read against um everything else like
the whole white flag also i noticed that
in their uh flag they have um the stars
kind of cut out
differently than how this graphic is
structured which i mean in this case
probably a good thing so we're not just
like replicating their design
um because you know you don't want to be
like stealing people's designs obviously
so all right here we go one thing you
can do though if you want to since the
juneteenth color scheme does seem to be
pretty well defined uh on
you know merch by amazon and wherever
we're looking
i think it's probably okay to borrow the
hexadecimal color codes so i'm going to
grab the red off of theirs
and then i will probably just
use it as i see fit here
if you wanted to get into kind of doing
it like distressed you could do
something
kind of like zig zaggy i don't know this
is where i'm not really i'm probably
lacking the expertise uh just a little
bit
but you can probably just create a new
layer and then fill with the foreground
color and then you should just be able
to right click and
create a clipping mask
and that way it'll add it in like kind
of in stripes like that
that's an optional way of doing it you
could also just keep it simple and just
kind of apply it in a blocky
more blocky style
so the way i just did that again was
like create a new layer
um i hit shift f5 to fill with the
foreground color you can also i think go
to edit and then fill and just go to
foreground color
and then
behind me here above my head where i
made that new layer i just right click
that layer
and click create clipping mask
and then you'll see it kind of applies
in the way that i had selected over top
or layered the other you know colors
over top
so
that's certainly one way of doing it
here um
you don't have to get like that crazy
either you can just kind of do it
um
any way you see fit but that's probably
actually the best way of doing it now
that i think about it so yeah we'll do
it that way uh i'll just do some yellow
here now it's okay if it like overlaps
and by the way you can have multiple
selections by holding shift so that's
how i was able to draw like two right
there
um
so i'll do that to mix in the yellow
uh where else kind of yellow halfway
through here
okay we'll do that and then i will just
fill again with the foreground color
and because it automatically applies
because it's built into the
clipping mask that we already created on
this layer i'm going to pull it off of
the
stars portion though so it's not mixed
in there i think that'll look better
all right maybe i'll use the red one
more time here and kind of fill in
just a little bit down here
and here maybe
so fill it in with the red there we go
so it's kind of striped it's i don't
know just trying to like look at the
other side for inspiration here um
designing is not exactly my strong suit
so i'm doing the best i can here my bad
if it's like a long boring drawn out
tutorial uh here i'm going to select the
green
and i will honestly just
draw like a massive box here with the
green
maybe fill in
a couple
extra zigzags
fill
okay and that looks pretty good if you
ask me maybe we'll just add like one
more
kind of green up here and a little bit
here just to
switch it up a little bit
all right i think that just about covers
everything that i was planning on
sharing in this tutorial you got to kind
of see in real time how my brain works
as far as how i went about creating a
similar design
are there probably better ways that
somebody who dedicates their life to
being a graphic designer could show you
yeah i'm confident in saying that there
probably is
some better ways but this got the job
done so hopefully you know we all
learned something maybe together here
from this exercise let me know your
thoughts in the comments below if
there's easier ways to do it that i
missed or if you like to do it in canva
or something and you just say ryan
you're wasting your time just go to
canva whatever it is let me know i like
hearing from you guys but thank you for
watching please like and subscribe and
i'll see you tomorrow when i go live
with dustin for the etsy shop review
[Music]
you