Blue-grey visiting-card
| Genre: Photoshop |
Skill level: Easy Total views: 45639 |
INTRODUCTION
 You will probably notice that the steps for the logo will go faster and are not much detailed as you probably got used to in my tutorials. That is because I find that in this tutorial the logo is not the most important since it's about the business card. STEP 01 So let's start off. Make a new layer (CTRL + SHIFT + N). Grab the Elliptical Marquee Tool (M), and make a circle like below:  Now make sure your selection tool is set to 'New selection'. You can verify this on the top of your screen, while selected the Elliptical Marquee Tool. This setting is needed since we're going to delete a part of the selection. Still with the Elliptical Marquee Tool in your hands press ALT and then drag a circle, so that the selection that stays will be an eclipse. Fill the eclips with #209ae2 by using the paint bucket tool. You should have something like this now:  Now you need to duplicate the eclipse 2 times, and scale them down as a staircase. Merge this three layers with each other, and duplicate the merged layer. Then: Edit>Transform>Rotate 180. And move it like here with the Move tool (V).  Now we'll draw a certain shape, maybe it's a helmet, hehe. Make a new layer and make sure #bcbcbc is your foreground color. Take the Ellipse Tool (U) and draw a circle. Then delete the half of the circle. Add a a small fill under the half circle, and fill it with the same color. Let's see if you got something like this.  It looks a bit jaggy, but that doesn't matter for now. So this should be enough for the logo part. STEP 02 Now start with the card. I recommend you to open a large document so you can design more free, with more space... Make sure your canvas is at least 400x400px, and start with a white background. Alternativly you can choose to set the documents' resoltion to 300 instead of 72 as default. The advantage of that, is that the quality will be better when printed. STEP 03 First we are going to draw a small border for the card. Add a new layer (CTRL + SHIFT + N), and call it 'border'. Take the Rectangular Marquee Tool (M), and take a fixed size as below:  Place the selection elsewhere on the canvas and fill it with #bcbcbc by using the Paint bucket tool. Select>Modify>Contract; and choose 1px, and press delete so only one 1px small border will stay.  STEP 04 Add a new layer, 'blue background', and fill the inside of the border with #4ebeff. Make sure the 'blue background' layer is above the 'border' layer in your layer palette.  STEP 05 Now add the white part. Make a new layer, call it 'white background', and grab the Polygonal lasso tool (L). Note: I made the slanting part for about 60 degrees, only make sure you got enough space later to add some text.  STEP 06 Now make the grey bar (#bcbcbc) which is on the same slant as the 'white background' layer. You can do that with the Rectangular Marquee Tool (M), and than rotate the bar to the wished angle. But make sure you added a new layer, and that the bar is about 5px heigh. You can rotate an object with: Edit>Transform>Rotate.  STEP 07 You can make a larger bar for on the left top on the same way, only make sure it is about 15px height.  STEP 08 Now we are ready to insert the logo, and change some of the blending options. After you've pasted the logo into the card it's time to delete some parts, since we only want the logo on the blue background. Press CTRL + left mouse button on the layer called 'white backgroud'.  Now also delete the other part of the logo. Now that you only have the logo located on the blue background you can set the logo layers' blending mode to 'Color Burn' and set the layers opacity to 70%.  STEP 09 Now it is time to add the text:  The most important with adding your text is that the text is readable. Try to use a color which can easily be distinguished with the background, and use a basic font like Arial or Sans Serif. Also try to set the text in differtent font sizes and styles. So you can make the name in Bold and the website adress in italics for example. So with this step we're done with this side of the card. Now we'll design the other side. I recommend you to draw that side under or above the side you just made, so you can see quick whether it looks sweet or not. STEP 10 Duplicate (CTRL + J) the border layer as you basis. Fill the inside of the border with white by using the paint bucket tool. I want this side looks simple but clear. I want to see which company the card is from, and want to see their identity by seeing their logo. I also want the same style I used on the other side of the card. So let's start off:  As you can see I added the name of the company, the logo their slogan and what they are doing. Also added two bars as I also did on the other side. So now you are done with designing a business card. If you decide to print the card, or let them print, I recommend you to save the document beside the .PSD, also as .TIFF.  CONCLUSION This is one way to get you through the ways of designing a business/visiting card, and I hope I pointed you to the important things of desinging this. |
| This tutorial is written by: rakker |