Skip to main content

Designing a Halftone Business Card


 Designing a Halftone Business Card



1.     Let us first start by creating a new document in Adobe Photoshop. With Photoshop open, go to File -> New… This opens the new document window. In this window are various fields that allow you to set the dimensions and other settings for the printing of your business card. You will have to set this to your business card specifications. If you do not know what dimensions to set, you can start by entering these following values.

2.     The first thing we have to do is to setup the color background. We will not be using a white color of course. Choose two main theme colors that you like for the background. Set them as the foreground and background color. Do this by just clicking on their respective color boxes at the bottom of the tools panel.
business-card
3.     Once you have set the two colors, select the Gradient Color tool in the tools panel. Click and drag the tool across our background layer to add the seamless color gradient. Remember that you can change the style of the gradient color by selecting the icons on the options bar above. Just play with the angle and style of your gradient until you have something that you like.
halftone-business-card
4.     Great! Now, before we continue, let us first add some guidelines. While these will not be visible on printing, it is important as it will help you judge the proper distance your text and other design elements should have from the edge. To add a guideline, just go to View -> New Guide…  You will see a window open. Here you will choose the orientation of the guideline you are about to create as well as its distance from the edge of the document.
business-card-tutorial
5.     For a typical business card, you will want to place in a margin of 0.25 inches from the edge of the design. If you are printing with a professional printing company, you may want to ask them about this so that you can match your guideline with their cutting and printing procedures. For our example, we place 4 guidelines for the top, bottom, left and right sides of the design. Here are the precise details.
  • Top Margin: Horizontal – 0.125 inch
  • Bottom Margin: Horizontal – 1.875 inches
  • Left Margin: Vertical – 0.125 inches
  • Right Margin: Vertical – 3.375 inches
business-card-tutorial
6.     Now we can get down to business of creating our design. Our first move to do this is to actually add a brush style to make it easier for you to add the halftone pattern. You can download the halftone custom brush for Photoshop from this generous person here (http://www.brushking.eu/164/halftone-brushes.html). Save that to your computer and then select the brush tool in your Photoshop. Bring up the context menu by right clicking on your design. Look for the right arrow icon (top right) and click on it. Then choose “Load Brushes” in the side menu that appears.
halftone-business-card
7.     Once the load window appears, navigate to the location where your custom brush is saved. Make sure that you look for the “.abr” file. Click on it and then select the option to “open”. This should now load the brush set to your brush gallery choices.
halftone-business-card
8.     Next, create a new layer. Do this by going to Layer -> New Layer…  A window should open. Just enter a name for our new layer as you see fit. Here we used the name Halftone. It is best to leave the rest as default.
business-card-tutorial
9.     Next, select the brush tool again. Set another one of your theme colors that is different from the ones used in the background. Right click on the canvass and once the context menu appears, look for your new brush in the gallery. Select it, adjust its size. Then, with our new layer active, just paint in the halftone pattern.
halftone-business-card
10.     Next, we duplicate the halftone layer by selecting it in the layers panel pressing CTRL+J.  With the duplicate selected, press CTRL+T. Right click on it in the canvass to bring up the context menu. Select the option to “flip horizontal”.
halftone-business-card
11.     Then, moved the flipped layer to the other side of the design. Press CTRL+T again and right click on it. This time choose the option “flip vertical”.
halftone-business-card
12.     Then, let us merge both of these halftone layers. Select them both in the layers panel. Right click on them. Then on the context menu select “merge layers”.
halftone-business-card
13.     Great! Now, we will add some color variations to the halftone layer itself. To do this, double click on the halftone layer to bring up its layer styles. In the layer styles window click on the option “gradient overlay”. Then we set the color to our original color, as well as another theme color. IN this example we have the original yellow and then an orange color.
halftone-business-card
14.     Then, we just reduce the opacity of this layer just so that it does not stand out too much. Just change the opacity value of the halftone layer to around 90%.
halftone-business-card
15.  Afterwards, it is time to add the text. We just use the text tool to type in the text.  It is best to vary the font style for the name and the other details. Her we are using different variations of Helvetica Neue.
halftone-business-card
16.     Then, finally, we add the logo at the center. To make it stand out against the background, we just use a white silhouette for the background.
halftone-business-card
17.     Then the finishes our stylish halftone business card. You can now use these same techniques for your own cards. Just customize the colors, orientations and of course the font style. Good Luck!
halftone-business-card

Comments

Popular posts from this blog

Use x-ray techniques in Photoshop to show naked skin through clothing

    Do those new naked body scanners have you freaked out at the airports? As far as the TSA is concerned, those x-ray machines are here to stay, but you might as well take comfort in knowing that airport security guards aren't the only ones looking at your private parts. Practically anyone with a computer can manage to see through your clothes, and it's all thanks to a little program called Photoshop. Thanks, Adobe. With a few tweaks using the tools in Photoshop, you can see those boobs in no time, male or female. The video is in German, but it's not hard to figure our what's going on, especially if you're familiar with Photoshop. First, create a few duplicate layers, then get a handle on some of these tools to make the naked body through the clothes: * Auswahl erstellen (Create Selection) * Tonwertspreizung (Input Levels) * Belichtung (Exposure) You can also do this see-through clothing effect in free design programs, such as  GIMP .

40 latest creative photoshop text effects

Create a Glowing Liquid Text with Water Splash Effect in Photoshop In this tutorial, we will show you the steps we took to create a Glowing Liquid Text Effect in Photoshop. We will be practising the use of liquify filter, layer blending options, as well as some image adjustments. Create a Realistic Wooden 3D Text Image In this tutorial we are going to take a few 2D textures as well as a few Photoshop techniques to create a realistic 3D text image. Easy X-Ray Typography In Photoshop In this tutorial we will show you how to create a simple x-ray effect of a letter, in this case the Abduzeedo logo A. The whole process is quite simple but it will require a couple of hours to pull it off. Easy Furry Text In Photoshop In this tutorial we will show you how to create a really cool and super simple furry text in Photoshop CS6. We will use basic filters and tools but it’s nice to say that we took advantage of the a new feature in Photoshop CS6 that is to apply layer

150 + Ultimate Round-Up of Illustrator Tutorials

01. Learn Illustrator CS3 in 30 Days Tutorial Link 02. A Comprehensive Guide: Illustrator’s Paintbrush Tool and Brush Panel Tutorial Link 03. Illustrator’s Pen Tool: The Comprehensive Guide Tutorial Link 04. Utilizing the Magic Wand’s Tolerance Levels Tutorial Link 05. Illustrator Live Trace Tutorial Link 06. Adobe Illustrator CS3 Tutorial: Selection Tools Tutorial Link 07. Spraying Symbols in Adobe Illustrator Tutorial Link 08. Duplicate with rotate tool Tutorial Link 09. An Intro to the Mesh Tool Tutorial Link 10. Illustrator Make with Mesh Tutorial Link 11. Tips for Working with the Gradient Mesh Tool In Illustrator Tutorial Link 12. Spiral Tool Mysteries – Solved! Tutorial Link 13. Using the Pathfinder and Align tool in Illustrator Tutorial Link 14. How to Make a Custom Illustrator Brush Tutorial Link 15. Get More-Natural Adjustments with the Illustrator “Reshape” Tool Tutorial Link 16. Fun