ArticlesBlog

How to design your own business card | clean and modern | using GIMP

How to design your own business card | clean and modern | using GIMP


– KG a.k.a Kel over
here. My very first video where I’m trying to start doing tutorials and the first thing I want to talk about is these business cards I just got. So I started designing
my own business cards and I want to show you
guys how I designed these and some of the things
I did to make these. So, here they are, here’s the front all my contact information and logo and just something about
me and here’s the back just kind of like a high
res view of the logo and of the, my little photo thing there and if you look closely there’s like a bunch of code going across the back and everything kind of
matches my color scheme and I just really love these, like I was super excited to
get these in the mail and so without further ado I want to just jump on my computer and show you a little bit how I designed these. started is opening in
a program called GIMP. So what GIMP is, is a free
Photoshop like program that you can do Photoshop
like operations in so you can edit images and it’s free that’s the big piece is that it’s free has the same features as Photoshop not as clean and not as easy to use as Photoshop but has the same features and doesn’t cost you a bunch
of money like Photoshop does. I wanna open up my design as a reference so I can use that to design
with and to about this size so I have it over here as a reference. So the first thing you wanna do is make sure you have your size right so when you get these cards printed the bigger the size of your image the more high quality it
will be for the most part, I mean usually once you
get past a certain size the quality starts to not change but, you least need to have it at
a decent size to start with. I have to make a new image first. New, you can create the size
you can set the size here usually for the business cards you want it at least twice
the width of the height. So, I’m gonna go usually I would say like have your height 1000 at least but that kind of makes my computer go slow and makes it just take longer to do this and for the sake of this tutorial I’m gonna do 500 by 1000, but usually you’d probably want to do 1000 height I don’t know, maybe 500 by 1000 could be O.K. but just make
sure your quality’s good. First thing I did was set the
background this whole thing so for that you can hit New Layer. Oh you want to set the color first. Here’s my color I already had it set which you can put in at hex values here and change your color
here using this screen. Set it to the foreground
so that when I make a new layer I can say use the foreground. Delete that layer, so
here’s your background (mumbles) the other part here is had another little black part here, you can use the selection tool
to select half of the screen might wanna make a new layer for this and make it transparent to start. Make a new section of the screen and then use a new layer and
then highlight half the screen and then you can do this thing called fill with foreground or background color. Change the foreground
color to the color you want which I think, uh I might
not have the color in here I think it might be 353535, yeah. Now I can say fill with
background, foreground. Bam, so now starting to look really close you can go to select none
to get rid of selection. But now it’s starting
to look really close to to the background at least on that. So if you look close I
have like a little code in the background and how I did that was getting on the internet and finding just the image to use,
that is the image of code and I just did a little trick with it to make it be like
transparent and like that. So, let me find like “source
code” just Google source I save this, oh this is
transparent even better so download this.
(clicking sounds) But you can use almost any image though. So what I do is take that
image and dragging it into you can just drag it right on top. PNG offsets, sure. So now
you got this code here gonna put it above all the rest of it this ain’t the same thing I
used, but it’s close enough. So you wanna, I need to make it bigger you can use this scale tool,
you wanna lock the ratio so it doesn’t get all
warped and look crazy. I’m gonna make this the size of my it’s probably a little
bigger than what I set as my height and width so that
it can cover the whole thing you wanna use the move tool to oops I moved the wrong
thing. There’s also undo something you have to
turn other layers off to be able to just select that layer. Even then I’m not getting
it, there it is all right. I’m gonna set it like somewhere in the middle where it looks decent. Next thing you wanna do is this thing so if your image doesn’t have a background that’s even better, if you
find one that’s transparent just black on transparent background what you can do is go to Layer Alpha to selection, so now
you got alpha to selection. If you see my code is
white so what you wanna do is now that we have a text selected here we want to create a new layer that’s white and put it under that
one, turn this one off while we still got the text selected we wanna flip our
selection by using Invert and then we wanna Cut
all the inverted part so now we just got white text. So it’s actually pretty
cool to be able to do that and you can delete the original image you added on now because
you made a new layer you can delete that, bring
this back, do a none. Now you got code, it doesn’t like mine I used different image but close enough. You can take this you can
to get it to look like mine you can bring the opacity down to where mine was, maybe like 25% I think where I had mine probably lower kind of where you can barely see it. Kind of like that, and there you go you got this hint of
code in the background not saying you’d wanna do code but you could do whatever you wanted some sort if cool background type of deal just kind of whatever you want. So the next thing you see was the logo. A lot of the stuff I
had, you’re going to have your logo pre-made and
potentially your profile photo I kind of made it like a profile… File image, pull that in.
Keep. Usually wanna do that. That’s big. Sorry about that
(laughs) that’s a little big. (mumbles) all right, scale that down just turn off everything else
so I can see what that is and move it a little more
towards the top corner so how you can do this is
choose the circle selection tool you wanna select right
up in the top corner and go all the way to the other corner hold the Shift key to make sure it’s a perfect circle and
just fill it up like that and then you want to do
the invert selection again and you want to cut out
the extra circle part. So now, now you have a
circular profile image. So next to add a little
white space around it what I do is I would
use Alpha to Selection like we did before to select everything that isn’t transparent,
that’s what that does. So we’ll see, Alpha to Selection. So now you select it
also we’ll make the layer full size so you can
do layer to image size so now the layer is taking
up the whole image size. Next, when you have it selected you can do this thing called Grow I’d say grow by five maybe 10, no 10 is too big, so five. Grow by five. And then what you can do is
create a new layer make it white and now you have your selection here you just want to invert it and cut again. Oh I think I already have it inverted, so oh no I don’t, invert it, cut. Wanna switch the layer
with the layer behind it and boom you got the profile image that kind of looks pretty cool because it looks like a little
social media type of deal. And there you go you have that I kind of cut it short on one side but if you take your time with it you can get it a little better
when you’ve made the circle to cut it out this is close enough. Next thing is pretty simple
I just pull my logo in which is probably huge,
yeah I pull the logo in stuff like this you’re
just pulling stuff in and changing the, scaling it down which I already showed you how to do. So there’s text elements
you can add in GIMP using this tool or this control here just come in here, you can also download new fonts to your PC if you
wanna have different fonts than the one that GIMP provides but they have a lot in here to provide. I installed one from The
Web called Titillium. Titillium, they all different
kind of flavors of it and so this part is pretty simple you just typing in text
based on the font you use. I’d say for these business cards you want to try to use a nice looking font like you wanna try it out on the internet or some sort of preview
to see what it looks like because the font can really change the mood and the professional, not that these look really professional but just the quality, the
font can change the quality overall feel of the business card so you wanna make sure that the font you chose is good quality. So I chose this font called Titillium this piece is pretty simple
you’re just going in there typing in different pieces
of the business logo you can type what you want just make sure some of it’s big some of them small you people are gonna be
looking pretty close at it just don’t make sure the
text is not too small. Kelvin Graddick, increase the font to 50, looks like this is wrong. Sorry I’m a little sick. So it must have been light, cool. And over here I kind of did the same thing except I just changed
the text color to white. I think I had the Titillium font a little bit darker on this part. And this is just pretty
straightforward here just typing in what you want on your business cards as far as text. So the next piece of this
after you get that done is these icons over here, so I already got an icon added to my computer I’m just gonna drop it over
here it’s in a new layer I’m gonna pull up the
layer so it’s at the top. Basically what you can
do with these black icons you wanna find one that’s transparent what you can do is go to Color, Colorize and you basically can use this to kind of change the overall kind of color there’s only so much you can really do but you can basically change it from black to white pretty
easily using that tool. So once you’ve changed that from black to white I just made this smaller. Keep the size there,
change that to about that moved it over here and the I just went on the internet and got all
these other different logos. I used a website called
iconfinder.com you can go on iconfinder you could say
“I want a Facebook logo” go hit this free tab here
and then you can download one of these Facebook
logos, it’s good to chose if you’re gonna do something that white or plain black it’s good to
chose one that’s white or black and then use the Colorize option to turn it white and you basically just do it the same way that
I just did that other one take this, download the PNG, on Mac you might need to pull
it to the desktop first. Move this out of the
way, pull it in this way then use the same way, you wanna use the Colorize option, make it white you wanna use the scaler
here to scale it down. Scale and then you just need
to move it to where you want it so like if I had my Facebook thing here I could drop down a line and just say “This is /KG.codes on Facebook.”
And there you have it. And that’s basically it the rest of it is just filling in text but
that’s basically the style what you wanna do in GIMP you can go to you can save this and go to Export little errors here but you can
go to Export give it a name save it in PNG format
definitely, export it. Pretty much follow the steps I did there. Open that up and you’ve
got you’re business logo you can this to Vistaprint upload it right into Vistaprint, make sure you leave some space around the edges because Vistaprint will cut a
little bit in its framing it’ll cute a little bit around the side that’s why I got this
extra piece over here. But other than that this is high quality and it’s good enough for Vistaprint to make some business cards and see I got these, these little
cards I got right here. Good quality from Vistaprint, so you know this is my first video so bare with me on the format and I guess the quality but I’m starting to do
more videos like this, tutorials, sharing my
knowledge of things that I do. Let me know if there’s
any questions you have in the comments or shoot me a message I wanna really connect with
other YouTubers and users maybe to do some collaboration. So let me know what your
channel is I can check it out. Follow and subscribe if you wanna see more programming content and design content and just digital creating,
creation content. Hit the bell so you get every video I make as a notification and other than that just connect with me, I
love to connect with people and see what you guys are up to too. All right see you in the next. Like this video if you find it useful let me know in the comments
what you think about it if you want more tutorials
or you just wanna know more about me and follow
what I do in the future just subscribe and do all that stuff. You know whatever you
do on YouTube, you know.

Comment here