BestStuff

The Ultimate Apple Commercial Song List… iPod, iPhone, iPad and more

What follows is a comprehensive list of the songs used in the Apple iTunes, iPod, iPhone, and iPad television ads over the years. Much of the list comes from this page on Wikipedia, to which I’ve added links to iTunes for all of the songs1 and YouTube videos for most. If I have missed any, please drop me a note in the comments and I will be sure to track it down and post it.

I have always loved Apple’s advertising and the music they source is often a quiet character setting the tone of the whole ad while the gadget takes center stage. I wanted to create a spot where I could access them all in one place and I thought I’d share that place with you.

Which ad is your favorite? Drop me a comment… if you tell me yours, I’ll tell you mine.

Product Song & Artist
(click link to open in iTunes)
Video
iPod 1G “Take California”
The Propellerheads
iPod 3G “Ride” The Vines
iPod 3G “Rock Star (Jason Nevins Remix)” N.E.R.D.
iPod 3G “Are You Gonna Be My Girl?” Jet
iPod 4G “Channel Surfing” Feature Cast
iPod 4G “Walkie Talkie Man” Steriogram
iPod 4G “Saturday Night” Ozomatli
iPod 4G “Technologic” Daft Punk
iPod 5G “Original of the Species” U2
iPod 5G “Sparks” Wynton Marsalis
iPod 5G “Someday Baby” Bob Dylan
iPad “There Goes My Love” The Blue Van
iPad “Gold Lion” Yeah Yeah Yeahs
iPad Never Stop (Original)” Gonzales
iPad 2 "Extraordinary Machine" – Fiona Apple
iPad 2 Unknown. Leave a comment
if you can identify this song.
iPad 2 Unknown. Leave a comment
if you can identify this song.
iPhone (Oscars) “Inside Your Head” Eberg
iPhone “Perfect Timing (This Morning)” Orba Squara
iPhone 3G “$165 Million + Interest” (into) “The Round Up” David Holmes
iPhone 3G “You, Me and the Bourgeoisie” The Submarines
iPhone 3GS “If I Had Eyes” Jack Johnson No video found
iPhone 3GS “Mr. Pitiful” Matt Costa
iPhone 3GS “Submarine Symphonika” The Submarines
iPhone 3GS “Stringing Up Conkers” The Boy Least Likely To
iPhone 4 “When You’re Smiling” Louis Armstrong
iPhone 4 "Nothing But Time" – Opus Orange – EP
iPhone 4 "Be Patient (Still)" – Single – Smidi
iPhone 4 "The Christmas Song
(Chestnuts Roasting on an Open Fire)"
– Nat King Cole
iPhone 4 "On the Beautiful Blue Danube, Op. 314" –
The London Philharmonic Orchestra
iPhone 4 Unknown. Leave a comment
if you can identify this song.
iPhone 4 Unknown. Leave a comment
if you can identify this song.
iPhone 4 Unknown. Leave a comment
if you can identify this song.
iPhone 4 Unknown. Leave a comment
if you can identify this song.
iPod + iTunes “Hey Mama” Black Eyed Peas
iPod + iTunes “Vertigo” U2
iPod + iTunes “Feel Good Inc.” Gorillaz
iPod + iTunes “Lose Yourself” Eminem
iPod + iTunes “Love Train” Wolfmother
iPod + iTunes “Flathead” The Fratellis
iPod + iTunes “Mi Swing Es Tropical” Quantic and Nickodemus
iPod + iTunes “Dance Tonight” Paul McCartney
iPod + iTunes “Work That” Mary J. Blige
iPod + iTunes “Shut Up and Let Me Go” The Ting Tings
iPod + iTunes “Viva la Vida” Coldplay
iPod + iTunes “Pachuco” Kumbia Kings
iPod nano 1G “Gimme That” The Resource
iPod nano 1G “Cubicle” Rinôçérôse
iPod nano 2G “The Audience Is Listening Theme Song” Cut Chemist
iPod nano 3G “1234″ Feist
iPod nano 4G “Bruises” Chairlift
iPod nano 5G “Bourgeois Shangri-La” Miss Li
iPod nano 6G

Short Skirt/Long Jacket – Cake

iPod shuffle 1G “Jerk It Out” Caesars
iPod shuffle 2G “Who’s Gonna Sing?” Prototypes
iPod touch “La La La” The Bird and the Bee
iPod touch “Music Is My Hot Hot Sex” Cansei De Ser Sexy
iPod touch “What I’m Looking For” Brendan Benson
iPod touch 2G “Around the Bend” The Asteroids Galaxy Tour
iPod touch 2G “No You Girls” Franz Ferdinand
iPod touch 3G “She’s Got Me Dancing” Tommy Sparks
iPod touch 4G

"Come Home" – Plastique Universe – EP

iTunes "All You Need Is Love" – The Beatles
iTunes "I Want to Hold Your Hand" – The Beatles
iTunes "Here Comes the Sun" – The Beatles
iTunes "Let It Be" – The Beatles
iTunes "Yesterday" – The Beatles
MacBook “Run” Broadcast 2000
iMac
(also Mac OS X Leopard Welcome)
“Exodus Honey” Honey Cut
MacBook Air “New Soul” Yael Naïm
  1. affiliate link…helps pay the bills []

Adobe Photoshop Tip– Lickable Candy Aqua Sphere Icons


Download List:

MacMerc

Aqua Sphere Style

MacMerc

Aqua Sphere Overlay Style

MacMerc

Icon Subject Style

IconFactory’s

IconBuilder

category 01 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons category 02 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons category 03 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons
category 04 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons

category 06 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons
category 07 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons category 08 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons category 09 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons

You’ve seen the icons. You know the ones I mean. They look like colored glassy

orbs and often have logos or other icons embedded within them. Oh, you’ve seen

them alright. They’re everywhere. They’re here and here and here and here and

here and here and here. Why are they so prevalent? Because they are easy to

make. All you need is Photoshop and the Icon Factory’s IconBuilder plug-in.

For the purposes of this tutorial, I will be using graphics provided to me

by Nitrozac and Snaggy from Geek

Culture. The final collection contains 24 different Joy

of Tech and After

Y2K icons and is available for download. He’s how I made ‘em:

Step 1: Look deep into the crystal ball…

Create a new RGB Photoshop file that is 128 pixels by 128 pixels and 72 pixels/inch

in resolution. Set the contents to “Transparent” and click OK. Set

your ruler units to show pixels and set two horizontal guides, one

at 1 pixel from the top of the canvas and another at 112 pixels. Set two vertical

guides also, one at 8 pixels from the left edge and another at 119 pixels from

the left edge. Name this layer “Aqua Sphere”.

guides Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons

Within these guides, create a colored circle. You can either draw a selection

and fill it with a color of your choosing or use the ellipse tool to draw your

shape the same color as your foreground color.

This all seems pretty intricate and tedious but that is only because I’m showing

you how to match my icons exactly. Once you’ve gone through the tutorial successfully,

you’ll probably be comfortable enough to experiment with other sizes, shapes

and colors. You’ll soon see that this is the hardest part of the tutorial.

Download the MacMerc

Aqua Sphere Style, load

it into your Styles palette and apply the style to your circle. I told

you it would be easy.

spherestyle Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons

Now duplicate the Aqua Sphere layer. Name the duplicate “Aqua Sphere Overlay”.

Lock

the transparency of the Aqua Sphere Overlay layer and fill it with

50% gray. Now you’ll need to download the MacMerc

Aqua Sphere Overlay Style, load

it into your Styles palette and apply that style to the Aqua Sphere

Overlay layer.

Other uses for this tutorial: If you

just happened along this tutorial while looking for information on how

to make quick and dirty Aqua spheres, you’re done. If

you want to Aqua buttons, there’s not much more to it. Just make you document

about 3 times wider, create an Aqua button shape and apply the MacMerc

Aqua Sphere Style to it. You might want to scale

the effect by about 150% and extend the canvas below the button

to accommodate the larger drop shadow.

aquabutton Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons

Notice is this screen shot I have not show an extended canvas. See how

the canvas ends before the drop shadow fades out completely? That’s bad…very

bad.

Now, hopefully you have a subject for your icon ó something to embed

within the glassy sphere you’ve just created. Go look for something appropriate

and meet me back here for… Part

2

Part 2: Adding subject matter to you icon

Choosing the right subject is very important. You will only have a small circular

area in which to position your icon, so it is best if it fits well within those

confines. Also, for the purposes of this tutorial, the picture you use for your

icon’s subject must not have any background. It must be a single layer that

is in dependant of background.

Open the file containing your icons subject image. Copy that image and paste

it in new layer between the Aqua Sphere layer an the Aqua Sphere Overlay layer.

Name this new layer “Icon Subject”.

sysadmin1 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons

We want this image to be confined within the sphere. To do this we will have

to mask off any parts of it that might otherwise stick out.With the Icon Subject

layer selected in the Layers palette, select

the transparency of the Aqua Sphere layer.

Apply this selection as a layer mask to the Icon Subject layer by going to

the Layer menu and choosing Add Layer Mask>Reveal Selection.

Now to finish off the look of this icon, download, load

and apply MacMerc

Icon Subject Style to the Icon Subject layer. You might need to

scale

the effect if the highlights do not look correct.

Okay, the look of the icon is done…now we need to make it function as an

icon for the Mac OS.

sysadmin2 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons

Part 3: Making your sphere into an icon

As the IconFactory web site puts it, “IconBuilder

is a filter for use with Adobe Photoshopô that makes creating icons a

snap. By harnessing the professional power of Photoshop and Photoshop layers,

IconBuilder provides icon artists with the most complete tool set possible for

modern icon design.”

Download IconFactory’s

IconBuilder (there are a few versions available, so make sure you

download the right one for you) and install it according to the instructions

that accompany it.

IconBuilder will build an icon out of individual layers only and will not read

layer styles, so we will need to choose Merge Visible from the Layers menu (or

Command-Shift-E).

Go Filter>IconFactory>IconBuilder Pro and select the Aqua tab. Make sure

your screen looks like mine and then click the “Both” arrow. Click

“Save” and name your icon and save it to your desktop. Click Done.

aqua Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons

Before we go any further, make sure your preferences for your History palette

are set to at least 2 as we will be backtracking to create the various sizes

of icon resources.

Go Command-T to activate Free Transform (also found under the edit menu) and

scale

by 37.5%.

grid Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons

Go back to IconBuilder, select the Grid tab (you may need to center your icon

in the Photoshop Layer preview window. Click the Center button.) and click the

QuickBuildô button. Click the Save button again and save over your original

icon file. Click Done.

category 01 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons category 02 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons category 03 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons
category 04 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons

category 06 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons
category 07 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons category 08 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons category 09 Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons

Open the History palette and select the “Merge Visible” event to

go back in time to before we scaled.We are going to scale again, but we want

to make sure that we scale from the original and not from a scaled reinterpretation

of it.

Go Command-T again and scale to 25%.

Go back to IconBuilder and select the bottom square in the center column of

the the grid view. Center the icon in the Photoshop Layer preview window if

need be. Click the Both arrow to plug that image into the 32-bit, 32×32 pixel

icon resource. Select the next square up in the grid (8 bit, 32×32 pixel icon)

and click the Both arrow again. Continue by selecting the 4 bit 32×32 pixel

icon square and the 1 bit 32x 32 pixel icon square and plugging your icon image

into those resources with the Both arrow button. Click the Save button and save

over your original icon file once again. Click Done.

In the History Palette, click back to the “Merge Visible” event again.

Go Command-T and scale to 12.5%

Go back to IconBuilder and select the bottom square in the leftmost column

of the the grid view. Center the icon in the Photoshop Layer preview window

if need be. Click the Both arrow to plug that image into the 32-bit, 16×16 pixel

icon resource. Select the next square up in the grid (8 bit, 16×16 pixel icon)

and click the Both arrow again. Continue by selecting the 4 bit 16×16 pixel

icon square and the 1 bit 16×16 pixel icon square and plugging your icon image

into those resources with the Both arrow button. Click the Save button and save

over your original icon file. Click Done….cuz now you ARE done.

If you’d like to preserve the layered version of your Photoshop file for future

reference or editing, simply click the event above “Merge Visible”

in the History palette.

That’s it!

There you have it. I know it was a very long tutorial but, I think you’ll agree,

it was pretty simple. The MacMerc Aqua Sphere Style and the MacMerc Icon Subject

Style can also be used to “aquafy” logos and other shapes but its

powers should only be used for good. Have a look at what can be achieved with

just a little extra effort and Photoshop know-how.

superman Adobe Photoshop Tip   Lickable Candy Aqua Sphere Iconstechtv Adobe Photoshop Tip   Lickable Candy Aqua Sphere Icons

Troubleshooting

You may find yourself looking at an icon that won’t update after you edit it.

And you may tell yourself, “My god! What have I done?” Don’t worry.

The problem stems from that fact that Mac OS X has a nasty habit of holding

onto cached previews of Finder windows and other items long after they become

outdated. What you need to do is clear that cache and everything will be fine.

NoName Scriptware’s

Cache Out X is a good utility to occasionally fix this problem with the

OS.

Tune in again some other week for more graphics tips. In the meantime check

out previous Graphics

Tips of the Week or send

me a message and let me know what you would like to see in future installments.

Adobe Photoshop Tip– The Lord of the Rings Tutorial

movieshot Adobe Photoshop Tip   The Lord of the Rings Tutorial

In the land of MacMerc, in the fires of Mount Dude, the Dark Lord RickMacMerc forged in secret a master Ring tutorial, to control all others. And into this Ring tutorial he poured his custom shape, his layer effects and his methods to bring the Ring to life. “One Ring Tutorial to rule them all.” The Tutorial stands upon the edge of a knife. Stray but a little, and you will fail, to the ruin of all. Yet hope remains while the user is true.


The Lord of the Rings Tutorial: The Photoshop of the Ring

Start by downloading the three layer styles we will be using:

The Inner RingThe Outer Ring and the Elvish Writing.

Also download the custom Ring Shape that I drew up for you in Illustrator.

All of these will come into play very soon but we might as well get them ready now. In Photoshop, create a new document that is 7 x 5″ and 300ppi in RGB Color Mode. The background contents don’t really matter this time …White …Transparent …I’ll leave it up to you.

ring2 Adobe Photoshop Tip   The Lord of the Rings Tutorial

ring1 Adobe Photoshop Tip   The Lord of the Rings TutorialGrab the Custom Shape tool but before you draw anything, specify that you would like your shape to be a Shape Layer and load the Ring Shape you downloaded into the Custom Shape Picker via its flyout menu. Also open the Style Picker in the Options bar and load and select the Outer Ring layer style you downloaded. Also make sure to set the color to Black in the window just to the right of the Style Picker

Now we’re ready to draw. Click and hold your cursor in the upper left area of the canvas, hold down the Shift key as you drag to the lower right, creating a shape about 6″ wide and almost 4″ high. Release your mouse button and then the Shift key.

ring3 Adobe Photoshop Tip   The Lord of the Rings Tutorial

The Lord of the Rings Tutorial: The Two Layers

So bright, so beautiful, our precious.

In the Layers Palette, you’ll see the shape you created as a layer with attached style items. Rename this layer “Outer Ring”. Duplicate this layer, name it “Inner Ring” and drag it below the Outer Ring layer in the Layers Palette.

With the Inner Ring layer selected in the Layers Palette, open the Styles Palette and load the Inner Ring style you downloaded earlier. Apply this style to the Inner Ring layer. Not impressed? Click the Move Tool and then go Edit>Transform>Rotate 180°. Happy now?

ring4 Adobe Photoshop Tip   The Lord of the Rings Tutorial

The Lord of the Rings Tutorial: The Return of the Bling

The Ring is mine.

Now it’s time to add the Elvish writing to the ring and here a lot depends on you and what you decide to engrave upon the ring. You should also consider what kind of type you would like to use. Thomas W. Otto, the fontsmith that made the Matrix Code font used in the Matrix Code Retooled Photoshop tutorial, also has a nice Elvish Ring font available. You might also consider using Zapfino which comes with Mac OS X or better yet, if you have it in your font library, Sloop.

Select the Outer Ring layer in the Layers Palette. Then choose the Horizontal

Type tool and, in the Options bar, set the font you have chosen, start with a type size of 18pt, a Smooth anti-alias method and a Center alignment. Again, the color won’t really matter—just make sure you’ll be able to read it on the Ring. Click the cursor in the center of the Ring’s band and type the inscription you will be using. Try to type enough to cover just a bit less than the width of the ring…no more, no less. If you can’t fill the width, you have my permission to scale a bit.

easteregg Adobe Photoshop Tip   The Lord of the Rings TutorialWith the Text tool still active, click the Warped Text button to call up the Warp

Text menu. Set the warp style to “Arc” and adjust the bend of the warp into the negative percentages until it follows the curve of the outer ring.

Don’t worry if the text is in the wrong place, just make sure that it has the same curve. Also adjust the Vertical Distortion by a few negative degrees to overcome the circular tilting effect that the arc puts on the type—we want the text to stand tall on a curved line. Once it looks nice, click OK.

Select the Move tool once more and drag the text into position so that it runs around the outer ring midway between the top and bottom edges of the band. Now load and apply the Elvish Writing style to this text layer from the Styles palette.

Once you group your text layer to the Outer Ring layer by hitting Command-G while the text layer is selected, you quest will be at an end. Well done, hobbit.

ring5 Adobe Photoshop Tip   The Lord of the Rings Tutorial