How to "iPod Your Photo"

| 7 Comments

Over at iPod My Photo you can send in a digital picture and they'll turn it into an iPod style ad for you. It costs $20. If you have Photoshop and a little bit of time, you can do it yourself with respectable results.

The instructions that follow are for Photoshop CS on OS X. If you have a different version, ymmv. iTod.jpg

How to iPod Your Photo
FIGURES

  1. Open the photo you want to use.
  2. Set your background color to a bright color ala the iPod ads. (According to Jennifer Apple, the real ad colors are: blue #1379F9, purple #9369BF, orange #F59110, green #9FCC39, pink #EB5297)
  3. Copy your original image into a new layer
  4. On the Background layer, Cmd-A then delete to remove the photo, leaving the colored background.
  5. On the photo layer, use the eraser, magic wand, and lasso selection tools to remove the background of your original photo, leaving only the people.
    • If you have several disconnected figures in the photo, copy the original image onto new layers for each figure, then remove the background cruft so that each layer has only one figure on it. In the example below I made one layer for me, one for mom and one for my mother-in-law. When you've completed erasing the background, link the layers with the people and merge them back together.
  6. Image > Adjustments > Auto Contrast
  7. Image > Adjustments > Desaturate
  8. Image > Adjustments > Brightness/Contrast
    • Contrast -50
    • Brightness -50
    • then adjust as desired
iPodmyMom.jpg

SHADOWS

  1. Duplicate the layer with the figures.
  2. Edit > Transform > Flip Vertical
  3. Position the shadow so it falls under the figure's feet, on the ground if the figure is jumping. If you have multiple disconnected figures, you may need to break the shadows apart to position them correctly.
  4. Image >Adjustments > Brightness/Contrast
    • Contrast -50
  5. Layer > Layer Style > Blending Options
    • Opacity 10%
  6. Filters > Blur > Gaussian Blur
    • Radius pixels depends on your original image size...good and blurry!
  7. Now you need to remove most of the shadow.
    • Set the Elliptical Marquee tool to a 20 pixel feather (you may need to adjust upwards fro downwards according to your photo size)
    • Select a small area around the feet of the figure.
    • Repeat for each separate figure.
    • Select > Inverse
    • Press Delete

iPOD

  1. Go to Apple's iPOD Gallery site.
  2. Arrange the iPod approximately how the figure will hold it.
  3. Cmd-shift-4 to take a screen shot
  4. Open the screen shot in Photoshop
  5. Use the Magic Wand to (set tolerance to 0) to select the white background, then Select > Inverse
  6. Copy the iPod and paste into your photo.
  7. Clean up any messy fringing with the Polygonal Lasso tool.
  8. Image > Adjustments > Desaturate
  9. Position and resize.
  10. Erase (or draw) fingers on the figure so it is holding the iPod.
  11. Repeat for additional iPods.
  12. Create a new layer for the earbuds and wires.
  13. Use the paintbrush tool (set to white) to draw in the wires and earbuds.
  14. Layer > Layer Style > Blending Options
    • Opacity 90%

TEXT

  1. The font in the Apple ads is Myriad.
  2. A fair substitute is Helvetica.
  3. White, of course!
There's another way to do the figure silhouettes explained over at PhotoshopSupport.com

7 Comments

iTod, that is so cute!!!!!

I'm kinda fond of the iMoms version!

Check out Meow Pod @ Yasu's site

http://motography.typepad.jp/motodiary/2004/12/_.html

does the iTod come with geek inciuded?
will the iTod go into Todcasting?
http://www.itconversations.com/shows/detail275.html
i like it, iTod.great for many silly oneliners.

can you translate this into PC language using photoshop cs?

Brandon, be a clever boy and figure it out yourself. Did you even try it? Photoshop CS is pretty much the same under OSX and Windows.

Leave a comment

Recent Comments

  • Kristen: Brandon, be a clever boy and figure it out yourself. read more
  • brandon: can you translate this into PC language using photoshop cs? read more
  • axel: does the iTod come with geek inciuded? will the iTod read more
  • Greg: Check out Meow Pod @ Yasu's site http://motography.typepad.jp/motodiary/2004/12/_.html read more
  • Jennifer: Haha! iMoms! read more
  • Fran: I'm kinda fond of the iMoms version! read more
  • j-ster: iTod, that is so cute!!!!! read more

Archives