Resources in Designing Your Brand Identity

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

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)!!

Powered by Shutterstock
You might also like

Leave A Reply

Your email address will not be published.