Adobe Photoshop Tutorials: How To Make Your Own ID Picture Using Adobe Photoshop

Updated on October 18, 2016

Have you ever needed an ID photo but didn't want to spend money to go to the studio? Well, you can take your own picture at home and edit it to make a 1"x1" ID photo. All you need is a digital camera and a computer with Adobe Photoshop or some other photo-editing software installed. If you're taking the picture yourself, you'll also need a tripod or a tabletop. Here's how to do it:

Step 1: Taking The Shot

For those who already have an old digital photo that you want to use, you may proceed to Step 2. But for those who don't, let's begin by taking a shot.

Find a suitable place in your house. Check the following:

Lighting condition. There should be enough light in the room, be it sunlight or fluorescent light. If harsh sunlight streams into the room, you might want to draw thin curtains to soften the light. Try to even out the light in the room by placing light sources (lamps, if you have them) in all corners.

Background. Find a room with a plain wall for your background. This will make editing the photo easier later on. Don't worry if it's not the right color (some ID's require a specific color for the background, like blue for instance), you can always change it using Adobe Photoshop later on. If your house has printed wallpaper, find the least cluttered design to simplify editing.

Position yourself in a comfortable position in front of the camera (placed on a tripod or tabletop). If there is nobody to take your picture for you, use the camera's timer feature to take the shot. Experiment with different camera settings until you find the best output. For example, take one with the flash and another without the flash. Use the auto feature and then try the manual settings. The more pictures you take, the better the chances you'll find one that you'll really like.

Step 2: Editing The Photo

Upload all the shots to your computer and find the best one. Once you have selected the photo that you want to use, right click on the thumbnail and select Edit with Photoshop (or you can use whatever photo editing software you have, but I will be using Photoshop for this purpose). Create a copy of the photo by going to Select > All, then Edit > Copy. Open a new document and click on Edit > Paste. You now have a copy of the original photo. Close the window of the original photo.

Depending on the shot that you have taken, you may want to do several things. You may want to adjust the exposure if the picture turned out too light or too dark. You may want to even out the shadows and highlights. But let's take this case as an example.

PHOTO EDITING STAGES

Click thumbnail to view full-size
Original Photo Shadow/Highlight AdjustedCropped Background Removed New Background Color AddedGradient Applied To The Background
Original Photo
Original Photo
Shadow/Highlight Adjusted
Shadow/Highlight Adjusted
Cropped
Cropped
Background Removed
Background Removed
New Background Color Added
New Background Color Added
Gradient Applied To The Background
Gradient Applied To The Background

*Photo used with model's permission.

The first picture is the original photo*. Notice that the lighting is uneven. There was a window to the left of the subject and there were no lamps to put on the other side to even out the lighting. The subject could've been positioned facing the window, but the background would've been a closet with painted designs; a plain background was needed to make editing easier. So first, the level of shadow/highlight of the photo had to be "fixed".

Balancing Shadows & Highlights. To balance out the exposure of the dark areas (shadows) and the light areas (highlights), I used the Shadow/Highlight feature of Adobe Photoshop. You can find it by clicking Edit > Adjustments > Shadow/Highlight. The default values load when you select this feature. Adjust the values until you get the correction that you need.

Cropping. Next, I needed to crop the picture into a square shape. So I used the Crop feature which by default can be found in the toolbar on the left side of your working space. To maintain a fixed ratio of 1:1 (i.e. the height and width are the same), I held down the Shift key while clicking and dragging over the portion of the photo that I wanted to use.

Removing The Background. If you're lucky enough to have a wall the color of the background you need, then you can proceed to the next step. But in this case the background is yellow and a blue background is needed, so I had to remove all the yellow. I did this using two methods: First, I used the magnetic lasso tool in Adobe Photoshop to select the parts that I want to remove. Then for the areas where the color of the foreground and background were too much alike to use the magnetic lasso with, I manually erased around the edges using the Eraser tool. Both the magnetic lasso and Eraser can be found in the toolbar on the left side of the workspace.

Next, I cleaned up the jagged edges left by the magnetic lasso tool. I zoomed in really close and used the Eraser tool to smoothen out the edges pixel by pixel. This may take time, but it will greatly contribute to a more professionally-done-looking photo.

Adding A New Color Background. Now that we have removed the original background, we are ready to add a new one. First, create a new layer by clicking Layer > New > Layer. On the layers tab on the lower right corner of your workspace, click and drag the new layer so that it is under the layer of your photo. Go to Edit > Fill and select the color you want for your background. In my case, I needed blue.

Beginner's Guide: Photo Editing Using Adobe Photoshop: How To Use Layers

Adding A Gradient Effect. You can also put a gradient effect to your background so that it's lighter in some areas and darker in some. In our example, I used a radial gradient - the center circle is the lightest getting darker as it reaches the edges of the background. Watch the video below for a demonstration on how to create gradients.

Photoshop Tutorial: How To Create A Gradient

Resizing. Lastly, you need to resize the image to the size that you need. Go to Image > Image Size and specify the height and width in inches (1"x1" or 2"x2" depending on the size that you need), and change the resolution to 300 pixels per inch to ensure that your photo is printed in high resolution.

Photoshop Tutorial: How To Resize An Image

You now have an ID picture. Just take it to your nearest photo printing lab and they'll print it right out in seconds. It's much less expensive than going to the photo studio and having your picture taken professionally, but it's just as good.

Questions & Answers

    Comments

      0 of 8192 characters used
      Post Comment

      • profile image

        jubair meenangadi 

        16 months ago

        very good

      • profile image

        Darwin 

        3 years ago

        I would like to know the tools required to make an ID Card with boxes. When I tried with the rectangular Marquees tool it didn't work.

      • salbi9 profile image

        Chuck Malhab 

        5 years ago from Canada

        This is really new information for me. I'm expert in photoshop with at least 10 years of experience and I still find something new. Thank you for your info.

      • profile image

        Lex 

        5 years ago

        thanks for the info. :)

      • profile image

        Marian 

        6 years ago

        THANK YOU VERY MUCH. :)

      • profile image

        Vivek 

        6 years ago

        nice tutorial..but if there was a more easy one it would be

        10X nicer

      • tiagoz profile image

        tiagoz 

        6 years ago

        This is a very useful resource. I am used to doing it in different ways but I like the way you do it. Congrats and thank you for sharing it

      • InduswebiTech profile image

        InduswebiTech 

        6 years ago from Rama Road, Kirti Nagar, New Delhi, India

        OMG... very descriptive but why you didn't used the term ctr+j to copy a thumbnail rather than using your right click and then selecting copy/paste option from drop down list .. i could also write a hub on the same topic.. ..

        never the less great effort...

      • profile image

        kareena kapoor 

        6 years ago

        she is nice and she chammak challo dance picture very beautiful

      • htodd profile image

        htodd 

        6 years ago from United States

        This is really great post...Thanks for the great hub..

      • profile image

        adult costumes 

        6 years ago

        Thanks for sharing. Was looking to create a spoof ID card for our website and am not sure if it's going to be an easy project.

      • dsmythe profile image

        dsmythe 

        7 years ago

        I can see this coming in handy for a Halloween costume. Thanks for hubbing this!

      • billrobinson profile image

        billrobinson 

        7 years ago from CA, USA

        This has been a helpful hub! Thanks for posting.

      • profile image

        http://bn.earntricks.com 

        7 years ago

        This is fantastic. I never would have thought to do this. great hub.

        You can visit this site for photoshop tutorial....

        http://bn.earntricks.com

      • lahoriamplifier profile image

        lahoriamplifier 

        7 years ago from Lahore

        Thanks for the hub

      • Susan Ng profile imageAUTHOR

        Susan Ng Yu 

        8 years ago

        Thanks, blake4d. :) Most of the basic Photoshop skills I also learned by experimenting, although some I learned from Photoshop tutorial videos. :)

      • Susan Ng profile imageAUTHOR

        Susan Ng Yu 

        8 years ago

        Hi, ss sneh. :) I used to zoom up really close and erase manually using the Eraser tool, but now I've learned how to use layer masks in Photoshop CS3. After selecting the area you want to keep using the magnetic lasso tool, go to Layer > Layer Mask > Reveal Selection. (Or if you've selected the area you want to remove, choose Hide Selection.)

        This is better because you can still fine tune, in case you accidentally erased someone's ear in the photo and wanted to restore it for instance, by clicking on the Layer Mask Thumbnail in your Layers palette and using the brush tool to reveal more (if the color white is selected in your Tools palette) or hide more (if the color black is selected). :)

      • ss sneh profile image

        ss sneh 

        8 years ago from the Incredible India!

        Hi! Removing the back ground has always been difficult in designing. you said you use the magnetic lasso tool and then where the color of the foreground and background were too much alike you manually erase. How do you do this? Do you magnify the image to say 600% and erase or do you use any other trick? --Thanks

      • blake4d profile image

        Blake Ford Hall 

        8 years ago from Now Rising Out of Phoenix Arizona Earthlings

        Very cool Susan, I love Photoshop and I have been using since OMG Photoshop 3.0 on Mac and PC. Most of my real learning always came from just experimenting and repeating. Love to see tutuorials on this software, Keep on Hubbing. Blake4d

      • profile image

        uns 

        8 years ago

        good looking smart cool

      • profile image

        Logo Design Gear 

        8 years ago

        Thanx for the posting.

      • profile image

        yhan 

        8 years ago

        thankz a lot 4 the tutorial......

      • profile image

        Firedrone 

        8 years ago

        Thank you, Thank you! ^_^ This was very helpful.

      • profile image

        John 

        8 years ago

        You can create valid id photo with http://idphoto4you.com website.

        It knows numerous passport standards and print sizes.

        It uses face detection so very easy to use.

      • profile image

        Philipine allstars 

        8 years ago

        wow! i like your idea on how to make an id!

      • x300 profile image

        x300 

        8 years ago from casa

        awsome

      • profile image

        zain 

        9 years ago

        hey thanks awsome..

      • Pastor_Walt profile image

        Pastor_Walt 

        9 years ago from Jefferson City, Tennessee

        Thumbs up from a new fan. I use photoshop a lot - hobby! Thanks for the info!

      • Susan Ng profile imageAUTHOR

        Susan Ng Yu 

        9 years ago

        Thanks, blondepoet. :)

      • blondepoet profile image

        blondepoet 

        9 years ago from australia

        Wow some really great tips here. It looks like you have a lovely husband too.:)

      • Susan Ng profile imageAUTHOR

        Susan Ng Yu 

        9 years ago

        Oh hi, Grace. I didn't know you were in hubpages. :-) Yes, the model is my husband. :-)

      • ezguides profile image

        ezguides 

        9 years ago from Boston

        Is the 'model' your hubby?

      • Susan Ng profile imageAUTHOR

        Susan Ng Yu 

        9 years ago

        Good idea, GlobalizeThis. Thanks. :-)

      • Susan Ng profile imageAUTHOR

        Susan Ng Yu 

        9 years ago

        I've never used Photoshop CS2, Cristine, but I would imagine it's much like CS. I'm currently using Photoshop CS3 and I find most things to be the same. :-)

      • profile image

        Cristine  

        9 years ago

        how can i edit photos using Adobe Photoshop cs2??

      • GlobalizeThis profile image

        GlobalizeThis 

        9 years ago from Wichita, Kansas

        Nice tutorial, but could use some screen shots of the photoshop process.

      • profile image

        9 years ago

        Good job!!!!

      • stylezink profile image

        stylezink 

        10 years ago from Atlanta, GA.

        Great hub! I love Photoshop and use it almost daily.

      • Susan Ng profile imageAUTHOR

        Susan Ng Yu 

        10 years ago

        You're right about needing time to learn Adobe Photoshop, MM. It takes practice, practice, practice. I'm still practicing myself. :p Thanks for the kind words. :)

      • MM Del Rosario profile image

        MM Del Rosario 

        10 years ago from NSW, Australia

        I have been wanting to learn Adobe Photoshop but I just need the time....thanks for this info, I am sure I will need it one day.

        MM

      • Susan Ng profile imageAUTHOR

        Susan Ng Yu 

        10 years ago

        Sure, but you'll have to face the camera first. Hehe. :-D

      • ripplemaker profile image

        Michelle Simtoco 

        10 years ago from Cebu, Philippines

        Great info. hmmm Maybe you would be kind enough to make an ID for me? LOL

      • Susan Ng profile imageAUTHOR

        Susan Ng Yu 

        10 years ago

        I find that the easiest way to learn Photoshop is to have someone demonstrate it like in a video tutorial. I'll try to find some relevant Photoshop video tutorials and add them here as I find them. :-)

      • Rhym O'Reison profile image

        Rhym O'Reison 

        10 years ago from Crowley, Tx

        I could use a whole tutorial on this subject. Thanks for the info.

      working

      This website uses cookies

      As a user in the EEA, your approval is needed on a few things. To provide a better website experience, turbofuture.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

      For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://turbofuture.com/privacy-policy#gdpr

      Show Details
      Necessary
      HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
      LoginThis is necessary to sign in to the HubPages Service.
      Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
      AkismetThis is used to detect comment spam. (Privacy Policy)
      HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
      HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
      Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
      CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
      Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
      Features
      Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
      Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
      Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
      Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
      Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
      VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
      PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
      Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
      MavenThis supports the Maven widget and search functionality. (Privacy Policy)
      Marketing
      Google AdSenseThis is an ad network. (Privacy Policy)
      Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
      Index ExchangeThis is an ad network. (Privacy Policy)
      SovrnThis is an ad network. (Privacy Policy)
      Facebook AdsThis is an ad network. (Privacy Policy)
      Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
      AppNexusThis is an ad network. (Privacy Policy)
      OpenxThis is an ad network. (Privacy Policy)
      Rubicon ProjectThis is an ad network. (Privacy Policy)
      TripleLiftThis is an ad network. (Privacy Policy)
      Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
      Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
      Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
      Statistics
      Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
      ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
      Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)