Create a Molten Chocolate Business Card in Photoshop

In this photoshop tutorial we’re going to create a template for business cards. We’ll design up a single sided business card that features molten of delicious chocolate in background image using Photoshop and get it ready template for print. So let’s get started!

Final Image Preview

Let’s have a look what we’ll be creating
business card preview

Tutorial Details

  • Program : Adobe Photoshop CS2
  • Difficulty : Easy
  • Estimated Completion Time : 60-90 minutes
  • Fonts Used : Arial
  • Icons Used : You can found in Photoshop

Step 1

Create a new photoshop document with a width 3.833 inches, height 2.333 inches, a resolution of 300 ppi and select the color mode CMYK color.
chocolate business card
actually I took a 100 pixels wider and higher than a standard business card size for bleed area

Step 2

Let’s make guides, open View > New Guide, in the box that pops open select vertical and enter 50px. Make three guides anymore with the following conditions : vertical 1100px, horizontal 50px, horizontal 650px
chocolate business card

chocolate business card

Step 3

Next we create an object box with rounded rectangle tool, with a width 3.5 in, height 2.0 in, radius 20px, and brown color (#563413)
chocolate business card

Now add these layer styles, add Inner Shadow, Satin, and Gradient Overlay
chocolate business card

chocolate business card

chocolate business card

Step 4

Now duplicate the shape 1 (object box) using [ctrl]+[j], clean the layer using menu Layer > Layer Style > clear layer style, then give the white color (#ffffff)
chocolate business card

By using a pen tool, we will edit a duplicate from shape 1. [To make this you should already know the basics in using a pen tool, because in this tutorial I didn’t explain it in details]
chocolate business card

chocolate business card

Change and set it up like this picture
chocolate business card

Change the opacity and fill from the layer
chocolate business card

Now add these layer styles, add Drop Shadow and Gradient Overlay
chocolate business card

chocolate business card

Then the result would like this picture
chocolate business card

Step 5

We just make the background image, now let us create the text. But we must make the new guide first, with the following conditions : vertical 100px, vertical 1050px, horizontal 100px, horizontal 600px
chocolate business card

First, we’ll write a name on the top right corner “Your Name”
chocolate business card

Then add Drop Shadow, Inner Shadow, Outer Glow, and Gradient Overlay on the Layer Style
chocolate business card

chocolate business card

chocolate business card

chocolate business card

Next, give the name of Your Work under Your Name. Like in the image below
chocolate business card

After that we make more details info like, a phone number, email address and your website address on the bottom left corner.
chocolate business card

Give the picture beside of your detail info using Blend Mode: Overlay
chocolate business card

Then add Gradient Overlay on the Layer Style
chocolate business card

Also give a picture on your other information with the same settings.
chocolate business card

Here the final result
chocolate business card

I hope you enjoyed this tutorial, please feel free to leave a comment below 😉

Stay Tune! for The Next Freebie

And for our next freebie we’ll give you double sided free PSD template business card with 3 color variations and in a print ready template with bleed and trim guidelines.
Here the Preview
preview chocolate business card

[Update 08/24/2010 : We just release the freebie here – Free Molten Chocolate Business Card Template.]

Powered by Shutterstock

47 Comments

  1. Özcan Günay says

    Nice tutorials.. Thank you Admin.

  2. Admin1 says

    @Ozcan: We are also still learning, hopefully we can make a better tutorial.
    Thanks Ozcan 🙂

  3. Brett Widmann says

    While I’m not a big fan of brown for business cards, the final product for this tutorial turned out spectacular! I also like how you created black and red versions, too.

    If I needed a new business card design, I’d definitely roll with the black version of this card. Keep up the fantastic work! 🙂

  4. Anderson says

    useful tuts,i will try it.

  5. Ali says

    Hi,

    Nice Tutorial

    Thanx

  6. Eko S says

    @Ali: You’re welcome 🙂 Hope it useful, thanks…

  7. masashiro says

    Hey this is some cool stuff!!!! Will try it out in my own way!!!

  8. Raphael says

    I tried it out. Awesome! Thank you!

  9. Atul Dobariya says

    Thank you for being active and commenting on my tutorial. I appreciate that. I have created my first printed business card in Photoshop and it looks great, so I think that Photoshop is good tool for creating print graphics.

  10. Rajesh says

    wow it’s very useful idea for me

    i have some knowledge in photoshop
    i will try it…….

    thanks

  11. Arul says

    Hi Really great idea! i am new to Photoshop but enjoyed….

  12. Saddam Pirzada says

    Tutorial is very cool enough.. I will try this myself on Photoshop….

Leave A Reply

Your email address will not be published.