Saturday, September 12th, 2009

Design a cool and original jeans style Business Card in Photoshop

business-card-thumbnail1

This tutorial will guide you through the process of designing a professional jeans style business card. The tutorial features some great techniques, effects and layer styles in which you can use over and over for future projects.

The business card has the standard USA and Canada cut of 3.5×2 inches , approximately 10×5 cm.So if you`ll follow the tutorial,at the end you`ll be able to print the business card for your use.

Let’s get started!

Materials needed:

Jeans texture

Jeans button

Thread texture

Thread brush by OurTuts

Myriad Pro font

What are we designing:

business-final-image1

First step:The inevitable New Document

Ok!Open Photoshop and create a new document of 700×500px.

create-a-new-document

Step 2:The background:

Change the color of the background with a black one.I used #0f0e0e.It`s better to work with a black background because the business card`s details will be more visible.

Step 3:Creating the main shape

With the Rectangle Tool , create a shape of 520×295px.

Maybe now you`re asking why I use this dimensions.The answer is very simple.A business card has some standard dimensions.For example an US or Canada business card has dimensions of 3.5×2 inches.Translated in pixels and expanded a little bit to work more easily, we got 520×295px.

business-card-dimensions

Step 4:Adding the jeans texture

Download the texture from the top list of materials needed and add it to the main project.Resize it to fit into the canvas.Be sure to have the texture layer above the shape.Right click on the layer and select “Create clipping mask”.

clipping-mask-of-the-shape

Now add a gradient with the next settings:

gradient-overlay

The image looks like this:

with-gradient

Step 5:Burning the jeans

Select the Burn Tool and with a soft brush , start burning the texture.All the settings are showed in the next picture.

burn-tool

If you want to Improve the texture,you may sharpen it a little bit.Go to Filter->Sharpen->Smart Sharpen and add the next settings.The result is obvious.

improving-the-picture-using-smart-sharpen

Reduce a little bit the Brightness of the texture.For this,go to Image->Adjustments->Brightness/Contrast.

business-card-improved

Step 6:Adding threads

Now download the Thread Texture from the top list and add it to the image.

adding-thread

Duplicate the thread texture layer , rotate the duplicated layer and put it in the left-top corner of the business card.

adding-second-thread

Step 7:Business card shadow:

Now let`s create a shadow for the business card.Select the jeans texture layer.Now Ctrl+Click the layer.The layer should be selected.

Now go to Select->Modify->Expand and give it 10px.

expanded-area

Create a new layer and put it under the main shape layer.Now fill the selected area with a black color.After,give it a Gaussian Blur of 8px.

shadow-with-gaussian-blur

After,add an Outer Glow for the shadow with the next settings:

outer-glow-for-business-car

The image till now should look like this one:

the-outer-glow-beatifull

Step 8:Adding a jeans button:

Download the jeans button from the top list and add it to the main image.Resize and put it in the top-left area of the card.

Add some blending options:a drop shadow and an inside stroke.

drop-shadow-for-the-button

stroke-for-the-button

Make the button a little bit sharpen ( Filter->Sharpen->Smart Sharpen ) to look better.

Reduce the brightness of the button and you should have one jeans button like mine:

finished-button

Step 9:Adding a label imprint

Now I`ll show you how to add a label imprint.Select the Rectangle Tool and draw a rectangle in the right-top of the business card.

Fill it with a black color and give it a Gaussian Blur of 8-10px.

Reduce the opacity of the layer to 60% and your imprint is ready:

label-imprint

Step 10:Adding thread to the label imprint

Let`s add some thread to the label imprint.Download the Thread Brush from the top list and load it into Photoshop.

Select the Brush Tool and choose the thread brush that you downloaded.If you don`t know how,click on the Play button from the Brush Preset Picker then choose Load Brushes.Now load the Thread Brush.

load-brushes

Open the Brushes panel to set some options.If you don`t know how to open it,just click F5 and it will open itself.

brush-tip-shape

shape-dynamics

Select the Pen Tool and draw a rectangle inside the label imprint.Then Right click on the lines and choose Stroke Path.Choose Brush and hit OK.

Now you should have a threaded rectangle inside the label imprint.Change the color of the thread to a dark orange.

threaded-label

Step 11:Adding details into the label imprint:

Download the Myriad Pro font from the top and add some details into the label imprint like website,e-mail and phone number.Near them,add some suggestive icons , using the Custom Shape Tool.

business-card-details-inside-the-label-imprint

Add an address at the bottom of the business card,under the main jeans thread.

business-card-adress

Step 12:Adding the Name

Select the Type tool and write your name inside the business card.Then add some blending options like drop shadow,gradient overlay and stroke.

drop-shadow-for-the-text

stroke-for-the-text

gradient-overlay-for-the-text

We`ve just finished!

Ok! With these last details we`ve finished the tutorial.Your business card is ready for print and certainly will look great in your wallet.

Have a look at what we`ve just created:

business-card-jeans-style-ready-for-print

I hope you liked the tutorial and if is so,don`t forget to subscribe below to our RSS Feed to receive all the news and tutorials.

Thank you for your time and have a great day!

You may follow me on twitter or subscribe to my RSS Feed,or if you wanna receive more Freebies and news from OurTuts,just become a part of our community by just entering your name and E-mail in the for below.I promise that you won`t regret!

Our strict privacy policy keeps your email address 100% safe & secure.

G-Lock opt-in manager for bulk email software.



...and don`t forget to subscribe:

Subscribe via RSS
Subscribe via Twitter
Subscribe via E-mail

27 Responses

December 22, 2009

Like the idea and the fact that it’s possible to do take care of the design yourself. As a pharmacist, I’m afraid I won’t be able to use the design, but still, great idea.

[Reply]


November 26, 2009

nice effect, thanks for the tut..

[Reply]


November 24, 2009

Hey,

Great information for visitor i really like your teaching style….

[Reply]


November 21, 2009
Ann

About the problem with the settings of the threaded stroke:
I put the settings of the brush:
brush tip 9 px
spacing 550%

That’s how I got a very nice threaded stroke.

Thanks for this very nice tutorial

[Reply]


November 16, 2009

Very nice! Great effect!

[Reply]


November 14, 2009

Brilliant! love the result. Thanks for sharing

[Reply]


November 13, 2009

very gooh

[Reply]


October 31, 2009

Great post, will have to bookmark this one.

[Reply]


October 7, 2009

I love the tutorial. Would love to see more. Thanks!!

[Reply]


September 28, 2009
SquirrelXss

Thanks for this tutorial, im having the same prob with the thread as Rammi. Its ok thou for the most part, i know alot more than i did before i started.

[Reply]


September 20, 2009
Gurcharan Singh (Ambala)

Good.

[Reply]


September 19, 2009
Rammi

Thanks for this revolutionary lesson , but what I couldn’t understand is how could you make the threaded stroke I tried and I have done exactly as you said but It would give me the same result as you.
Would you please explain it for me more thoroughly I mean should draw the rect with PIN TOOL on a new layer or sth else?
And if I wanted to print the card, will the black edges be printed or just the jeans part only?

[Reply]

Madalin Tudose Reply:

Hello Rammi,
I`ll explain you the process of the threaded stroke more detailed:

First step is to create the Thread Brush and to apply the brush settings from the tutorial.
Then create a new layer and with the Pen Tool draw a rectangle path.Be sure that the pen tool is set to “Paths”.
After,right click on the path and choose “Stroke Path”.It`s very important to have at the brush panel the thread brush selected cause if you have another brush,the path will be created with that brush.Also be sure that the brush has those settings that I talk about in the first line.

You should have now the threaded rectangle we talk about.

That`s all!

[Reply]


September 16, 2009

I really like this vintage look jeans business card!

[Reply]


Trackback

Leave a Reply