Menu Search
Jump to the content X X
The Smashing Book #5

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. new Smashing Book 5 features smart responsive design techniques and patterns.

45 Apple-Inspired Photoshop Tutorials

Advertisement

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 X1. Please feel free to suggest further tutorials in the comments to this post.

Mac Photoshop Tutorials Link

Creating a Vector-Style MacBook from Scratch2
A long tutorial on making a MacBook Pro in Photoshop using shapes and different blending techniques.

Photoshop Tutorial Screenshot3

Create a Slick Black iMac4
What would a black iMac look like? Being a Photoshopper, you can see for yourself.

Photoshop Tutorial Screenshot5

Creating the Apple Mouse
Simple and elegant: the Apple mouse. Create the mouse in Adobe Photoshop.

Photoshop Tutorial Screenshot

iPhone Link

Apple iPhone Mobile Phone Design6
Design the modern mobile phone using these easy-to-follow steps.

Photoshop Tutorial Screenshot7

iPhone-Style Icon Tutorial
Apple has posted some guidelines for making Web applications. Learn how to make an iPhone icon.

Photoshop Tutorial Screenshot

How to Create an iPod Touch8
The easiest way to create an iPod Touch.

Photoshop Tutorial Screenshot9

iPhone Tutorial
This tutorial describes in detail how to create the shapes, apply the effects, and make your own iPhone in Adobe Photoshop.

Photoshop Tutorial Screenshot

iPhone GUI PSD10
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)11.

Photoshop Tutorial Screenshot12

Designing for the iPhone: Resources13
Here are some resources to get you going with your iPhone design project.

Photoshop Tutorial Screenshot14

iCons and the Web Link

Create the Glass-Shelf Dock in Leopard OS15
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.

Photoshop Tutorial Screenshot16

Apple Leopard Text Effects17
The Apple operating system’s GUI for Leopard shows an “inset” effect for text, along with a new chrome finish for windows.

Photoshop Tutorial Screenshot18

Design the iTunes Icon
This tutorial shows you how to create the iTunes icon.

Photoshop Tutorial Screenshot

iTune Icon19
Use various blending modes and techniques to replicate the iTune icon.

Photoshop Tutorial Screenshot20

Jaguar Style Folder21
In this tutorial, you will learn how to cover an object in a jaguar fur pattern.

Photoshop Tutorial Screenshot22

iPod Link

iPod Shuffle from Scratch23
In this tutorial, you will learn how to create the Apple iPod Shuffle by using an original image as a reference.

Photoshop Tutorial Screenshot24

Apple Remote25
In this tutorial, you will learn how to make a shiny Apple remote.

Photoshop Tutorial Screenshot26

Realistic iPod27
Learn how to create a realistic fourth-generation iPod.

Photoshop Tutorial Screenshot28

iPod in Photoshop29
The black version of the iPod.

Photoshop Tutorial Screenshot30

Creating an Apple iPod31
Save yourself some money and create an iPod-style image in Photoshop.

Photoshop Tutorial Screenshot32

Logo and Wallpaper Link

Green Apple Design33
Learn in this tutorial how to create Apple-esque wallpaper.

Photoshop Tutorial Screenshot34

Apple Wallpaper35
Learn how to design an Apple desktop theme in this tutorial.

Photoshop Tutorial Screenshot36

Apple’s Brushed Aluminum37
Create a brushed aluminum texture similar to that of Apple’s products.

Photoshop Tutorial Screenshot38

Mac – Colorful Design39
Learn in this tutorial how to design wallpaper with the Mac logo.

Photoshop Tutorial Screenshot40

Lighting Effect41
Learn how to create that effect we saw on the screen at Macworld San Francisco.

Photoshop Tutorial Screenshot42

60 Most Beautiful Apple Wallpapers43
Showcase of 60 most beautiful Apple-related wallpapers, including the Apple logo, the Mac OS X, time machine, iPods and more.

Photoshop Tutorial Screenshot44

Video Tutorials Link

How to Make iPhone Icons45
A five-minute tutorial on how to make icons like the ones displayed on iPhones and iPod Touches.

Photoshop Tutorial Screenshot46

iPhone47
A video tutorial on how to create an iPhone.

Photoshop Tutorial Screenshot48

Coldplay/Apple Commercial49
This is a tutorial on how to make the new Apple/Coldplay commercial in Adobe Photoshop.

Photoshop Tutorial Screenshot50

iMac51
Create the new iMac completely in Photoshop.

Photoshop Tutorial Screenshot52

Apple TV Background53
Learn how to make an Apple TV-style background.

Photoshop Tutorial Screenshot54

Creating the iTunes Icon55
Create the iTunes iPhone icon in Photoshop.

Photoshop Tutorial Screenshot56

Mac Advertisement Link

Create an iPhone Advertisement57
Learn how to create an iPhone advertisement similar to this Nano ad with dripping paint.

Photoshop Tutorial Screenshot58

iPod-Style Brushes59
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.

Photoshop Tutorial Screenshot60

I See iPod People61
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.

Photoshop Tutorial Screenshot62

Design a Coldplay/Apple-Inspired Portrait63
Simulate the beautiful effect shown in the latest Coldplay/Apple ad.

Photoshop Tutorial Screenshot64

Creating an Apple-Style Advert65
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.

Photoshop Tutorial Screenshot66

Make Your Own iPod-Style Photo67
The Apple iPod commercials on TV: crazy silhouetted people dancing around with white iPod’s. Learn how to create your own crazy ad.

Photoshop Tutorial Screenshot68

Attack of the iPod People69
Another silhouette-style ad tutorial, with the somewhat-semi-official iPod poster palette of colors.

Photoshop Tutorial Screenshot70

(al)

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2008/04/04/mac-os-x-leopard-designers-guide-to-icons/
  2. 2 http://www.online-photoshoptutorials.com/2008/09/creating-a-vector-style-macbook-from-scratch.html
  3. 3 http://www.online-photoshoptutorials.com/2008/09/creating-a-vector-style-macbook-from-scratch.html
  4. 4 http://psdtuts.com/tutorials-effects/create-a-slick-black-imac-in-photoshop/
  5. 5 http://psdtuts.com/tutorials-effects/create-a-slick-black-imac-in-photoshop/
  6. 6 http://www.adobetutorialz.com/articles/2783/1/Apple-iPhone-Mobile-Phone-Design
  7. 7 http://www.adobetutorialz.com/articles/2783/1/Apple-iPhone-Mobile-Phone-Design
  8. 8 http://forum.crystalxp.net/index.php?showtopic=37215
  9. 9 http://forum.crystalxp.net/index.php?showtopic=37215
  10. 10 http://www.teehanlax.com/blog/?p=447
  11. 11 https://www.smashingmagazine.com/2008/11/26/iphone-psd-vector-kit/
  12. 12 http://www.teehanlax.com/blog/?p=447
  13. 13 http://tutorialblog.org/designing-for-the-iphone-resources/
  14. 14 http://tutorialblog.org/designing-for-the-iphone-resources/
  15. 15 http://www.tutorial9.net/photoshop/create-the-glass-shelf-dock-from-leopard-os-in-photoshop/
  16. 16 http://www.tutorial9.net/photoshop/create-the-glass-shelf-dock-from-leopard-os-in-photoshop/
  17. 17 http://veerle.duoh.com/blog/comments/apple_leopard_text_effects/
  18. 18 http://veerle.duoh.com/blog/comments/apple_leopard_text_effects/
  19. 19 http://www.ndesign-studio.com/resources/tutorials/itune-icon/
  20. 20 http://www.ndesign-studio.com/resources/tutorials/itune-icon/
  21. 21 http://psdtuts.com/designing-tutorials/create-a-jaguar-style-folder-icon/
  22. 22 http://psdtuts.com/designing-tutorials/create-a-jaguar-style-folder-icon/
  23. 23 http://pshero.com/archives/ipod-shuffle-from-scratch
  24. 24 http://pshero.com/archives/ipod-shuffle-from-scratch
  25. 25 http://psdtuts.com/designing-tutorials/design-a-shiny-photorealistic-apple-remote/
  26. 26 http://psdtuts.com/designing-tutorials/design-a-shiny-photorealistic-apple-remote/
  27. 27 http://www.depiction.net/tutorials/photoshop/realisticipod.php
  28. 28 http://www.depiction.net/tutorials/photoshop/realisticipod.php
  29. 29 http://www.webdesign.org/web/photoshop/drawing-techniques/ipod-in-photoshop.15597.html
  30. 30 http://www.webdesign.org/web/photoshop/drawing-techniques/ipod-in-photoshop.15597.html
  31. 31 http://www.biorust.com/tutorials/detail/172/us/
  32. 32 http://www.biorust.com/tutorials/detail/172/us/
  33. 33 http://www.adobetutorialz.com/articles/2970/1/Green-Apple-Style-Design
  34. 34 http://www.adobetutorialz.com/articles/2970/1/Green-Apple-Style-Design
  35. 35 http://www.adobetutorialz.com/articles/2855/1/Apple-Wallpaper
  36. 36 http://www.adobetutorialz.com/articles/2855/1/Apple-Wallpaper
  37. 37 http://abduzeedo.com/apple-brushed-aluminum-photoshop-tutorial
  38. 38 http://abduzeedo.com/apple-brushed-aluminum-photoshop-tutorial
  39. 39 http://www.adobetutorialz.com/articles/3003/1/Mac---Colorful-Design
  40. 40 http://www.adobetutorialz.com/articles/3003/1/Mac---Colorful-Design
  41. 41 http://psdtuts.com/tutorials-effects/a-cool-lighting-effect-in-photoshop/
  42. 42 http://psdtuts.com/tutorials-effects/a-cool-lighting-effect-in-photoshop/
  43. 43 http://www.hongkiat.com/blog/60-most-beautiful-apple-mac-os-x-leopard-wallpapers/
  44. 44 http://www.hongkiat.com/blog/60-most-beautiful-apple-mac-os-x-leopard-wallpapers/
  45. 45 http://www.youtube.com/watch?v=IbVr3SNmud8
  46. 46 http://www.youtube.com/watch?v=IbVr3SNmud8
  47. 47 http://www.youtube.com/watch?v=wVT8UUZQPNM
  48. 48 http://www.youtube.com/watch?v=wVT8UUZQPNM
  49. 49 http://www.youtube.com/watch?v=ztEyIvx2xxc
  50. 50 http://www.youtube.com/watch?v=ztEyIvx2xxc
  51. 51 http://www.youtube.com/watch?v=11SACGYkf4s
  52. 52 http://www.youtube.com/watch?v=11SACGYkf4s
  53. 53 http://www.youtube.com/watch?v=arK41CUMfWc
  54. 54 http://www.youtube.com/watch?v=arK41CUMfWc
  55. 55 http://www.youtube.com/watch?v=Z4CwZnkeVSs
  56. 56 http://www.youtube.com/watch?v=Z4CwZnkeVSs
  57. 57 http://www.idotutorials.com/2008/09/29/create-an-iphone-advertisement/
  58. 58 http://www.idotutorials.com/2008/09/29/create-an-iphone-advertisement/
  59. 59 http://www.solidoxygen.com/ipodbrush.php
  60. 60 http://www.solidoxygen.com/ipodbrush.php
  61. 61 http://www.photoshopsupport.com/tutorials/jennifer/ipod.html
  62. 62 http://www.photoshopsupport.com/tutorials/jennifer/ipod.html
  63. 63 http://www.tutorial9.net/photoshop/design-a-coldplayapple-inspired-portrait-in-photoshop/
  64. 64 http://www.tutorial9.net/photoshop/design-a-coldplayapple-inspired-portrait-in-photoshop/
  65. 65 http://great-design.blogspot.com/2008/02/creating-apple-style-advert.html
  66. 66 http://great-design.blogspot.com/2008/02/creating-apple-style-advert.html
  67. 67 http://www.photoshoplab.com/make-your-own-ipod-style-photo.html
  68. 68 http://www.photoshoplab.com/make-your-own-ipod-style-photo.html
  69. 69 http://www.macmerc.com/articles/Graphics_Tips/260
  70. 70 http://www.macmerc.com/articles/Graphics_Tips/260
SmashingConf Oxford

Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Oxford, on March 15—16, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Dirk Metzmacher is a professional Photoshop trainer and book author with over 10 years of experience. He is also the creative mind behind (Photoshop-Weblog), a blog about techniques, tutorials and resources related to Adobe Photoshop.

Advertisement
  1. 1

    Very cool photoshop tutorials! Thanks ;)

    0
  2. 2

    Like it!

    0
  3. 3

    Very nice… Thanks…

    0
  4. 4

    Nice roundup Dirk…. thanks for sharing!!

    DKumar M.

    0
  5. 5

    nice list. thx

    0
  6. 6

    I stumbled across the wallpapers. There was one awesome, original wallpaper there. The starring actor in Ice Age, grabbing the Apple. What a great idea!

    0
  7. 7

    Very awesome collection!
    Might a give a few of them a go to improve some areas I am lacking!

    Cheers

    0
  8. 8

    Webanddesigners

    March 25, 2009 3:10 pm

    Create an iPhone Advertisement, Link for this tutorial is not working, think there’s something wrong with that site. None of the link on that site is working

    0
  9. 9

    What a fantistic photoshop resource – I have always appreciated the ‘apple’ approach to design and let’s face it they have always been design trend setters!! Thanks for an excellent list!

    Gordon
    (Twitter: @morayweb)

    0
  10. 10

    Yes, i have one. That all coooool

    0
  11. 11

    Wow, this is an awesome post! I’m so happy for this right now, I’m in the middle of an iPod themed poster and this will definitely help!

    0
  12. 12

    For some reason, some of the links aren’t working…

    0
  13. 13

    Wow ! Really nice stuff.

    0
  14. 14

    I believe Apple is the biggest trendsetter. Everything they create, from hardware to software, still images to video, from website to marketing collateral, everything has stunning creativity yet they all are simple.

    0
  15. 15

    Nice collection…Good Work Dirk:)

    0
  16. 16

    Incredibly useful techniques for everyday use too. Awesome.

    0
  17. 17

    Well, there’re some cool tuts I’m gonna use for sure… Thanks a LOT =)

    0
  18. 18

    Very nice selection of tutorials – thanks for compiling them.

    0
  19. 19

    Great collection, thanks alot. I have to create an apple styled Web interfave next time, so this collection went right into my bookmarks. :-)

    0
  20. 20

    nice post .. !

    0
  21. 21

    I guess some of the results look okay, but what’s the point in recreating an ipod in photoshop?

    0
  22. 22

    Great collection!

    0
  23. 23

    Is that a ‘Windows’ reflection on the top left of the mouse illustration?

    0
  24. 24

    @soully
    Though I’m not a fan of Apple, I like their graphic design. By learning how to create an iPod, you learn a lot of techniques of GFX which can be used to create a WHOLE lot of other stuff. It doesn’t necessarily have to be used to create an iPod, ya see?

    0
  25. 25

    To my mind, most of these tutorials are popular, as they are quite easy, sorry but, playing with gradients and glassy surfaces is not that challenging.
    Do we realy need those similar designs you find everywhere? Shouldnt we be creative?

    0
  26. 26

    Whenever I have to design a website that includes products, I always take inspiration from the way Apple displays their products and from their websites and interfaces. I like the simplicity of the reflections and other subtle effects to give a clean, sleek finish. I agree it’s not that challenging, but sometimes the minimalist look can be the best solution.

    0
  27. 27

    Very true! Apple has always made a style statement which everyone followed. Thanks for these pictures!
    FIJ

    0
  28. 28

    Smashing mag is really rocking !………….. another cool post.

    0
  29. 29

    Some of these are pretty week, and of a bad quality. Cant help but feel this is quantity over quality. I’d of dropped some of the low quality repeats as they ruin the tone of the article a little (for an actual designer anyway).

    Mostly, whats with those iPalm ‘apple style brushes’ ??

    0
  30. 30

    Wow simply Superb! Thanks for sharing.

    Regards
    Tutzone

    0

↑ Back to top