report

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

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 43 comments

Rhym O'Reison profile image

Rhym O'Reison 8 years ago from Crowley, Tx

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


Susan Ng profile image

Susan Ng 8 years ago from Cebu, Philippines Author

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

ripplemaker 8 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

Susan Ng 8 years ago from Cebu, Philippines Author

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


MM Del Rosario profile image

MM Del Rosario 8 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

Susan Ng 8 years ago from Cebu, Philippines Author

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.


8 years ago

Good job!!!!


GlobalizeThis profile image

GlobalizeThis 7 years ago from Wichita, Kansas

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


Cristine  7 years ago

how can i edit photos using Adobe Photoshop cs2??


Susan Ng profile image

Susan Ng 7 years ago from Cebu, Philippines Author

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

Susan Ng 7 years ago from Cebu, Philippines Author

Good idea, GlobalizeThis. Thanks. :-)


ezguides profile image

ezguides 7 years ago from Boston

Is the 'model' your hubby?


Susan Ng profile image

Susan Ng 7 years ago from Cebu, Philippines Author

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

Susan Ng 7 years ago from Cebu, Philippines Author

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!


zain 7 years ago

hey thanks awsome..


x300 profile image

x300 7 years ago from casa

awsome


Philipine allstars 7 years ago

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


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.


Firedrone 6 years ago

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


yhan 6 years ago

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


Logo Design Gear 6 years ago

Thanx for the posting.


uns 6 years ago

good looking smart cool


blake4d profile image

blake4d 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

Susan Ng 6 years ago from Cebu, Philippines Author

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

Susan Ng 6 years ago from Cebu, Philippines Author

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


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 5 years ago

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


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


kareena kapoor 5 years ago

she is nice and she chammak challo dance picture very beautiful


InduswebiTech profile image

InduswebiTech 4 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 4 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


Vivek 4 years ago

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

10X nicer


Marian 4 years ago

THANK YOU VERY MUCH. :)


Lex 4 years ago

thanks for the info. :)


salbi9 profile image

salbi9 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.


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.

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article

    Menu

    Explore