How to Design an ID Card Using Adobe Photoshop

PDF download Download Article
PDF download Download Article

Adobe Photoshop is the number one image editing software in the world, used by professionals and amateurs in a wide range of industries. In spite of this, the software can be quite confusing to new users. Read on below the jump to learn how to navigate the Photoshop interface and design your own ID card.

Steps

PDF download Download Article
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f6\/Design-an-ID-Card-Using-Adobe-Photoshop-Step-1-Version-2.jpg\/v4-460px-Design-an-ID-Card-Using-Adobe-Photoshop-Step-1-Version-2.jpg","bigUrl":"\/images\/thumb\/f\/f6\/Design-an-ID-Card-Using-Adobe-Photoshop-Step-1-Version-2.jpg\/aid1066094-v4-728px-Design-an-ID-Card-Using-Adobe-Photoshop-Step-1-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    This software can be quite expensive to purchase, but a full-featured free demo version is available on Adobe's website .
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7d\/Design-an-ID-Card-Using-Adobe-Photoshop-Step-2-Version-3.jpg\/v4-460px-Design-an-ID-Card-Using-Adobe-Photoshop-Step-2-Version-3.jpg","bigUrl":"\/images\/thumb\/7\/7d\/Design-an-ID-Card-Using-Adobe-Photoshop-Step-2-Version-3.jpg\/aid1066094-v4-728px-Design-an-ID-Card-Using-Adobe-Photoshop-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    ID's are 3.375 inches (8.6 cm) wide by 2.125 inches (5.4 cm) tall. From the File menu click New. Change the units drop down menu from pixels to inches. In the width box type 3.375 and in the height box type 2.125. Depending on the quality of the images you plan to use on your ID, you may want to increase the resolution to 200 to 301 pixels/inch. While increasing the resolution will make the ID appear larger on your screen, its printed size will remain the same.
    Advertisement
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/39\/Design-an-ID-Card-Using-Adobe-Photoshop-Step-3-Version-3.jpg\/v4-460px-Design-an-ID-Card-Using-Adobe-Photoshop-Step-3-Version-3.jpg","bigUrl":"\/images\/thumb\/3\/39\/Design-an-ID-Card-Using-Adobe-Photoshop-Step-3-Version-3.jpg\/aid1066094-v4-728px-Design-an-ID-Card-Using-Adobe-Photoshop-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    Your company/club logo or a stock photo will work. Fill your background layer with the color white. Copy and paste your background image to a new layer above this and decrease the opacity (found in the menu above the layers) until you have the desired look. To change the size of the background image, click the image layer and click the Edit menu (next to the File menu) and select Free Transform (or use the shortcut Control + T). Click and drag the edges to the size you desire.
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/9c\/Design-an-ID-Card-Using-Adobe-Photoshop-Step-4-Version-3.jpg\/v4-460px-Design-an-ID-Card-Using-Adobe-Photoshop-Step-4-Version-3.jpg","bigUrl":"\/images\/thumb\/9\/9c\/Design-an-ID-Card-Using-Adobe-Photoshop-Step-4-Version-3.jpg\/aid1066094-v4-728px-Design-an-ID-Card-Using-Adobe-Photoshop-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    Using the same methods from step 2, copy and paste the person's facial image onto the ID and use Free Transform to change it to the right size. If you want your ID to have a "ghost image" of the person's face you can copy and paste a second facial image onto the ID, use Free Transform (Control + T) to make it smaller, and change it's opacity to make it more transparent.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0f\/Design-an-ID-Card-Using-Adobe-Photoshop-Step-5-Version-3.jpg\/v4-460px-Design-an-ID-Card-Using-Adobe-Photoshop-Step-5-Version-3.jpg","bigUrl":"\/images\/thumb\/0\/0f\/Design-an-ID-Card-Using-Adobe-Photoshop-Step-5-Version-3.jpg\/aid1066094-v4-728px-Design-an-ID-Card-Using-Adobe-Photoshop-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><p>License: <a target=\"_blank\" rel=\"nofollow noreferrer noopener\" class=\"external text\" href=\"https:\/\/en.wikipedia.org\/wiki\/Fair_use\">Fair Use<\/a> (screenshot)<br>\n<\/p><\/div>"}
    Use the text tool to add the personal information. If you want to add a realistic looking signature you will have to download a signature font online and install it before being able to use it.
    6. Advertisement

Community Q&A

Search
Add New Question
  • Question
    How do I find the same size lettering as a driver's license to print off?
    Community Answer
    You can put a ruler up to the screen to measure the lettering, or just use trial and error.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 12 Helpful 20
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Video

      Tips

      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!
      Advertisement

      You Might Also Like

      Replace Text in Adobe Photoshop: 2 Simple Methods for Removal
      How to
      Trace an Image in Photoshop on Windows or Mac
      How to
      Insert an Image in Photoshop
      How to
      Fix "Scratch Disks are Full" Error in Photoshop
      3 Ways to Simply Import Fonts to Photoshop
      4 Easy Ways to Insert a Bullet Point in Adobe Photoshop
      How to
      Install Plug-ins for Adobe Photoshop
      How to
      Make a Gradient in Photoshop
      Quickly Change the Color of Background in Photoshop
      How to
      Import an Image Into Photoshop
      2 Easy Ways to Edit and Change Text Color in Photoshop
      3 Easy Ways to Invert Colors in Adobe Photoshop
      How to
      Add a Hyperlink to a Jpeg in Photoshop
      How to
      Outline and Border Text in Photoshop
      Advertisement

      About This Article

      Thanks to all authors for creating a page that has been read 547,188 times.

      Reader Success Stories

      • Bheem Jaiswal

        Dec 10, 2016

        "Awesome and knowledgeable information."
      Share your story

      Is this article up to date?

      Advertisement