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

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 Mouse6
Simple and elegant: the Apple mouse. Create the mouse in Adobe Photoshop.

Photoshop Tutorial Screenshot7

iPhone

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

Photoshop Tutorial Screenshot9

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

Photoshop Tutorial Screenshot11

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

Photoshop Tutorial Screenshot13

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

Photoshop Tutorial Screenshot15

iPhone GUI PSD16
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)17.

Photoshop Tutorial Screenshot18

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

Photoshop Tutorial Screenshot20

iCons and the Web

Create the Glass-Shelf Dock in Leopard OS21
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 Screenshot22

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

Photoshop Tutorial Screenshot24

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

Photoshop Tutorial Screenshot26

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

Photoshop Tutorial Screenshot28

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

Photoshop Tutorial Screenshot30

iPod

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

Photoshop Tutorial Screenshot32

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

Photoshop Tutorial Screenshot34

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

Photoshop Tutorial Screenshot36

iPod in Photoshop37
The black version of the iPod.

Photoshop Tutorial Screenshot38

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

Photoshop Tutorial Screenshot40

Logo and Wallpaper

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

Photoshop Tutorial Screenshot42

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

Photoshop Tutorial Screenshot44

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

Photoshop Tutorial Screenshot46

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

Photoshop Tutorial Screenshot48

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

Photoshop Tutorial Screenshot50

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

Photoshop Tutorial Screenshot52

Video Tutorials

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

Photoshop Tutorial Screenshot54

iPhone55
A video tutorial on how to create an iPhone.

Photoshop Tutorial Screenshot56

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

Photoshop Tutorial Screenshot58

iMac59
Create the new iMac completely in Photoshop.

Photoshop Tutorial Screenshot60

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

Photoshop Tutorial Screenshot62

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

Photoshop Tutorial Screenshot64

Mac Advertisement

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

Photoshop Tutorial Screenshot66

iPod-Style Brushes67
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 Screenshot68

I See iPod People69
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 Screenshot70

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

Photoshop Tutorial Screenshot72

Creating an Apple-Style Advert73
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 Screenshot74

Make Your Own iPod-Style Photo75
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 Screenshot76

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

Photoshop Tutorial Screenshot78

(al)

Footnotes

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

↑ 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

    Either that or they like a user-friendly, intuitive OS that actually works because it’s made by the same company that made the hardware.

    I used to use a PC but got tired of my os freezing, crashing, getting viruses. URGH.
    Enjoy your ctrl+alt+del, son.

    0
  2. 52

    Very cool ;) tutorial i most like apple products tutorial …cuz i’m a apple crazy :P

    0
  3. 103

    Great Post!

    0
  4. 154

    Vinícius Novais

    March 31, 2009 8:03 am

    Great post.
    I see many tutorials.
    I’m brazilian, then I don’t know English very well.
    But, I like this post very well.
    See you.

    0
  5. 205

    Stop complaining, a tutorial is a tutorial! It’s okay to love Macs! It’s okay to love your PC! Just take the tutorial for what it is and be happy – stop bitching!

    Too much time is taken up with ‘why did you use this platform or subject matter’ instead of focusing on the design!

    Don’t like it?! Make your OWN BLOG!

    0
  6. 256

    Great post. Some really cool stuff here!
    Here’s another video tute on photoshopping those iphone glass icons.
    This one creates a really nice glassy icon.
    http://www.photoguides.net/photoshopping-iphone-icons

    Thanks

    0
  7. 307

    it is very nice magazine Ilike it verymuch!!!!!!!!!!!!!!!!!!!!

    0
  8. 358
  9. 409

    This is a great post! Thanks!

    0
  10. 460
  11. 511

    I would like to know how to create the same background and effects of me.com another apple product

    0
  12. 562

    so nice and attractive tutorial contains the site which I expected, well done carry on. Really nice !! Thanks for sharing!

    0

↑ Back to top