A Cool Photoshop Business Card Tutorial for Print Ready Cards

Go down

A Cool Photoshop Business Card Tutorial for Print Ready Cards

Post by evergreen on Tue May 15, 2012 8:07 am

A Cool Photoshop Business Card Tutorial for Print Ready Cards

Designing for print is a little tricky—okay, really tricky,
especially for people new to printing. After all, you can spend
countless of hours perfecting your design and then still end up revising
it because the printer said you need to include bleeds. What is a bleed
anyway? Does it hurt? And why should anyone want them in the first

If you’re having difficulty, we’ll discuss a little about printing
requirements to help you out. Since where already at it, we might as
well discuss some design idea you could easily recreate. You can even
revise it to fit your own personal taste.

Printing Requirements

Designing for the web and for print are different. First and
foremost, you should only use 72 dpi for the web, but you can go longer
than 300 dpi for print. This is because the resolution for print and
computer screens are very different and we should use the dpi with the
final medium in mind. Here are what people should know before heading to
an online printer, especially those outside of the printing industry:

Bleeds. There is a great possibility that print
materials would be cut imperfectly. To make sure that the incidence of
cutting through important details of your design, printers require that
you include bleeds. Bleeds, by the way, is the allowance around your
actual design. Bleeds usually is less than an inch around the design,
but this will highly depend which printer you go to. Ask your favorite
printer for their prescribed bleeds before actually making the design to
make sure you get it right the first time.

Safe Zone Area. Place all your important details
within this area. There will be a specified area within the bleeds that
are guaranteed safe from cutting.

Here is an example:

Business Cards

Business cards come in many shapes and sizes. There are rectangular,
circular and square business cards. You could also find die-cut business
cards like leaf-shaped, round cornered, oval and half-circle business
cards. We’ll do the leaf-shaped one.

Business Card Tutorial

What we’ll be having today is a simple, step-by-step Photoshop business card tutorial. This is how our final business card design should look like:

Don’t worry, the process is so easy, you’ll be surprised when it
ends. You might even say, “that’s it?” Well yeah, we’ll make it so
simple you would want to create more designs on your own. So here we go.

Step 1: Download a ready-made template

One usually starts designing business cards by creating guides for
bleeds. We, however, will skip this and download a ready-made template.

What I did

I went here, logged in, and downloaded the template. Hassle-free templates will make our design print-ready.

Once the template has been downloaded, open both files. You should
have received 2 files. One for the front and one for the back panel.

We’ll start with the back panel template. Using the gradient tool, fill the background. Use #fdcb02 and #fe8e03.

Step 2: Let’s make some background texture.

Open the back panel first. Using the ellipse tool, create a small circle. Use white as your foreground color.

Duplicate the circle until you fill the whole space. Make your life
easier by making a copy of the duplicate over and over until you fill
the whole space. You could even make a pattern out of it. Go to Edit > Define Pattern
and create your new pattern. To be able to use it afterward, grab your
paint bucket, change the mode from foreground to pattern. (Check our
previous post about making your own seamless pattern for further

Select all circles and press ctrl + e on your keyboards.

Lower the opacity of this layer to 5%.

Step 3: Make a foreground

Using the rectangle tool, create a rectangle across the center of the design.

Rasterize this layer and, using the eraser tool (hardness: 0, opacity: 6), blur the sides gradually.

Step 4: Place your company name and logo (or whatever else you like)

Place your logo and business name at the center of the rectangle. What I did here was use the custom shape tool.

Step 5: Create the background for the front panel

Let’s fill the background with a plain color. This time, let’s use
#badb01. Grab the background texture from the other panel and place it
on this side.

Step 6: Add shapes. Loads of them!

Just kidding. Let’s add 3 long, thin rectangles with #fede03 across the design. This will serve as the foreground for our text.

Using the pen tool, create a brace above the design. Use black.

Step7: Type your details

Using the font you like most (choose wisely, fonts can make or break
your design. Here I used something simple, Myriad Pro) and type in your

This is how our design will look like after printing (and yes, after cutting, too):

There it is, a very simple but creative business card that you can
easily customize by changing the colors. You can even use your own
patterns and add your own logo. Sweet, isn’t it?


الجنس : Female

عدد المساهمات : 1585
النقاط : 40864
التقييم : 34
تاريخ التسجيل : 2010-02-03

View user profile http://3loomi.forumotion.com

Back to top Go down

Back to top

- Similar topics

Permissions in this forum:
You cannot reply to topics in this forum