How to make an iPod ad in PSE
Who doesn’t love the iPod silhouette ads? If you don’t like them then you won’t like this tutorial either because I’m going to teach you how to make your own. And better yet, we’re going to do it in PSE for those of us who haven’t yet taken the dive into full blown PS.
1. Choose a photo with a background that’s easy to remove and make it easy on yourself – make sure their hand is visible or you could slip the iPod into their pocket when it comes time for that step.
2. Use the quick selection tool to isolate the subject from the background.

3. cmd+j to make that selection into a new layer
4. Select layer –> new fill layer –> solid color. When the color pallette opens after you click ok, you have to choose the background. The actual iPod colours are: Blue #1379F9, Purple #9369BF, Orange #F59110, Green #9FCC39, Pink #EB5297. Just copy/paste that into the colour selection palette when making the fill layer.
This is your image with the new fill layer:
5. In the layers palette, drag the new fill layer under the subject and make a new fill layer which is black. Put that one above the subject so you have a sandwich. With the black layer over the cut-out subject, type cmd+g and it will clip the fill layer into your subject and there you have your silhouette. At this point, you could select the black layer and the subject and then merge them into one layer.
6. Now go to Google images and find a photo of a white iPod. Right click –> copy it.
7. Go back to your photo and cmd+v to paste it on. It will be it’s own layer.
8. Use the magic eraser tool (right click the eraser to reveal it) and simply click away the white around the iPod
9. Use the rounded rectangle tool to draw a new screen. Radius 5 px. For the colour, use the dropper tool to use the colour from the iPod’s spin wheel. Now you can go to the layers palette and merge those two layers to make one iPod graphic and drag it up to the hand.
10. Rotate the iPod to fit the hand. Depending on their perspective, you might need to use the image –> transform tools to skew, rotate or distort it to match the angle of the subject.
11. Erase away parts of the iPod where you want it to appear that the hand is wrapped around it and then use the rounded rectangle shape tool radius 0.5 px to draw a little plug on the top.
12. This is where it gets tricky and I haven’t found any solutions. In full PS versions, there is a pen tool where you can draw nice smooth fluid lines which you can’t do in PSE because we’ve only got the pencil and paintbrush tools in PSE. I used a 5px white round paint line to draw the earphone cord. It’s really rough – you’ll just have to try your best to make it smooth. Personally, I find that the faster I do it, the smoother it is. The only way I’ve found to them smooth it out just a dab is to apply a slight gaussian blur to the drawing. Filters –> blur –> gaussian blur. Just a pixel or two.
13. Add some text. MyriadPro is the closest font to that which is on the iPod ads. Use the shape drawing tool to draw a little apple. You could maybe find the actual logo somewhere, but I don’t know if that’s legal so I’d suggest just make your own.
14. Use a little round eraser brush to take a bite out of your apple.
And that’s it. Sit back and enjoy your very own iPod ad!



















9 Responses to “How to make an iPod ad in PSE” - Add Yours
January 25th, 2010 at 2:44 am
This is a very cool exercise, and has a lot to teach. My only concerns with it are how it’s going to be used in the end.
For personal use, I don’t think anyone is going to care – for business or professional use though – some might want to be careful. The only time the legality of copying this ad campaign is alluded to is when you might find an actual apple logo – but that might not be legal.
Keep in mind – I’m not sure exactly what – but Apple has certainly trademarked “the apple logo” as well as possibly the “look and feel” of the silhouette on the coloured background with the obvious iPod. Apple recently sued the Woolworth’s chain in Australia for trademark violation – for a green apple made out of a stylized “w”.
Also, just copying an ipod picture from the internet because it shows up in google search doesn’t mean that the copyright of that image allows for that use – perhaps something should be added to say to find one with a creative commons license that allows it?
I’m not saying not to do this, or that it’s wrong. I’m just saying that DPS should be careful about what is in the language of the article, that they aren’t suggesting we go out and violate trademark or copyright law – cause you know how upset we as photographers get when our intellectual property rights are violated. And that I wouldn’t suggest using this as an ad for a real business anywhere – as a learning tool and an exercise it’s fine.
Possibly worth reading:
http://www.9to5mac.com/apple_against_woolies -” Apple Legal plans legal action against Australia retailer, Woolworths, over use of a logo the computer company thinks is too similar to its own.”
http://www.macworld.co.uk/news/index.cfm?newsid=18110 – “High street adult retailer Ann Summers has landed itself in a heap of trouble with Apple. “
January 25th, 2010 at 2:59 am
This is the one I made 5 years ago, when I first got my Zen Micro: http://noroom.deviantart.com/art/Mike-s-Zen-Micro-14973516
January 25th, 2010 at 3:31 am
Shouldn’t this be in the post-processing section of the site?
January 25th, 2010 at 9:24 am
This was a great post and fun to work with. Here’s my result: http://www.aprilnoon.fi/istab.jpg
January 25th, 2010 at 11:50 am
I agree it makes me uncomfortable that the article suggests we copy an image from Google Images without checking the copyright status. Some of my images come up in Google Images searches, that doesn’t mean they’re for everyone’s use!
January 26th, 2010 at 3:37 am
This is great. I like the premise of stretching the limits of PSE. Thanks for sharing.
January 29th, 2010 at 3:31 am
Forget the iPod. What a cool way to make silhouettes of my kids’ profiles!
January 29th, 2010 at 5:15 am
Cannot get any further with this cause I dont understand what you’re getting at with the typing cmd+j/g/v thing. Can anybody please explain?
February 2nd, 2010 at 3:31 pm
I agree with some of the other posters here. Before doing this, consider how you would feel if someone grabbed one of your photos off of Google images and altered it, then posted the results here. I know I would be upset.
Leave a Reply