December 21, 2004
How to “iPod Your Photo”

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 Posted by kuri at December 21, 2004 09:01 AM

Comments

iTod, that is so cute!!!!!

Posted by: j-ster on December 21, 2004 12:04 PM

I’m kinda fond of the iMoms version!

Posted by: Fran on December 22, 2004 09:22 PM

Haha! iMoms!

Posted by: Jennifer on December 23, 2004 01:26 AM

Check out Meow Pod @ Yasu’s site

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

Posted by: Greg on December 23, 2004 05:23 PM

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.

Posted by: axel on December 23, 2004 06:13 PM

can you translate this into PC language using photoshop cs?

Posted by: brandon on December 30, 2004 02:19 AM

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.

Posted by: Kristen on December 30, 2004 07:55 AM
Post a comment
Name:


Email Address (optional):


URL (optional):


Comments:


Remember info?



mediatinker.com