Photoshop Design Flat-style concise business card

Look at the effect chart first.

Steps 1--size, bleed, color mode and resolution

Open PS, and then need to know a little business card design knowledge, the most important is no doubt the size, can refer to the National business Card design rules, determine the size of business cards, domestic is generally 90mm*54mm (the article says the Anglo-American country is generally 3.5 * 2 inches).

The color mode is cmyk,8 16-bit 32-bit, 16-bit is recommended, but for demonstration purposes, this tutorial uses 8 bits because the file size can be smaller. Resolution 300DPI. This will make the business card clearly visible, in line with industry standards.

"Bleeding" Popular Science:

Bleeding is also a printing term. The so-called "bleeding" of paper prints refers to the partial printing of the hyper-publishing heart. Version is the area of Ventu that is uniformly defined in the typesetting process, up and down will leave white (such as word square margin is white), but in the paper print, sometimes in order to achieve better visual effects, will be text or pictures (mostly pictures) over the publication of the heart Range, covering the edge of the page, called "Bleeding map." --Baidu Encyclopedia

Although the size of the business card has been discussed is 3.5*2 inches, but in order to do some bleeding extension, you need to outflow some margin. 0.125 inches up and down, so the size is set to 3.75*2.25 inches. (Domestic standard is up and down each add 2mm, so that is 94*58mm)

Now you need to add guides to standardize the layout.

To simplify the design, it is recommended to download this PSD template with a guide line

Step 2--Design

Before designing, you should have a general idea of what your business card looks like. Some designers use sketches. But in designing this business card, I have the idea already, so skip the sketch design process.

If you are not inspired by the design of your business card, then recommend some brand-name design sites for you: The designing inspiration, cards Nerd, Gala, Cardonizer, Cards Observer,creattica, Cardvie W. may wish to draw a lesson to help you get started quickly.

The design used a flat style. This will make business cards look simple and modern.

I'm going to design the front and back individually. There is only one logo on the front, and a lot of business information is integrated on the contrary.

Positive

Flat design is a very simple design method. No decorations, no shadows, no gradients, no fill effects, only simple colors. I made a color selection in the flat UI colors.

I used the bright bold emerald green, Hex code # #2ecc71

The lower part of the front uses a emerald (#2ecc71) green rectangular block, about 1/3 of the overall height. The upper part uses a similar color #27ae60 with the emerald. Two colors are best paired with this color to fill the remainder.

Logo I use our own collection, please see we Sell design.

Logo can be used in AI and EPS format, so you need to use the AI a little edit, but you can not use this logo, you want to use the logo can be. After the logo is added, the positive effect is this.

This step has been completed:

Simple, consistent with the overall style of the logo

Simple to stay in white background

Remember cloud logo to set layer style-> stroke size 10 pixels, color #27ae60

Create a new layer, enter text Crazycloud, color and logo as #ffffff. The font uses Open Sans. Open source Google Web font, which can be downloaded here.

Well, this is a positive design, simple, elegant, and modern.

Now proceed to the design of the reverse.

Opposite

Like the front, we also use the emerald green rectangular block, which occupies 1/3 of the whole, and then add a small piece (#27ae60) stripe.

The effect is shown below.

To add a bit of identity, we narrowed the front logo and added it to the lower right corner. Logo and Crazycloud are placed horizontally.

e-mail, website, address icon I used the outline icons from Vandelay.

After downloading the icon is black, remember to convert to stripes that color (#27ae60).

Color overlay in a layer style. (What do you want me to say?)

Text color can use the same green, but the use of gray is better, a little stronger control. The gray used in the figure above is (#868686).

The final product drawing is as follows

Step 3--Print

Now that the design is complete, the design is "realistic" and can be printed. If you have the right paper, you can print it yourself, alignment is a big problem. So it's best to ask the printer to print it for you. Well, the above is the business card design tutorial, you see, it is not difficult. It's almost done in one hours. can explore and explore their own, design their own style.

Category:

• PS Getting Started Tutorial