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 14 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 5 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 image
        Author

        Susan Ng Yu 7 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 image
        Author

        Susan Ng Yu 7 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 7 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 7 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 7 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 8 years ago

        hey thanks awsome..

      • Pastor_Walt profile image

        Pastor_Walt 8 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 image
        Author

        Susan Ng Yu 8 years ago

        Thanks, blondepoet. :)

      • blondepoet profile image

        blondepoet 8 years ago from australia

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

      • Susan Ng profile image
        Author

        Susan Ng Yu 8 years ago

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

      • ezguides profile image

        ezguides 8 years ago from Boston

        Is the 'model' your hubby?

      • Susan Ng profile image
        Author

        Susan Ng Yu 9 years ago

        Good idea, GlobalizeThis. Thanks. :-)

      • Susan Ng profile image
        Author

        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 9 years ago from Atlanta, GA.

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

      • Susan Ng profile image
        Author

        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 image
        Author

        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 image
        Author

        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