For years, Apple has had a huge impact on designers and graphic artists across the globe. The simplicity and sharpness of the Aqua interface in Mac OS X strongly influenced the way new products were being presented and designed. It's not only the design of products that makes Apple's products different, it's also their appearance on the Web and in print.
No other company has managed to come up with such a crisp and brilliant style of presenting its recent designs as a new breakthrough innovation that will change our lives for a long time. Apple has found an extremely effective way to deliver its message to a wide audience, and Apple's look and feel has played a major role in shaping that way.
In this post, we present a collection of beautiful Apple-inspired Adobe Photoshop tutorials. We collected them not because we are religiously in love with Apple, but because you may find these tutorials useful; for instance, if you are developing a new Mac or iPhone application or designing a concept for a new product. In these cases, you may want to consider the article on A Designer's Guide To Icon Design For Mac OS X. Please feel free to suggest further tutorials in the comments to this post.
Mac Photoshop Tutorials
Creating a Vector-Style MacBook from Scratch
A long tutorial on making a MacBook Pro in Photoshop using shapes and different blending techniques.
Create a Slick Black iMac
What would a black iMac look like? Being a Photoshopper, you can see for yourself.
Creating the Apple Mouse
Simple and elegant: the Apple mouse. Create the mouse in Adobe Photoshop.
iPhone
Apple iPhone Mobile Phone Design
Design the modern mobile phone using these easy-to-follow steps.
iPhone-Style Icon Tutorial
Apple has posted some guidelines for making Web applications. Learn how to make an iPhone icon.
How to Create an iPod Touch
The easiest way to create an iPod Touch.
iPhone Tutorial
This tutorial describes in detail how to create the shapes, apply the effects, and make your own iPhone in Adobe Photoshop.
iPhone GUI PSD
A Photoshop file that has a fairly comprehensive library of elements, all fully editable. More iPhone GUI source files at iPhone PSD Vector Kit (Photoshop).
Designing for the iPhone: Resources
Here are some resources to get you going with your iPhone design project.
iCons and the Web
<p><a href="http://www.tutorial9.net/photoshop/create-the-glass-shelf-dock-from-leopard-os-in-photoshop/">Create the Glass-Shelf Dock in Leopard OS</a><br />In the new MAC OS X Leopard operating system, the application bar has a new sleek look. This tutorial shows you how to create the glass-shelf dock used in the OS.</p><p class="showcase"><a href="http://www.tutorial9.net/photoshop/create-the-glass-shelf-dock-from-leopard-os-in-photoshop/"><img src="https://www.smashingmagazine.com/images/apple-inspired/glass-shelf.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
<p><a href="http://veerle.duoh.com/blog/comments/apple_leopard_text_effects/">Apple Leopard Text Effects</a><br />The Apple operating system's GUI for Leopard shows an “inset” effect for text, along with a new chrome finish for windows.</p><p class="showcase"><a href="http://veerle.duoh.com/blog/comments/apple_leopard_text_effects/"><img src="https://www.smashingmagazine.com/images/apple-inspired/leopard-text.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
<p>Design the iTunes Icon<br />This tutorial shows you how to create the iTunes icon.</p><p class="showcase"><img src="https://www.smashingmagazine.com/images/apple-inspired/itunes-icon.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></p>
<p><a href="http://www.ndesign-studio.com/resources/tutorials/itune-icon/">iTune Icon</a><br />Use various blending modes and techniques to replicate the iTune icon.</p><p class="showcase"><a href="http://www.ndesign-studio.com/resources/tutorials/itune-icon/"><img src="https://www.smashingmagazine.com/images/apple-inspired/itunes-icon2.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
<p><a href="http://psdtuts.com/designing-tutorials/create-a-jaguar-style-folder-icon/">Jaguar Style Folder</a><br />In this tutorial, you will learn how to cover an object in a jaguar fur pattern.</p><p class="showcase"><a href="http://psdtuts.com/designing-tutorials/create-a-jaguar-style-folder-icon/"><img src="https://www.smashingmagazine.com/images/apple-inspired/jaguar.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
iPod
<p><a href="http://pshero.com/archives/ipod-shuffle-from-scratch">iPod Shuffle from Scratch</a><br />In this tutorial, you will learn how to create the Apple iPod Shuffle by using an original image as a reference.</p><p class="showcase"><a href="http://pshero.com/archives/ipod-shuffle-from-scratch"><img src="https://www.smashingmagazine.com/images/apple-inspired/shuffle.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
<p><a href="http://psdtuts.com/designing-tutorials/design-a-shiny-photorealistic-apple-remote/">Apple Remote</a><br />In this tutorial, you will learn how to make a shiny Apple remote.</p><p class="showcase"><a href="http://psdtuts.com/designing-tutorials/design-a-shiny-photorealistic-apple-remote/"><img src="https://www.smashingmagazine.com/images/apple-inspired/apple-remote.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
<p><a href="http://www.depiction.net/tutorials/photoshop/realisticipod.php">Realistic iPod</a><br />Learn how to create a realistic fourth-generation iPod.</p><p class="showcase"><a href="http://www.depiction.net/tutorials/photoshop/realisticipod.php"><img src="https://www.smashingmagazine.com/images/apple-inspired/realistic-ipod.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
<p><a href="http://www.webdesign.org/web/photoshop/drawing-techniques/ipod-in-photoshop.15597.html">iPod in Photoshop</a><br />The black version of the iPod.</p><p class="showcase"><a href="http://www.webdesign.org/web/photoshop/drawing-techniques/ipod-in-photoshop.15597.html"><img src="https://www.smashingmagazine.com/images/apple-inspired/ipod.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
<p><a href="http://www.biorust.com/tutorials/detail/172/us/">Creating an Apple iPod</a><br />Save yourself some money and create an iPod-style image in Photoshop.</p><p class="showcase"><a href="http://www.biorust.com/tutorials/detail/172/us/"><img src="https://www.smashingmagazine.com/images/apple-inspired/create-ipod.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
Logo and Wallpaper
<p><a href="http://www.adobetutorialz.com/articles/2970/1/Green-Apple-Style-Design">Green Apple Design</a><br />Learn in this tutorial how to create Apple-esque wallpaper.</p><p class="showcase"><a href="http://www.adobetutorialz.com/articles/2970/1/Green-Apple-Style-Design"><img src="https://www.smashingmagazine.com/images/apple-inspired/green-apple.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
<p><a href="http://www.adobetutorialz.com/articles/2855/1/Apple-Wallpaper">Apple Wallpaper</a><br />Learn how to design an Apple desktop theme in this tutorial.</p><p class="showcase"><a href="http://www.adobetutorialz.com/articles/2855/1/Apple-Wallpaper"><img src="https://www.smashingmagazine.com/images/apple-inspired/old-apple.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
<p><a href="http://abduzeedo.com/apple-brushed-aluminum-photoshop-tutorial">Apple's Brushed Aluminum</a><br />Create a brushed aluminum texture similar to that of Apple's products.</p><p class="showcase"><a href="http://abduzeedo.com/apple-brushed-aluminum-photoshop-tutorial"><img src="https://www.smashingmagazine.com/images/apple-inspired/aluminum.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
<p><a href="http://www.adobetutorialz.com/articles/3003/1/Mac---Colorful-Design">Mac - Colorful Design</a><br />Learn in this tutorial how to design wallpaper with the Mac logo.</p><p class="showcase"><a href="http://www.adobetutorialz.com/articles/3003/1/Mac---Colorful-Design"><img src="https://www.smashingmagazine.com/images/apple-inspired/colorful-design.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
<p><a href="http://psdtuts.com/tutorials-effects/a-cool-lighting-effect-in-photoshop/">Lighting Effect</a><br />Learn how to create that effect we saw on the screen at Macworld San Francisco.</p><p class="showcase"><a href="http://psdtuts.com/tutorials-effects/a-cool-lighting-effect-in-photoshop/"><img src="https://www.smashingmagazine.com/images/apple-inspired/lighting-effect.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
<p><a href="http://www.hongkiat.com/blog/60-most-beautiful-apple-mac-os-x-leopard-wallpapers/">60 Most Beautiful Apple Wallpapers</a><br />Showcase of 60 most beautiful Apple-related wallpapers, including the Apple logo, the Mac OS X, time machine, iPods and more.</p><p class="showcase"><a href="http://www.hongkiat.com/blog/60-most-beautiful-apple-mac-os-x-leopard-wallpapers/"><img src="https://www.smashingmagazine.com/images/apple-inspired/apple-wallpaper.jpg" alt="Photoshop Tutorial Screenshot" width="500" height="300" /></a></p>
Video Tutorials
<p><a href="http://www.youtube.com/watch?v=IbVr3SNmud8">How to Make iPhone Icons</a><br />A five-minute tutorial on how to make icons like the ones displayed on iPhones and iPod Touches.</p><p class="showcase"><a href="http://www.youtube.com/watch?v=IbVr3SNmud8"><img src="https://www.smashingmagazine.com/images/apple-inspired/icons-video.jpg" alt="Photoshop Tutorial Screenshot" width="480" height="360" /></a></p>
<p><a href="http://www.youtube.com/watch?v=wVT8UUZQPNM">iPhone</a><br />A video tutorial on how to create an iPhone.</p><p class="showcase"><a href="http://www.youtube.com/watch?v=wVT8UUZQPNM"><img src="https://www.smashingmagazine.com/images/apple-inspired/iphone-video.jpg" alt="Photoshop Tutorial Screenshot" width="480" height="360" /></a></p>
<p><a href="http://www.youtube.com/watch?v=ztEyIvx2xxc">Coldplay/Apple Commercial</a><br />This is a tutorial on how to make the new Apple/Coldplay commercial in Adobe Photoshop.</p><p class="showcase"><a href="http://www.youtube.com/watch?v=ztEyIvx2xxc"><img src="https://www.smashingmagazine.com/images/apple-inspired/coldplay-video.jpg" alt="Photoshop Tutorial Screenshot" width="480" height="360" /></a></p>
<p><a href="http://www.youtube.com/watch?v=11SACGYkf4s">iMac</a><br />Create the new iMac completely in Photoshop.</p><p class="showcase"><a href="http://www.youtube.com/watch?v=11SACGYkf4s"><img src="https://www.smashingmagazine.com/images/apple-inspired/imac-video.jpg" alt="Photoshop Tutorial Screenshot" width="480" height="360" /></a></p>
<p><a href="http://www.youtube.com/watch?v=arK41CUMfWc">Apple TV Background</a><br />Learn how to make an Apple TV-style background.</p><p class="showcase"><a href="http://www.youtube.com/watch?v=arK41CUMfWc"><img src="https://www.smashingmagazine.com/images/apple-inspired/apple-tv-video.jpg" alt="Photoshop Tutorial Screenshot" width="480" height="360" /></a></p>
<p><a href="http://www.youtube.com/watch?v=Z4CwZnkeVSs">Creating the iTunes Icon</a><br />Create the iTunes iPhone icon in Photoshop.</p><p class="showcase"><a href="http://www.youtube.com/watch?v=Z4CwZnkeVSs"><img src="https://www.smashingmagazine.com/images/apple-inspired/itunes-video.jpg" alt="Photoshop Tutorial Screenshot" width="480" height="360" /></a></p>
Mac Advertisement
Create an iPhone Advertisement
Learn how to create an iPhone advertisement similar to this Nano ad with dripping paint.
iPod-Style Brushes
We’ve all seen the iPod commercials: trendy and just about cliché by now. Here is a great way to simulate the silhouette style with a brush.
I See iPod People
It is easy to simulate the iPod ads. The first thing you’ll need is an image of someone you can extract from the background without too much work.
Design a Coldplay/Apple-Inspired Portrait
Simulate the beautiful effect shown in the latest Coldplay/Apple ad.
Creating an Apple-Style Advert
A simple tutorial that shows how to make an Apple-style advert. It uses only a couple of effects. The source pack is included here if you want all the material.
Make Your Own iPod-Style Photo
The Apple iPod commercials on TV: crazy silhouetted people dancing around with white iPod’s. Learn how to create your own crazy ad.
Attack of the iPod People
Another silhouette-style ad tutorial, with the somewhat-semi-official iPod poster palette of colors.
(al)