Cell PhonesComputersConsumer ElectronicsGraphic Design & Video EditingHome Theater & AudioIndustrial TechnologyInternet

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.

Comments

    0 of 8192 characters used
    Post Comment

    • Rhym O'Reison profile image

      Rhym O'Reison 9 years ago from Crowley, Tx

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

    • Susan Ng profile image
      Author

      Susan Ng Yu 9 years ago from Cebu, Philippines

      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. :-)

    • ripplemaker profile image

      Michelle Simtoco 9 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 9 years ago from Cebu, Philippines

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

    • MM Del Rosario profile image

      MM Del Rosario 9 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 9 years ago from Cebu, Philippines

      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. :)

    • stylezink profile image

      stylezink 8 years ago from Atlanta, GA.

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

    • profile image

      8 years ago

      Good job!!!!

    • GlobalizeThis profile image

      GlobalizeThis 8 years ago from Wichita, Kansas

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

    • profile image

      Cristine  8 years ago

      how can i edit photos using Adobe Photoshop cs2??

    • Susan Ng profile image
      Author

      Susan Ng Yu 8 years ago from Cebu, Philippines

      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. :-)

    • Susan Ng profile image
      Author

      Susan Ng Yu 8 years ago from Cebu, Philippines

      Good idea, GlobalizeThis. Thanks. :-)

    • ezguides profile image

      ezguides 7 years ago from Boston

      Is the 'model' your hubby?

    • Susan Ng profile image
      Author

      Susan Ng Yu 7 years ago from Cebu, Philippines

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

    • blondepoet profile image

      blondepoet 7 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 7 years ago from Cebu, Philippines

      Thanks, blondepoet. :)

    • Pastor_Walt profile image

      Pastor_Walt 7 years ago from Jefferson City, Tennessee

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

    • profile image

      zain 7 years ago

      hey thanks awsome..

    • x300 profile image

      x300 7 years ago from casa

      awsome

    • profile image

      Philipine allstars 7 years ago

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

    • profile image

      John 7 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

      Firedrone 7 years ago

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

    • profile image

      yhan 7 years ago

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

    • profile image

      Logo Design Gear 7 years ago

      Thanx for the posting.

    • profile image

      uns 6 years ago

      good looking smart cool

    • blake4d profile image

      Blake Ford Hall 6 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

    • ss sneh profile image

      ss sneh 6 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

    • Susan Ng profile image
      Author

      Susan Ng Yu 6 years ago from Cebu, Philippines

      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). :)

    • Susan Ng profile image
      Author

      Susan Ng Yu 6 years ago from Cebu, Philippines

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

    • lahoriamplifier profile image

      lahoriamplifier 6 years ago from Lahore

      Thanks for the hub

    • profile image

      http://bn.earntricks.com 6 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

    • billrobinson profile image

      billrobinson 6 years ago from CA, USA

      This has been a helpful hub! Thanks for posting.

    • dsmythe profile image

      dsmythe 6 years ago

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

    • profile image

      adult costumes 5 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.

    • htodd profile image

      htodd 5 years ago from United States

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

    • profile image

      kareena kapoor 5 years ago

      she is nice and she chammak challo dance picture very beautiful

    • InduswebiTech profile image

      InduswebiTech 5 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...

    • tiagoz profile image

      tiagoz 5 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

    • profile image

      Vivek 5 years ago

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

      10X nicer

    • profile image

      Marian 4 years ago

      THANK YOU VERY MUCH. :)

    • profile image

      Lex 4 years ago

      thanks for the info. :)

    • salbi9 profile image

      Chuck Malhab 4 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

      Darwin 2 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.

    • profile image

      jubair meenangadi 2 months ago

      very good

    Click to Rate This Article