How To: Make a Print-Ready Floral Business Card in Adobe Photoshop

3,304

So you want to create your own business card?

In this tutorial, I’ll show you the step by step, how to create a print-ready floral style business card in Adobe Photoshop.

Tutorial Assets

The following assets were used during the production of this tutorial, are from TheHungryJPEG “The Stellar October Bundle” – includes 75 Fonts & 1600 Graphic Elements! Get this amazing collection for JUST $29 (96% OFF)!

1-New Ayres Font by MaGo
Floral Business Card Tutorial Photoshop

2-Garden Roses Elements by Mikibith Art
Floral Business Card Tutorial Photoshop

Step 1: Set Up New Document

Go to [File] > [New…], and enter the following:

  • [Name](optional): floral business card front
  • [width]: 2,25 inches
  • [Height]: 3,75 inches
  • [Resolution]: 300 pixel/inch
  • [Color Mode]: CMYK Color 8 bit

Floral Business Card Tutorial Photoshop

Step 2: Set Up Guidelines

Click [View] > [New Guide…],
Choose [Orientation] to [Vertical] and fill [Position] to 0,125 in Inches

Floral Business Card Tutorial Photoshop

Floral Business Card Tutorial Photoshop

Do it again and fill this:

Vertical
– 0,25 inches
– 0,35 inches
– 2,125 inches
– 2 inches
– 1,9 inches
– 50 Percent

Horizontal
– 0,125 inches
– 0,25 inches
– 0,35 inches
– 3,625 inches
– 3,5 inches
– 3,4 inches
– 50 Percent

Result

Floral Business Card Tutorial Photoshop

Step 3: Create a floral background

For this tutorial we use image from The Garden Roses by HungryJPEG

Floral Business Card Tutorial Photoshop

First, Create a new group and name it.

Floral Business Card Tutorial Photoshop

Floral Business Card Tutorial Photoshop

Create green background by click [Solid Color…]

Floral Business Card Tutorial Photoshop

Fill color code: #94ceaf

Floral Business Card Tutorial Photoshop

Floral Business Card Tutorial Photoshop

Add Flower image

Floral Business Card Tutorial Photoshop

Resize image to 43%

Floral Business Card Tutorial Photoshop

Floral Business Card Tutorial Photoshop

Duplicate flower image by right click on layer and choose [Duplicate Layer…]

Floral Business Card Tutorial Photoshop

Set the blending mode for duplication the layer flower image by choose [Multiply]

Floral Business Card Tutorial Photoshop

Now, merge All in the group by choose Merge Group

Floral Business Card Tutorial Photoshop

Floral Business Card Tutorial Photoshop

Create [Rectangular Marquee Tool]

Floral Business Card Tutorial Photoshop

Floral Business Card Tutorial Photoshop

Go to [Image] > [Adjustments] > [Hue/Saturation…]

Floral Business Card Tutorial Photoshop

Set [Lightness] : +100

Floral Business Card Tutorial Photoshop

Floral Business Card Tutorial Photoshop

Step 4: Write your profile detail

Add text and write your name, here I use font size: 18pt and font “New Ayres” from The Stellar October Bundle by HungryJPEG

Floral Business Card Tutorial Photoshop

Add another text

Floral Business Card Tutorial Photoshop

Create underline with [Line Tool] fill with yellow color (#f8f400) Width: 233px and Height: 4px.

Floral Business Card Tutorial Photoshop

Add another text and underline at the bottom business card, here I use font “Montserrat” with [font style]: Light and font size: 6pt, font color black

Floral Business Card Tutorial Photoshop

The Result

Floral Business Card Tutorial Photoshop

Step 5: Create Back side of Business Card

Set up new document and repeat Step 1, Step 2 and Step 3

Floral Business Card Tutorial Photoshop

Now create rectangle object with [Width]: 524px and [Height]: 190px, fill color to white (#ffffff) and put at the center

Floral Business Card Tutorial Photoshop

Right click on rectangle object and click [Blending Options…]

Floral Business Card Tutorial Photoshop

At [Blending Options] set [Fill Opacity]: 0%

Floral Business Card Tutorial Photoshop

Set [Stroke] to:
[Size]: 4px
[Position]: Inside
[Blend Mode]: Normal
[Opacity]: 100%
[Color]: White (#ffffff)

Floral Business Card Tutorial Photoshop

Create another rectangle object with [Width]: 466px and [Height]: 148px, fill color to white (#ffffff) and put at the center

Floral Business Card Tutorial Photoshop

Add text and write your name, here I use font “New Ayres” and font size same with Step 4

Floral Business Card Tutorial Photoshop

Floral Business Card Tutorial Photoshop

Congratulations, You’re Done!

In this tutorial we learned how to create a floral style business card with Adobe Photoshop!

I hope that you’ve enjoyed my tutorial and learned something new. Please feel free to leave your comments, suggestions, and outcomes below.

Floral Business Card Tutorial Photoshop

Get The Stellar October Bundle from TheHungryJPEG for JUST $29 – that’s 96% OFF the regular price ($783)!!

You might also like
2 Comments
  1. Printing Parramatta says

    Photoshop is one tool for all your designing purpose as there are various tools also available but major functions are available in it which makes it more special in all. As these steps to print business card is very easy and you can learn by it easily and without moving to further guide you can learn from it a lot.

  2. […] Printing business cards will cost pennies compared to other known means of branding or paid advertising. With such nominal investment, you even don’t have to think about sneaky ways to find out the return on investment. There is nothing cheaper than printing an army of business cards to spread your brand. […]

Comments are closed.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. AcceptRead More