Menu Search
Jump to the content X X
Smashing Conf San Francisco

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. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Photoshop Tutorials To Improve Your Modeling and Design Skills

You have to use Adobe Photoshop for a really long time to understand its potential completely. There are many things you can do using its endless features. You need to discover them and decide how to use them in new and innovative ways to create the creative, beautiful and realistic digital art. In this article, we look at Photoshop in a different way: as a tool for designers to create realistic objects and 3D models. [Content Care Nov/30/2016]

Below you’ll find over 50 Photoshop tutorials that teach you how to create beautiful realistic objects and 3D models. Let’s see what it takes to turn Photoshop into a design workspace.

We also have a plenty of tutorials on using Photoshop to improve the quality of your images:

Watches & Clocks Link

How to Draw a Watch5

Use layer styles and shading to produce a really nice rendering of an analog watch in Photoshop.

gadget16

Create an Apple Watch7

In this tutorial you will learn how to create an Apple Watch in Adobe Photoshop.

gadget28

Design a Vintage Clock9

Follow this step by step guide to create a cool vintage clock design with lots of detail.

gadget310

How to Render an Apple Watch11

Learn how to render an apple watch from scratch in Adobe Photoshop.

gadget412

Create A Pretty Nice Wall Clock13

Learn how to create a pretty nice wall clock in a few steps.

gadget514

Screens Link

Apple iMac Tutorial15

How to create a realistic Apple iMac in Adobe Photoshop.

gadget616

Create a Slick Black iMac17

What a black iMac might look like? Well, use a regular one to base it off.

gadget718

How to Create an iPad19

In this tutorial you will learn you how to draw Apple’s iPad 2.

gadget820

Create a Photo Realistic iPhone21

This tutorial will show you how to create a photo realistic image of Apple’s iPhone4.

gadget922

Create a Cute Television23

How to create a cute detailed vintage television icon from scratch using Photoshop.

gadget1024

Create a Detailed Vintage TV25

How to create a detailed vintage TV from scratch using Photoshop’s vector editing capabilities.

gadget1126

Designing a Black Zune27

In this tutorial you will learn how to desgin a Black Zune 2.

gadget1228

How to Create a Photorealistic iMac 29

Use several basic techniques to create a vector style monitor and mouse.

gadget1330

Technology Link

Draw the Nintendo Wii31

This Photoshop tutorial will show you how to create the black Nintendo Wii.

gadget1432

Design a Detailed Audio Receiver 33

How to create a detailed audio receiver icon using Photoshop’s vector editing capabilities.

gadget1534

Designing a Portable Gaming Device Poster35

Walking through the making of an interesting, creative advertisement poster.

gadget1636

Create A Nintendo WiiU37

Learn How To Create A Nintendo WiiU From Scratch In Photoshop

gadget1738

Glossy Mouse Icon in Photoshop39

Create the Magic Mouse in Photoshop, though you could use these techniques to create other mouse design styles as well.

gadget1840

Cameras Link

Create a Digital Camera41

In this tutorial you will learn how to draw a digital camera with wooden Accents using Photoshop.

gadget1942

How to Create a Photo Realistic Camera43

In this tutorial you will see a powerful combination of vector shapes, layer styles, and manual drawing to create a photorealistic camera.

gadget2044

Camera Lens45

Learn to create a Camera Lens in Adobe Photoshop.

gadget2146

Create a Detailed Camera47

How to create a detailed Fuji X100 camera icon in Photoshop.

gadget2248

Designing a Canon Camera49

In this detailed tutorial we will learn how to design Canon digital camera.

gadget2350

Draw a Leica51

Draw one of the most notable Leica cameras in Photoshop, the Leica M1.

gadget2452

Vintage Link

Create a Retro Mixtape53

In this tutorial you will earn you how to illustrate a retro cassette tape in Photoshop.

gadget2554

Vintage Polaroid Camera55

Create a Polaroid camera icon by the use of lots of layer styles and draw manually with the brush tool to achieve this realistic appearance.

gadget2656

Retro Game57

How to create a very easy, but really cool, 3D and geometric effect for a Retro Game Cartridge Design.

gadget2758

Retro Style Game Controller59

How to draw a Super Retro Style Game Controller for all you classic arcade lovers.

gadget2860

Roll of Camera Film61

How to create a roll of camera film using Photoshop.

gadget2962

Realistic Compact Cassette63

Combine the power of pixel editing in Photoshop and vector drawing in Illustrator to draw a realistic compact cassette.

gadget3064

Film Style Video65

Give a video a vintage feel and mock it up inside an old TV screen.

gadget3166

Other Models and 3D-Objects Link

3D Wood Cup67

How to create a 3D cup from scratch in Illustrator and how to apply some texture to it in Photoshop.

gadget3268

Striking Matchbox69

Create the cover design, the striker on the matchbox from a pattern, and placing the cardboard texture on the box.

gadget3370

Super Shiny Pencil 71

In this tutorial you will learn how to draw a pencil icon in photoshop.

gadget3472

Wine Bottle73

Create a Realistic Wine Bottle Illustration From Scratch.

gadget3574

USB Key75

How to illustrate a USB key floating in the air and reflecting on a surface.

gadget3676

Photorealistic Apple Remote77

In this tutorial you will learn how to make a shiny new apple remote.

gadget3778

iPod Shuffle From Scratch79

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

gadget3880

Compass Icon81

Design a detailed, metallic Compass Icon in Photoshop.

gadget3982

Making a 3d scene83

In this tutorial, you’ll be creating a nice 3d scene using 3d models.

gadget4084

Classic Guitar85

Learn how to design a Classic Guitar from Scratch In Photoshop.

gadget4186

Bamboo Fun tablet87

How to draw a Photorealistic device Bamboo Fun tablet from scratch.

gadget4288

Stylish Wireless Phone89

In this tutorial you will learn how to make a great looking Wireless Phone.

gadget4390

Communicator91

Draw a retro Star Trek style communicator, a voice communication device used in the original Star Trek series.

gadget4492

Bangin’ Woofer93

Illustrate a woofer and make a simple wood texture for the background.

gadget4594

Sweet Donut95

In this icon design tutorial you will learn how to make a sweet and tasty donut icon from an initial sketch.

gadget4696

Takeout Coffee97

Learn how to design a realistic Takeout Coffee Icon.

gadget4798

Futuristic Bicycle99

Create a futuristic bicycle icon from scratch using some basic Photoshop tools.

gadget48100

Easy 3D Globe101

How to create a nice 3D globe in Photoshop using basic tools.

gadget49102

3D Snooker Ball103

How to create a realistic 3D snooker ball in Adobe Photoshop.

gadget50104

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2008/07/15/70-beauty-retouching-photoshop-tutorials/
  2. 2 https://www.smashingmagazine.com/2008/08/07/50-photoshop-tutorials-for-sky-and-space-effects/
  3. 3 https://www.smashingmagazine.com/2008/10/28/40-beautiful-grunge-photoshop-tutorials/
  4. 4 https://www.smashingmagazine.com/2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/
  5. 5 https://design.tutsplus.com/tutorials/how-to-draw-a-watch-in-photoshop--psd-6870
  6. 6 https://design.tutsplus.com/tutorials/how-to-draw-a-watch-in-photoshop--psd-6870
  7. 7 https://photoshopstar.com/drawing/apple-watch-in-adobe-photoshop/
  8. 8 https://photoshopstar.com/drawing/apple-watch-in-adobe-photoshop/
  9. 9 http://ditscheri.com/blog/design-a-vintage-clock-with-rusty-mechanics-in-photoshop
  10. 10 http://ditscheri.com/blog/design-a-vintage-clock-with-rusty-mechanics-in-photoshop
  11. 11 https://phlearn.com/how-to-render-an-apple-watch-from-scratch-in-photoshop
  12. 12 https://phlearn.com/how-to-render-an-apple-watch-from-scratch-in-photoshop
  13. 13 http://www.graphicsfuel.com/2011/08/create-a-wall-clock-in-photoshop/
  14. 14 http://www.graphicsfuel.com/2011/08/create-a-wall-clock-in-photoshop/
  15. 15 http://www.stephenknox.com/tutorials/apple-imac/
  16. 16 http://www.stephenknox.com/tutorials/apple-imac/
  17. 17 https://design.tutsplus.com/tutorials/create-a-slick-black-imac-in-photoshop--psd-55
  18. 18 https://design.tutsplus.com/tutorials/create-a-slick-black-imac-in-photoshop--psd-55
  19. 19 http://designinstruct.com/drawing-illustration/how-to-create-an-ipad-2-from-scratch-using-photoshop/
  20. 20 http://designinstruct.com/drawing-illustration/how-to-create-an-ipad-2-from-scratch-using-photoshop/
  21. 21 https://design.tutsplus.com/tutorials/create-a-photo-realistic-iphone-in-photoshop--psd-10330
  22. 22 https://design.tutsplus.com/tutorials/create-a-photo-realistic-iphone-in-photoshop--psd-10330
  23. 23 https://www.photoshoptutorials.ws/photoshop-tutorials/drawing/create-cute-television-icon-scratch/
  24. 24 https://www.photoshoptutorials.ws/photoshop-tutorials/drawing/create-cute-television-icon-scratch/
  25. 25 http://wegraphics.net/blog/tutorials/create-a-detailed-vintage-tv-from-scratch-in-photoshop/
  26. 26 http://wegraphics.net/blog/tutorials/create-a-detailed-vintage-tv-from-scratch-in-photoshop/
  27. 27 http://www.developertutorials.com/designing-a-black-zune-2-in-photoshop-8-03-16/
  28. 28 http://www.developertutorials.com/designing-a-black-zune-2-in-photoshop-8-03-16/
  29. 29 https://design.tutsplus.com/tutorials/how-to-create-a-photorealistic-imac-and-magic-mouse--vector-3252
  30. 30 https://design.tutsplus.com/tutorials/how-to-create-a-photorealistic-imac-and-magic-mouse--vector-3252
  31. 31 http://www.flash-game-design.com/tutorials/wii-photoshop-tutorial.html
  32. 32 http://www.flash-game-design.com/tutorials/wii-photoshop-tutorial.html
  33. 33 https://design.tutsplus.com/tutorials/design-a-detailed-audio-receiver-icon-in-photoshop--psd-14872
  34. 34 https://design.tutsplus.com/tutorials/design-a-detailed-audio-receiver-icon-in-photoshop--psd-14872
  35. 35 http://www.photoshoplady.com/designing-a-portable-gaming-device-poster/
  36. 36 http://www.photoshoplady.com/designing-a-portable-gaming-device-poster/
  37. 37 http://crayonify.com/part-1-learn-how-to-create-a-nintendo-wiiu-from-scratch-in-photoshop/
  38. 38 http://crayonify.com/part-1-learn-how-to-create-a-nintendo-wiiu-from-scratch-in-photoshop/
  39. 39 https://design.tutsplus.com/tutorials/creating-a-modern-glossy-mouse-icon-in-photoshop--psd-5881
  40. 40 https://design.tutsplus.com/tutorials/creating-a-modern-glossy-mouse-icon-in-photoshop--psd-5881
  41. 41 https://design.tutsplus.com/tutorials/create-a-digital-camera-with-wooden-accents-using-photoshop--psd-6697
  42. 42 https://design.tutsplus.com/tutorials/create-a-digital-camera-with-wooden-accents-using-photoshop--psd-6697
  43. 43 https://design.tutsplus.com/tutorials/how-to-create-a-photo-realistic-camera--psd-8685
  44. 44 https://design.tutsplus.com/tutorials/how-to-create-a-photo-realistic-camera--psd-8685
  45. 45 http://crayonify.com/learn-to-create-a-camera-lens-in-photoshop/
  46. 46 http://crayonify.com/learn-to-create-a-camera-lens-in-photoshop/
  47. 47 https://design.tutsplus.com/tutorials/create-a-detailed-camera-icon-in-photoshop--psd-13569
  48. 48 https://design.tutsplus.com/tutorials/create-a-detailed-camera-icon-in-photoshop--psd-13569
  49. 49 http://designstacks.net/designing-canon-digital-camera
  50. 50 http://designstacks.net/designing-canon-digital-camera
  51. 51 https://design.tutsplus.com/tutorials/how-to-draw-a-leica-camera-in-photoshop--psd-16464
  52. 52 https://design.tutsplus.com/tutorials/how-to-draw-a-leica-camera-in-photoshop--psd-16464
  53. 53 https://www.sitepoint.com/create-a-retro-mixtape-in-photoshop/
  54. 54 https://www.sitepoint.com/create-a-retro-mixtape-in-photoshop/
  55. 55 https://design.tutsplus.com/tutorials/how-to-draw-a-vintage-polaroid-camera-icon--psd-12946
  56. 56 https://design.tutsplus.com/tutorials/how-to-draw-a-vintage-polaroid-camera-icon--psd-12946
  57. 57 https://design.tutsplus.com/tutorials/super-retro-game-cartridge-design--psd-138
  58. 58 https://design.tutsplus.com/tutorials/super-retro-game-cartridge-design--psd-138
  59. 59 https://design.tutsplus.com/tutorials/how-to-create-a-super-retro-style-game-controller--psd-299
  60. 60 https://design.tutsplus.com/tutorials/how-to-create-a-super-retro-style-game-controller--psd-299
  61. 61 https://design.tutsplus.com/tutorials/draw-a-roll-of-camera-film-in-photoshop--psd-12141
  62. 62 https://design.tutsplus.com/tutorials/draw-a-roll-of-camera-film-in-photoshop--psd-12141
  63. 63 http://www.psdvault.com/drawing/draw-a-realistic-casette-tape-in-photoshop/
  64. 64 http://www.psdvault.com/drawing/draw-a-realistic-casette-tape-in-photoshop/
  65. 65 https://design.tutsplus.com/tutorials/create-a-vintage-film-style-video-using-photoshop-cs3-extended--psd-255
  66. 66 https://design.tutsplus.com/tutorials/create-a-vintage-film-style-video-using-photoshop-cs3-extended--psd-255
  67. 67 https://design.tutsplus.com/tutorials/how-to-render-a-dramatic-3d-wood-cup-in-photoshop--psd-294
  68. 68 https://design.tutsplus.com/tutorials/how-to-render-a-dramatic-3d-wood-cup-in-photoshop--psd-294
  69. 69 https://design.tutsplus.com/tutorials/rendering-a-striking-matchbox-in-photoshop--psd-278
  70. 70 https://design.tutsplus.com/tutorials/rendering-a-striking-matchbox-in-photoshop--psd-278
  71. 71 https://design.tutsplus.com/tutorials/how-to-create-a-super-shiny-pencil-icon--psd-292
  72. 72 https://design.tutsplus.com/tutorials/how-to-create-a-super-shiny-pencil-icon--psd-292
  73. 73 http://psd.fanextra.com/tutorials/drawing/create-a-realistic-wine-bottle-illustration-from-scratch/
  74. 74 http://psd.fanextra.com/tutorials/drawing/create-a-realistic-wine-bottle-illustration-from-scratch/
  75. 75 https://design.tutsplus.com/tutorials/make-a-floating-in-air-usb-key-illustration--psd-302
  76. 76 https://design.tutsplus.com/tutorials/make-a-floating-in-air-usb-key-illustration--psd-302
  77. 77 https://design.tutsplus.com/tutorials/design-a-shiny-photorealistic-apple-remote--psd-136
  78. 78 https://design.tutsplus.com/tutorials/design-a-shiny-photorealistic-apple-remote--psd-136
  79. 79 http://pshero.com/photoshop-tutorials/graphic-design/ipod-shuffle-from-scratch
  80. 80 http://pshero.com/photoshop-tutorials/graphic-design/ipod-shuffle-from-scratch
  81. 81 https://design.tutsplus.com/tutorials/design-a-detailed-compass-icon-in-photoshop--psd-314
  82. 82 https://design.tutsplus.com/tutorials/design-a-detailed-compass-icon-in-photoshop--psd-314
  83. 83 http://www.marcofolio.net/photoshop/making_a_3d_scene_using_3d_models_in_photoshop.html
  84. 84 http://www.marcofolio.net/photoshop/making_a_3d_scene_using_3d_models_in_photoshop.html
  85. 85 https://design.tutsplus.com/tutorials/how-to-create-a-classic-guitar-from-scratch-in-photoshop--psd-524
  86. 86 https://design.tutsplus.com/tutorials/how-to-create-a-classic-guitar-from-scratch-in-photoshop--psd-524
  87. 87 http://alfoart.com/bamboo_tablet_1.html
  88. 88 http://alfoart.com/bamboo_tablet_1.html
  89. 89 https://design.tutsplus.com/tutorials/how-to-create-a-stylish-wireless-phone--vector-3708
  90. 90 https://design.tutsplus.com/tutorials/how-to-create-a-stylish-wireless-phone--vector-3708
  91. 91 https://design.tutsplus.com/tutorials/create-a-star-trek-style-communicator-in-photoshop--psd-13545
  92. 92 https://design.tutsplus.com/tutorials/create-a-star-trek-style-communicator-in-photoshop--psd-13545
  93. 93 https://design.tutsplus.com/tutorials/how-to-make-a-bangin-woofer-embedded-in-wood--psd-303
  94. 94 https://design.tutsplus.com/tutorials/how-to-make-a-bangin-woofer-embedded-in-wood--psd-303
  95. 95 https://design.tutsplus.com/tutorials/create-a-sweet-donut-icon-in-photoshop-from-scratch--psd-13041
  96. 96 https://design.tutsplus.com/tutorials/create-a-sweet-donut-icon-in-photoshop-from-scratch--psd-13041
  97. 97 http://medialoot.com/blog/realistic-takeout-coffee-icon/
  98. 98 http://medialoot.com/blog/realistic-takeout-coffee-icon/
  99. 99 https://design.tutsplus.com/tutorials/create-a-futuristic-bicycle-icon-in-photoshop--psd-14882
  100. 100 https://design.tutsplus.com/tutorials/create-a-futuristic-bicycle-icon-in-photoshop--psd-14882
  101. 101 http://abduzeedo.com/easy-3d-globe-photoshop
  102. 102 http://abduzeedo.com/easy-3d-globe-photoshop
  103. 103 http://www.photoshoplady.com/create-a-realistic-3d-snooker-ball-in-photoshop/
  104. 104 http://www.photoshoplady.com/create-a-realistic-3d-snooker-ball-in-photoshop/

↑ Back to top Tweet itShare on Facebook

Advertisement

Vailancio Rodrigues is a web ninja who bakes semantic muffins. Apart from that he is also interested in Motion Graphics, Visual Effects, Photography and knows little bit of Physics due to his college education . He is from Goa - a beautiful tropical paradise in India.

  1. 1

    Great article!!

    Although, now I must admit that I’m very disappointed in Smashing Mag for having a “Vote Yes on Proposition 8” ad on here!!! That just made me lose A LOT of respect for this site!!

    How about picking ads that relate to the content on your site, like you’ve usually done so well with???

    0
  2. 2

    Vitaly Friedman & Sven Lennartz

    November 3, 2008 3:00 pm

    @Tyler: could you be more specific? Where did you find this ad? Not in the sidebar, right?

    0
  3. 3

    @Vitaly Friedman & Sven Lennartz

    At the very top of the post… ride under the post title!! I almost want to say it’s a Google Ad, because I saw one similar on another site…

    Say it ain’t so guys!!! ;) LOL!

    0
  4. 4

    Hey Tyler, I don’t think a political ad will appear on this sort of site. Hmm…

    0
  5. 5

    @Tyler: Quite often they don’t get to pick and choose their ads. They just serve what the ad networks provide them without having the opportunity to screen the content.

    0
  6. 6

    Vitaly Friedman & Sven Lennartz

    November 3, 2008 3:06 pm

    Will Leffert is right.

    0
  7. 7

    Thanks for posting my realistic bottle of wine tutorial. This is a great list, with several tuts that I hadn’t seen before.

    0
  8. 8

    Yeah, I just hate how these horrible ads get through!!!

    BUT, I’m over it!! I’ll blame AdSense!!! LOL!!

    Great resources SM!! Keep up the great content!!

    0
  9. 9

    Nice collection.

    0
  10. 10

    Yeah, I love the car examples

    0
  11. 11

    Steven McCurrach

    November 3, 2008 6:22 pm

    I love some of those speaker and TV tutorials.
    Quite a few things here that will surely be useful for future web designs I make for clients.

    Thanks a bunch.
    Smashing!

    0
  12. 12

    Great list of some pretty sweet tutorials.

    I saw “Yes on Prop 8” google ads served up on several sites today, including lipsum.com!

    But knowing how those ads work, I don’t blame site owners.

    0
  13. 13

    I like these a lot. Bookmark it…very useful post.

    0
  14. 14

    yeah… pretty pathetic ad, and not very smart when you consider how many designers are gay.

    It should be pretty easy to start blog that says “no on smashing magazine”

    0
  15. 15

    now that it has been pointed out – the next step is REMOVING it.

    0
  16. 16

    Very nice list of tutorials!

    For the people who don’t like ads: Use firefox and install the plugin Adblock Plus, and almost no advertisement will apear on any website.

    0
  17. 17

    Nice.. but is this site turning in to a tutorial site for photoshop and illustrator? More good examples of web stuff!

    0
  18. 18

    Shine, this site provides tutorials of Photoshop + Illustrator to let the users create MORE interesting web stuff. I think, such a round-up of issues increases the richness of this site. And that’s why I’m always turning back to here. Should SmashingMagazine never close down! Well done.

    0
  19. 19

    I LOVE YOU SMASHING!!!

    0
  20. 20

    For this kind of art I’d recommend using 3d apps like Maya or 3D Studio Max instead of Photoshop.

    0

↑ Back to top