How to design a business card using AdobeВ® InDesignВ® CS6 !!!

hello and welcome to my life first
screencast in now my series on using Adobe InDesign
today we're going to be doing is using InDesign version cs How to design a business card using AdobeВ® InDesignВ® CS6 !!! we will be creating a business card and not only are we going to you
use InDesign to you know do some actual
design work we will hop into bowls
Adobe Photoshop cs6 Adobe Illustrator cs
to explore some other concepts that we need to understand
to create not only a beautiful design but a design that will print well when
we bring it to the printers
best print service so for example yes I go into in designing golf
filed so create a new document keyboard shortcut
command on the back or control and on PC
GE a
new document dialog box that we have InDesign
a in design lets you create rigs and Paul
a a document with the intent as treating it
sending it to the web or digital publishing so business cards being
printed
matter we will choose Print one page only
and the page size in now
in design we have a whole bunch of different standards
size is sold letter Z half by eleven
legal is


tabloid is
you have European sizes you have half sizes you have compact
disc
but we also have a traditional US size business card
so the business card is fine we have
the a option love choosing portrait mode which would be to cart standing up
or landscape mode which is like damn
columns are a a very useful saying in design in general when we have
a fair amount of space to use structure considering that a business cards for
small will go ahead
only use one column but we will change the default march in size from

what now notice that we have the Lord chain
icon depressed over here its way it's dark and if I tab
out as the top box automatically
all the values will be changed to the value that I changed manually
that's what the a chain does it makes all the settings
same now because we are going to be sending this to the printers it's
important to click the
more options bach here and
take a look at the bleed and slug now
slug is not something that will you know be very important for us
it's an extra area where
people can include information for the printer the
very few applications actually let you define
the area for the slug and people who have been a graphics industry for a long
time
especially those who used to use cork are not necessarily familiar with the
slug it's actually become much more
well understood since Adobe InDesign came out
and there's actually the slug area right document dialog box
what is important for us is the fleet
now the bleed is the part
as the document that you will prints
onto a.m. so that when you cut your business card at exactly the right size
that color
actually makes all the way to the edge now for example if you are going to
design a white business card in your book printed on white paper
bleed is not very important but if you're going to put a picture
on part have your business card and you want that picture to go all the way to
the edge
you actually have to print your
business card on AIM piece a paper slightly bigger than what you want as a
final product
so that the pictures printed bigger
Zen the final card and then once the ink is dry
the printer actually cuts them down to the proper size and actually cut away a
little bit of color picture
and that is what we call lead now the bleed value
is and a to manage so I can put in
.
I n
Indesit understands I in for being inches
and as I tab to the next box because once again my chain icon is
clicked over here it converts it automatically
points
so that's perfectly okay and as you can see over here
I have my business card the black line that's their
is the actual edge loves the paper the red line
is where the bleeders so if I'm going to place a picture for example and I want
it to go at least
to the edge here I'm going to extend it
all the way to the red line so that when the printer cuts
he can actually cut through picture
a the purple and pink lines in the middle the car
that's my margin it's important to respect your margin
because there's no guarantee that as the printer actually prints the card
that it's always going to mean remain
dead-on centered sometimes it wiggles a little bit
the paper itself is is paper it's not super super strong so sometimes a little
stretch a bit is sure there's lots of humidity it may be a little bigger
then if the papers totally dry so there it's an organic material so there is
some
what have you know a.m. variants
indeed the printing process and you have to allow for that it's perfectly normal
so we will add a little bit have extra picture
just in case something goes wrong now once again I'm zooming out so we can see
the business card over here
and what I'm going to do is I'm actually going to put
a logo on one side as a card and I'm going to put some text information on
the other side
this is going to be a one sided card only
and what I'm going to do using gonna keep it very simple
so down here I am going to you
pick my text to or the type
and I am going to click on the margin over here
I'm going to drag a text frame
so that it feels the right hand portion
%uh my cart now I was just going to invent some information here so I'm
gonna call the year
the client the person who has the car like on John Smith
now John Smith a lives on

Main Street
of course I want that to be a capital dish
and I world make him live let's say
in I don't know Boston Massachusetts
and his postal code will be or zip code for the Americans
I live in a one two three four five six
now design is not only about you know
technically making sings appear properly it's about assigning a certain amount
love importance to you the more important things and
that is signing a visual importance to its alright now John Smith's
is as important as his mailing address over here so I actually want
to make him look a bit more imports old doubled the size of this name
and I am you know I might sort of bring this down a little bit so it's not
floating all the way there at the top and I will actually put
shears information a bit lower their sold
this is starting to look you know a bit more fancy so we've got
disinformation here all insists perfectly legible and let's not forget
that we have to be able to call him so
let's say

the to one to


sup for
number
so right now just information that we have
placed on the business card these are facts now
for those of you who have paid attention to the products in the Adobe Creative
Suite
Linux software adobe illustrator for example
is the sector based illustration program
if you've ever used it you know that you can draw squares and circles control
lines and
these lines are basically mathematical
little definitions in other words you draw a circle in Illustrator
and in the background Illustrator is doing all the map that says this
is a circle and you can print it at any scale because the math doesn't change so
whether the circle is an inch wider foot wider
feet wide
still circle fonts are basically the same thing
they are sector based drawings that a type designer has taken hours upon hours
to
literally hand draw each character
in the entire alphabet so uppercase and lowercase characters all the punctuation
a all the digits and also you know also two symbols
imagine you know the the monies sign the pound sign the Asterix
you know hash mark in and everything else so it's actually a lot of work
the beauty ovett is because it is a vector-based drawing you can scale your
type
any size and I'll come out perfectly fine
that is exactly the opposite the concept of Adobe Photoshop
sold the shop is a pixel editor and pixels our little tiny squares
so the squares look good at their original size
you may you let's say make them smaller but you can't make so many bigger
are within let's say maybe
percent could probably get away with it
but after that enlarging pixels is a big no no
so if I want to place let's say a
a logo on the side this card
I have to you options I can either go
into you Adobe Illustrator and create a logo there
which is the recommended way cuz you never really know how big that world is
going to be used
obviously it's gonna be very small business card but what if they wanna
make a banner to hang on the side
building thats easy with illustrator illustrator
art worker skills very well
in Photoshop you have to know what your final product is in create the file
specifically for that
so if I jump into Adobe Illustrator sheer
and may create a new file a what I want to do in this case I'm gonna keep it
really simple
I'm actually going to make a document that
is eight house by
and is just going to be something that looks very much
let's say like the
the Japanese slacks I'm basically scummy a red circle
ago pretend that it really looks like a
like a love so I can't draw circle over here
and I can go into lets in my color picker in the toolbox
over here I'm gonna make the middle red
and I am actually gonna take away the black line
now considering that I want this to be a logo I'm going to come back over here
and I'm going to make my text weights
and hoops made a mistake there change I did not d select my circle
Dez circle the
take my textile and I will simply take
logo
so that starting to look like about the right size
hit is black I'd did sailed
wait so I've selected it I will come over here
sick white and there you go
one really really fancy logo now if I save this
and I'll
actually go put this in a specific spot
and Eric we have seen the logo now
this is an eight half by eleven pager got a very big logo
Shearer and if I go into my finder and angles
find the spot where I ceived its on my computer
my local file
is actually very small you can see it down here it is
megabytes
considering that it's an eight-and-a-half by
sheet of paper
a
makes is not very very big compare
is at artwork to exactly the same thing in Adobe Photoshop
sup going to Photoshop ago in News I am going to make it
a US sized piece paper so
letter-size ate half by eleven
DPI
which is what we should have when we r
printing and I will call this logo
as well now I'm gonna come
into you for shopping going to select spread
I am going to choose a the selection tool that his round
and I am going to basically do exactly the same artwork
so as you can see here
it's starting to look good very very very reminiscent to what they did
telustrator now go back take my text tool once again I'll
click over here and I will take them
world logo
so I have this document it's basically pretty much the same thing
fun sucking exactly same but that years besides pot
I'll save this file as
a a certified which is quite standards for going into
into print answer to file
down here I have to make color profile
and I will go six
go back to the Finder take a look at my logo dot ATI

Magus take a look at the same load on built in Photoshop

huge its over
times the size
up the other one and yet the print quality should be exactly the same
the in Serie the
illustrator one should be cleaner but it is a
DPI
file it is you know in perfect to alignment with industry standards
so when you're doing
you know design a lot love the technical aspects in a boil down to what software
are you going to use to do the job
logo design as I mentioned before because
we really have no idea where the logo it's going to be used in the future we
treat the most versatile file possibles
we build it illustrator not that you can't do it in Photoshop but
Photoshop is pixels it's limited to the size that you made it right now it's an
eight and a half by eleven
it will treat beautifully but try and print something the size is building
it's not going to work out so back to our
InDesign file I all is at was leading up to the idea that we have our
InDesign file and we will place an external documents so
a picture picture the logo and will place that
into the layout over here so what I want to do in the first case
is go to Z Adobe Illustrator file
and put that basically
on my a.m. this mister yet whoops
I made a mistake there so let me just do that because I did not
d select this for textfree
I want this I want this cursor
to appear here so that I can actually place the logo on the side so
when you go into the place command just make sure that you don't have a
previously created box selected because it will replace whatever's in there with
what you're trying to place
so if I come over here notice that my logo shows up
at its real size which is huge
way to bake remember I design something a half by eleven
time
business card now the beauty
love Illustrator is that I can take let's see the edges
box over here I can make that basically
shit and I can even right click on that box
and going to the feeding a.m.
contextual menu and I want to fit the
content proportionally inside that box
and you see that you know InDesign
automatically comes in and does all the math for me and places it perfectly
also notice that I'm Way too far I am going beyond the Black
edge over here and going beyond the paper I'm even going beyond the bleed
and my a logo would be cut off some actually
just move overlooked but and I'm going to keep it
within the margins so
the moral of the story is that when you have
artwork coming from illustrator you really
do not have to worry about size
a.m. because it's vector-based artwork it will fit perfectly fine
and you know even if you are in large in it or reducing it because it's
vector-based
you basically have nothing to worry about you play set you
mi amigo look pretty and you keep on going
the fact that this might be something like maybe

percent its original size because it's vector-based
information that is completely irrelevant
now if we switch hats and we decide to move this
off to the side creates a year
a new text box not text box that picture box sorry
frame a a.m.
not take frame I will make it in the century the same position over here
and I will place my
Photoshop
once again I will right click on yes I will go into sitting
and I will still life frame proportionally
more to cart proportional
my local still there okay it is working okay
but look what happens when we go in and we take a look
at the links palette and this is where
ifs you know you know what you're looking for you can spot
trouble GE actual PPI
over here so the pixels per inch saved in the file
is
that's what I need to print but because I've made my logo so much
smaller than the size
at which was that three hundred Paul
pixels per inch has become
in
eighty which technically is way way way too much
I am you could get by you know almost


you know about
percent more but after that
the more you go up or in fact the more you go
down to go down too far you lose quality but you go
up too far you lose quality as well
and the other thing to pay attention to you is that the color space
owes exists logo is in RGB
RGB is great for things that end up on the screen
but terrible issue trying to go print
so to trick is too take a look
at what you doing and shaker out just how big that picture has to be
now for example if we take wine guide in weekly sit here
in illustrator and we take another guide
over here this is the Wits
that I want my logo to be at
its widest you can a
let's say moves the
the ruler by grabbing the top corner over here moving
that
aligning its on the guide
and we can see that right now we will put this in inches to make
rather simple and are width
is just shy of about an inch and a half so
let's keep it let's say image in a quarter just to you
makes things easy on ourselves so if I go back to Photoshop
this is what I want but it's ate half by eleven
I want it to be an inch and a quarter white
so I'm going to do is in Photoshop I go into
image size: and I can do it in inches
I want my wits to be an inch and a quarter but because there's a little bit
await space on either side do it image
so little bit of extra notice that my 24 megabyte file
will now become
kilobytes
so radically smaller than the first
still
DPI just a lot shorter
so it has been resized if I take a look at it
at a hundred percent it's much smaller
and remember that RGB the color space was wrong
a I'm going to flatten my image to get rid
v the text layer that was urs who had
text floating on top of the red circle
such slightly image and I will convert it to CMYK
RGB is lights so like balancing of the paper
but seem like a are the angst actually on the paper going to the printers
we need colored thanks
click K and now I will just save this file
go back to my hard drive take a look at me my
AI file Adobe Illustrator still
meg
my a CMYK TS that has been reduced to the proper size

makes a little bigger not by much
and now if I go back to Photoshop notice that there's this little warning sign
over here on the edge of my picture box tell me that something is wrong
and it is echoed by the same a.m.
warning symbol inside my links power so
it means that the original source file has been modified
and if I double click that it will update
noticed that the little symbol of years gone there was a ser
redrawing of the preview on screen I come over here at my color spaces CMYK
and my effective PPI right now
is
so it has
you know is sort of slightly reduced inside this window but I can always
change that I can come back lets it to my sitting
and center it
we're still my friend proportionally or fit my content proportionally rather
so that its resize to the proper size
right now it was fit before
still image is kind of like foresight to be a little bit bigger
you can see that it's gone from three hundred
the actual PPI to an effective PPI

I will say that thats
okay for now it's
percent which is okay
ideally you should have

dead-on but for the purposes have today will say that it's good enough
so right now I have my logo on one side I have my
text on the other and the only thing I want to use I want to
had a little bit of color so that my car
you know how does a little bit have designed cents to it and
also I want to take advantage in fact that I want to use the fleet
so putting a background color is really not terribly difficult we create a box
and we go into the color picker and we choose a color
so for example I can come it's a over here
and choose something are probably still in the reddish
area so somewhat have a relationship
to my my red logo
and I'll take away the actual
take with that the black train there so I can do this over here for example in C
Knoll outline so no stroke around the box
and I will move this square this frame rather
on top of my design and right now
because I created it after the logo
a InDesign understands it as being on top
but I want it to be behind so once again I can right click
and I can use the arrange
can to sent that box to the back
and shares my logo over here
you'll notice that the logo comes in with a white background
I can actually play with that aunt
you know define the relationship between
one placed element and another with different options
so for example we have the logo TF which is here's a logo AI which is on the edge
we have
you know the tax and we have the rectangle
so what I want to do is I actually want to play with my
a I file over here and
I'm going to go into something called
its let's find it where is it it is
d transparency
obviously you can tell that to I have been using
other applications for quite a while and sometimes some
the things that I used to do that same work express kinda feel effete median
other applications but the
what I want to do is I want to come and I want to change the
qualities love this box over here
and their ago so it was in the right click I was looking droplets
so effects transparency
and basically I want to gears this layer if you will
channel preview so that the
you know what is on the
the layer ever seen its white I wanted to disappear
so wake not darken anything kennett so
dark n gets rid of the white it changes the color of my read a little bit
boats you know I can always try dear friends
options over here to see if they give me what I want
and you know this is part of the creative process over here you are going
to you
you know do exactly what you want artistically by using different
combinations of features
inside the software
so let's say that you know just to keep things simple
I'm going to use it dark and and I'm happy with that
so what we have is we have
the actual business card remember that the outlined over here the black outline
is the edge of my paper
the red outline is where the bleed must go
there's no bleed on this area over here
there's basically white that goes all the way to the edge so there's nothing
to be worried about their
but because I want this over here and I want
this brownish color to go all the way to the edge
of my card I have to put it at least
all the way to the bleed line which is in
red I can go beyond it that's not a problem but if you were to stop short of
it
I the printer could have some problems with it might be very difficult for him
to you
hide it without giving you a little sliver
white paper something like that so you can be generous there's nothing to worry
about as long as you respect
the area of the lead you should be okay so
right now I'm going to say that I've actually finish this business card
the easiest way to send this to the printer is to actually make
and Adobe PDF now in design is a great program for tree eating PDF's because
its Adobe technology so you know to Adobe products one creates the other
without
any problem whatsoever so in the presets you have high-quality print which is
actually not for going to the printers it's more for doing high-quality color
photocopies Lesar output something like that good quality
but not color separations and actual
you know income paper PDF X
is et cetera for industry-standard PDF stat are built to
perfect specifications among other things are good for archival
a are archiving digital documents
teaching simple I'm just gonna choose Press quality
as in printing press so Press Club it's perfectly OK
and I will be saving this in the same locations
so inside my folder with
my two lokos so I'm gonna call this business card and I will simply

now because I chose the proper preset over here
I went to press quality the export PDF box comes and it has the press quality
setting over here so it is a preset
but most listings that are here you will basically leaves
alone there's there's no options to go inning change
but what you do you want to do is you want to have the marks and bleeds and
these are the
pieces of information if you will that the printer needs to be able to do a
good job
in other words you check all printers marks the crop marks bleed registration
color bars
all of this information will be printed around the area the business card so for
example the printer knows where to cut
so that all the cards exactly the same size they will have let's say the
registration marks which are little symbols
so that when the printer prints with four bank's site
and magenta yellow and black to their all perfectly aligned one on top of the
other
and the other thing that we need to do is we have to make sure that our
lead information is actually being used so
use document please settings and what we put in when we went
new document is there automatically so we don't even have to do anything
and then you just hit the expert but so
believe it or not we're actually done if we take a look
inside our business cards this
is what our final product looks like
so we have the actual business card
GE's colored boxes at the top are references for the printer so when he
has to print a pure black he will measure
this black over here to make sure that it is dark enough
same thing for the White has to be pure white it can't be let's say slightly
gray
and they have measurements for all the tones in between so if the printing
presses going a bit too dark kiln
same thing that's going too late it will be obvious when they checked this over
here
the other color bar the the other bar is for colors so we have yellow magenta
site and blue which is a mix of Scion Image into
trine which is Scion in yellow and so if there's
wanna the being said is not printing in the proper proportion
these colors will be off so once again your printer will be aware of that
GE mark center over here these are called the
crop marks so when the printer has to cut your cart she's basically gonna
follow these lines as
died and cut through that
these little target things are the registration marks this is what
the printer uses to be able to print is for peaks in
perfect alignment they have to completely match up with that
and this is exactly what we can send to the printer
it goes straight from PDF to the printers there's no need to send the
InDesign file anymore
it is simply a PDF based workflow
so as a summary remember that you want to you
use CMYK elements inside
in design so you print with printing kinks not RGB light
and your PDF must be pre quality
and include all the printers marks that for
let's say graphic design
covers most of the mistakes that people will do when
they go to the printers for the first time
RGB elements inside a print project
improper bleed and no printers marks
so that's the beginning she can member that you'll do fine
thanks for watching *** ***