iBrandStudio - Resources in Designing Your Brand Identity

Create a Molten Chocolate Business Card in Photoshop

Posted August 17th, 2010 in Tutorials by Yahya

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!


[afiliasitutsplus]

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

You can try out our ccda exam material and latest 642-832 exam dumps to get high flying success in testking 350-030 exams, beside testking 220-701 dumps for certifications like testking ccna voice certification are also very useful tools.

share button
Powered by Shutterstock

45 Responses so far.

  1. Nice tutorials.. Thank you Admin.

  2. Admin1 says:

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

  3. [...] 08/18/2010 : We've just made a tutorial about How To Create a Molten Chocolate Business Card in Photoshop, if you want to create your own, please read and practice. Highly [...]

  4. [...] more here: Create a Molten Chocolate Business Card in Photoshop | iBrandStudio :a-single-sided, and-get, background-image, business-card-, card-, enter-50px-, for-print-, [...]

  5. [...] in layer groups for easy identification and editing of the text and graphics. Please check the tutorial based this freebie for customize and create your own [...]

  6. 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! :)

  7. Anderson says:

    useful tuts,i will try it.

  8. Ali says:

    Hi,

    Nice Tutorial

    Thanx

  9. Eko S says:

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

  10. masashiro says:

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

  11. [...] Create a Molten Chocolate Business Card in Phototshop [...]

  12. [...] Create a Molten Chocolate Business Card in Photoshop [...]

  13. [...] Create a Molten Chocolate Business Card in Photoshop [...]

  14. [...] Create a Molten Chocolate Business Card in Photoshop [...]

  15. [...] Create a Molten Chocolate Business Card in Photoshop [...]

  16. [...] Create a Molten Chocolate Business Card in Phototshop [...]

  17. [...] Create a Molten Chocolate Business Card in Photoshop [...]

  18. Raphael says:

    I tried it out. Awesome! Thank you!

  19. [...] More Information on Create a Molten Chocolate Business Card [...]

  20. [...] Create a Molten Chocolate Business Card in Photoshop [...]

  21. [...] Create a Molten Chocolate Business Card in Photoshop . [...]

  22. [...] 6. Create a Molten Chocolate Business Card in Photoshop [...]

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

  24. [...] Create a Molten Chocolate Business Card in Photoshop [...]

  25. Rajesh says:

    wow it’s very useful idea for me

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

    thanks

  26. [...] 6. Create a Molten Chocolate Business Card in Photoshop [...]

  27. Arul says:

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

  28. [...] you’re going to make your own business cards check this collection of black and white cards that are classy and simple. Black usually symbolizes [...]

  29. [...] business cards as well as you can have a choice over color schemes and the font so that you can make a perfect business card for [...]

  30. [...] 6. Create a Molten Chocolate Business Card in Photoshop [...]

  31. [...] 6. Create a Molten Chocolate Business Card in Photoshop [...]

  32. […] ALSO: Our free business card templates, photoshop tutorial, and more business cards […]

  33. […] SEE Also: Create a Molten Chocolate Business Card in Photoshop […]

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

  35. […] Create a Molten Chocolate Business Card in Photoshop […]

  36. […] Create a Molten Chocolate Business Card in Photoshop […]

  37. […] Create a Molten Chocolate Business Card in Photoshop […]

  38. […] Create a Molten Chocolate Business Card […]

Leave a Reply