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,or why not,to start offering business card printing services.

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.

If looking for pmi-001 exa, help then try out our latest collection of 642-975 questions prepared by certified team to help you get desired score in 646-363 exam.



Author: Madalin Tudose

Hello!My name is Madalin Tudose and I`m the founder of OurTuts blog.I love design and spend a lot of my time learning Photoshop techniques and putting them in practice.

YOU MAY ALSO LIKE:

...and don`t forget to subscribe:

Subscribe via RSS
Subscribe via Twitter
Subscribe via E-mail

51 Responses

September 16, 2009

I really like this vintage look jeans business card!

[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 20, 2009
Gurcharan Singh (Ambala)

Good.

[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]


October 7, 2009

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

[Reply]


October 31, 2009

Great post, will have to bookmark this one.

[Reply]


November 13, 2009

very gooh

[Reply]


November 14, 2009

Brilliant! love the result. Thanks for sharing

[Reply]


November 16, 2009

Very nice! Great effect!

[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 24, 2009

Hey,

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

[Reply]


November 26, 2009

nice effect, thanks for the tut..

[Reply]


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]


May 11, 2010

A very professional looking business card is really very important in promoting your business. It makes good impression among customers.’;;

[Reply]


May 18, 2010

i was a former employee and now i am making my best effort to start up a small business..;`

[Reply]


June 16, 2010

I’m trying to make a patch that would be printed on a pillow and this tutorial gives me a great idea…

Thanks http://www.ourtuts.com excellent tutorial!

[Reply]


June 30, 2010

I’m definitely happy that I found your website, it had all of the information i was looking for

[Reply]


August 9, 2010

You are awesome. I’m bookmarking this! Thanks for sharing the knowledge :)

[Reply]


August 10, 2010

I know this is really boring and you are skipping to the next comment, but I just wanted to throw you a big thanks – you cleared up some things for me!

[Reply]


August 12, 2010

Hi, good article.

[Reply]


August 18, 2010

I love your web site! did you create this yourself or did you outsource it? Im seeking a blog design thats comparable so thats the only reason I’m asking. Either way maintain up the good work I was impressed with your content seriously..

[Reply]


August 18, 2010

Hi, Each time I add a web-page to my Favorites in IE8, it is added end of it of the already existing list. I can sort them by name*manually. But I’d like IE8 to do that automatically. Is this done ? Thanks

[Reply]


August 22, 2010

I attempted a subscription towards your rss feed, but had a difficulty adding it to google reader. Could you please look at this webpage.

[Reply]


August 22, 2010

My English communication isn’t so good butprobably I comprehend every thing. Thank u so well for that amazing weblog message. I jolly be glad reading it. I think you might be a superb author. At this time added your weblog to my favorites and will come back once again to ur web internet site. Hold up that magic work. I house to see a lot more soon.

[Reply]


August 22, 2010

Hi, truly love the design of one’s web site. Would you mind telling me what theme you are making use of? I’m new to this and I’m hoping to get mine searching anywhere near as cool as yours. Thanks a whole lot.

[Reply]


August 24, 2010

Great read. I found your web page from a google search, and was glad i did. The facts has helped me immensely.

[Reply]


August 25, 2010

Admirable weblog! I’ll likely be referencing some of this details in my next speech. I would appreciate it in the event you visited my blog at

[Reply]


August 26, 2010

Great read. I discovered your website from a google search, and was glad i did. The facts has helped me immensely.

[Reply]


August 31, 2010

Hi,
Mind blowing your jeans design.Especially your teaching style your post very deeply about jeans…

[Reply]


September 1, 2010

Hi. I wanted to thank you for the wonderful facts you’ve posted on your site. I will definitelycome back to check it out once again and have subscribedto your RSS feed. Have a fantastic day.

[Reply]


Leave a Reply