A Cool Photoshop Business Card Tutorial for Print Ready Cards

Go down

A Cool Photoshop Business Card Tutorial for Print Ready Cards Empty 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
place?

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:
A Cool Photoshop Business Card Tutorial for Print Ready Cards Sample-proof-1024x614

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:

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-10-1024x558

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-17-1024x558

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.

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-front-panel

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-back-panel-1024x558

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

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-01

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.

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-02

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
illustration.)

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-03
Select all circles and press ctrl + e on your keyboards.

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-04

Lower the opacity of this layer to 5%.

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-05


Step 3: Make a foreground


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

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-06
Rasterize this layer and, using the eraser tool (hardness: 0, opacity: 6), blur the sides gradually.

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-07

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-08


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.

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-09


Step 5: Create the background for the front panel


A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-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.

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-11

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-12

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.

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-13

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

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-14

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-15

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
details.

A Cool Photoshop Business Card Tutorial for Print Ready Cards Photoshop-business-card-tutorial-16


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

A Cool Photoshop Business Card Tutorial for Print Ready Cards Front-panel-business-card-tutorial-1024x614

A Cool Photoshop Business Card Tutorial for Print Ready Cards Back-panel-business-card-tutorial-1024x614

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?

http://www.youthedesigner.com/2011/03/03/a-cool-photoshop-business-card-tutorial-for-print-ready-cards/
evergreen
evergreen

الجنس : Female

عدد المساهمات : 1585
النقاط : 41774
التقييم : 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