Menu Search
Jump to the content X X
Smashing Conf New York

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 New York, dedicated to smart front-end techniques and design patterns.

Photoshop Tutorials To Improve Your Modeling and Design Skills

Advertisement

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.

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:

USB Drives Link

Floating USB8
This tutorial shows how to illustrate a USB key floating in the air and reflecting on a surface.

Screenshot9

USB Stick

Screenshot

Notebooks Link

MacBook Pro
Design a MacBook Pro in Photoshop using shapes and different blending options to get a realistic look.

Screenshot

Slick MacBook
Create a slick white Apple MacBook in Photoshop.

Screenshot

MacBook Air10
This 20-step tutorial explains how to make the MacBook Air ad.

Screenshot11

Watches Link

Unique Watch12

Screenshot13

Watch 14
In this tutorial, you will learn how to create a watch from scratch in Adobe Photoshop.

Screenshot15

Screens Link

Realistic LCD HDTV16
This tutorial teaches you how to create a photo-realistic wide-screen LCD HDTV from scratch.

Screenshot17

LCD Monitor
Learn how to create an LG-style LCD monitor icon from scratch in Photoshop.

Screenshot

Cellphones, PDA & Co. Link

HTC Touch18
Create a mobile phone styled like the HTC Touch Diamond using Adobe Photoshop.

Screenshot19

Loox Pocket PC
This tutorial shows you how to create an interesting pocket PC using only Photoshop.

Screenshot

Apple iPhone20
Designing the Apple iPhone in Adobe Photoshop.

Screenshot21

Realistic Blackberry22
Create a realistic Blackberry-style mobile phone from scratch using Adobe Photoshop.

Screenshot23

Sony Ericsson W80024
Very detailed tutorial that teaches you how to draw the Sony Ericsson w800 Walkman phone from scratch in Adobe Photoshop.

Screenshot25

Speakers Link

Bangin’ Woofer Embedded in Wood26
Create a realistic speaker, and make a simple wood texture for the background.

Screenshot27

3D Speakers28
Designing 3D speakers in Adobe Photoshop.

Screenshot29

Apple iMac Link

Apple iMac30
Create an Apple iMac in Adobe Photoshop.

Screenshot31

Slick Black iMac32
Turn a white iMac into a black iMac in Photoshop.

Screenshot33

Computer Mice Link

Mouse34
Designing a mouse in Adobe Photoshop.

Screenshot35

iMouse
Designing the Apple iMouse in Adobe Photoshop.

Screenshot

Music Players Link

Fantastic 3D MP3 Player
Learn how to create a 3D MP3 player from scratch using only Photoshop.

Screenshot

Shiny Photo-Realistic Apple Remote36
This tutorial teaches you how to make a shiny Apple remote.

Screenshot37

iPod Shuffle38
Learn how to create an Apple iPod Shuffle.

Screenshot39

Black Zune 240
Designing a black Zune 2 in Photoshop.

Screenshot

iPod Classic41
Photoshop tutorial to create an iPod Classic or an iPod Nano.

Screenshot42

iPod Touch43
This tutorial shows you how to create an iPod Touch from scratch in Photoshop using no source images.

Screenshot44

4th Gen iPod Nano45
Designing a photo-realistic iPod Nano in Adobe Photoshop.

Screenshot46

Cars Link

Mustang Car Illustration47
Tutorial shows how to use and organize layers in Photoshop to create a car illustration.

Screenshot48

Quick car rendering in Photoshop49
This tutorial shows how to quickly render a car in Photoshop with a marker rendering style.

Screenshot50

Porsche51
This tutorial shows how to create a Porsche illustration in Photoshop starting from a scanned hand-drawn sketch.

Screenshot52

Game Consoles Link

Wii Controller
A Photoshop tutorial on designing the Wiimote controller.

Screenshot

Retro Style Game Controller53
“In this tutorial, we’re going to be drawing a retro game console controller. Rather than a perspective look, this one will have an isometric look. This tutorial is extremely detailed, and will be fun for all you classic arcade lovers.”

Screenshot54

Nintendo Wii55
This Photoshop tutorial shows you how to design the console by Nintendo.

Screenshot56

Xbox 360
Draw Microsoft’s Xbox 360 console in Photoshop using a reference image, simple techniques, such as the gradient tools, and the pen tool.

Screenshot

Sony PlayStation 3
Create a realistic-looking Sony PlayStation using Adobe Photoshop.

Screenshot

Other Models and 3D-Objects Link

Realistic 3D rack server57

This tutorial shows a very nice technique for creating 3D servers.Screenshot58

Convert 2D Image Into 3D Model Using Photoshop
Adobe Photoshop CS3 tutorials on converting a 2D image into a 3D model.Screenshot

Design a Detailed Compass Icon In Photoshop59
A drawing tutorial for icon lovers in which the authors explains the design of a metallic compass step-by-step.

Screenshot60

Making a 3D scene using 3D models61
In this tutorial, create a nice 3D scene using 3D models in Adobe Photoshop CS3 Extended.

Screenshot62

Realistic Wine Bottle63
This tutorial teaches you how to create a super-realistic bottle of wine completely from scratch. You will learn how to use the pen tool effectively, as well as gradient/pattern overlays and other drawing techniques.

Screenshot64

Camera
Tutorial for Adobe Photoshop 6 and 7 users that will teach you how to create a photo camera from scratch.
Screenshot

Electronic Torch Light65
This tutorial explains how to create an electronic torch light icon in Adobe Photoshop.
Screenshot66

Vintage Film Style Video67
Photoshop CS3 Extended allows you to edit video and animations. Also, you can convert an existing video into a Smart Object and apply filters to it. This time we’re going to give a video a vintage feel and mock it up inside an old TV screen.

Screenshot68

Dramatic 3D Wood Cup69
In this basic tutorial, you’ll learn how to create a 3D cup from scratch in Illustrator, how to apply some texture to it in Photoshop, and also how to use the Vanishing Point filter to create a mock-up and apply realistic shadows.

Screenshot70

Super-Shiny Pencil71
This tutorial shows how to create a super-shiny pencil icon.

Screenshot72

Matchbox73
This tutorial consists of creating a digital illustration of a box of matches in Photoshop, creating the matchbox cover design and the striker from a pattern, placing the cardboard texture on the box and then aligning everything into a 3D perspective.

Screenshot74

Swiss Army Knife
Learn how to create a Swiss Army knife.

Screenshot

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2008/01/10/adobe-photoshop-tutorials-best-of/
  2. 2 https://www.smashingmagazine.com/2008/07/15/70-beauty-retouching-photoshop-tutorials/
  3. 3 https://www.smashingmagazine.com/2008/08/07/50-photoshop-tutorials-for-sky-and-space-effects/
  4. 4 https://www.smashingmagazine.com/2008/04/03/adobe-photoshop-tutorials-rainbows-glows-and-light-effects/
  5. 5 https://www.smashingmagazine.com/2008/10/28/40-beautiful-grunge-photoshop-tutorials/
  6. 6 https://www.smashingmagazine.com/2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/
  7. 7 https://www.smashingmagazine.com/2008/10/20/the-ultimate-collection-of-useful-photoshop-actions/
  8. 8 http://psdtuts.com/drawing/make-a-floating-in-air-usb-key-illustration/
  9. 9 http://psdtuts.com/drawing/make-a-floating-in-air-usb-key-illustration/
  10. 10 http://www.photoshoptalent.com/photoshop-tutorials/pst/417/MacBook-Air.html
  11. 11 http://www.photoshoptalent.com/photoshop-tutorials/pst/417/MacBook-Air.html
  12. 12 http://tutorial-zee.com/photoshop-tutorials/photoshop-design-unique-watch-in-photoshop
  13. 13 http://tutorial-zee.com/photoshop-tutorials/photoshop-design-unique-watch-in-photoshop
  14. 14 http://learnfobia.com/category-Adobe-Photoshop-47/tutorial-Make-A-Watch-In-Adobe-Photoshop-2131.html
  15. 15 http://learnfobia.com/category-Adobe-Photoshop-47/tutorial-Make-A-Watch-In-Adobe-Photoshop-2131.html
  16. 16 http://www.photoshoptalent.com/blog/2008/06/25/photoshop-tutorial-make-a-realistic-lcd-hdtv/
  17. 17 http://www.photoshoptalent.com/blog/2008/06/25/photoshop-tutorial-make-a-realistic-lcd-hdtv/
  18. 18 http://psdtuts.com/drawing/create-a-mobile-phone-styled-like-the-htc-touch-diamond/
  19. 19 http://psdtuts.com/drawing/create-a-mobile-phone-styled-like-the-htc-touch-diamond/
  20. 20 http://www.adobetutorialz.com/articles/2783/1/Apple-iPhone-Mobile-Phone-Design
  21. 21 http://www.adobetutorialz.com/articles/2783/18/Apple-iPhone-Mobile-Phone-Design
  22. 22 http://psdtuts.com/designing-tutorials/create-a-realistic-blackberry-style-mobile-phone-from-scratch/
  23. 23 http://psdtuts.com/designing-tutorials/create-a-realistic-blackberry-style-mobile-phone-from-scratch/
  24. 24 http://www.stephenknox.com/tutorials/w800/
  25. 25 http://www.stephenknox.com/tutorials/w800/
  26. 26 http://psdtuts.com/drawing/how-to-make-a-bangin-woofer-embedded-in-wood/
  27. 27 http://psdtuts.com/drawing/how-to-make-a-bangin-woofer-embedded-in-wood/
  28. 28 http://www.photoshop-garden.com/view_tut.php?id=57
  29. 29 http://www.photoshop-garden.com/view_tut.php?id=57
  30. 30 http://www.stephenknox.com/tutorials/apple-imac/
  31. 31 http://www.stephenknox.com/tutorials/apple-imac/
  32. 32 http://psdtuts.com/tutorials-effects/create-a-slick-black-imac-in-photoshop/
  33. 33 http://psdtuts.com/tutorials-effects/create-a-slick-black-imac-in-photoshop/
  34. 34 http://www.eyesondesign.net/pshop/mouse/mouse1.htm
  35. 35 http://www.eyesondesign.net/pshop/mouse/mouse1.htm
  36. 36 http://psdtuts.com/designing-tutorials/design-a-shiny-photorealistic-apple-remote/
  37. 37 http://psdtuts.com/designing-tutorials/design-a-shiny-photorealistic-apple-remote/
  38. 38 http://pshero.com/archives/ipod-shuffle-from-scratch
  39. 39 http://pshero.com/archives/ipod-shuffle-from-scratch
  40. 40 http://www.developertutorials.com/tutorials/photoshop/designing-a-black-zune-2-in-photoshop-8-03-16/page1.html
  41. 41 http://www.avivadirectory.com/photoshop/make-an-ipod-classic-or-the-new-nano/
  42. 42 http://www.avivadirectory.com/photoshop/make-an-ipod-classic-or-the-new-nano/
  43. 43 http://www.photoshoptalent.com/photoshop-tutorials/pst/486/Create-an-iPod-Touch.html
  44. 44 http://www.photoshoptalent.com/photoshop-tutorials/pst/486/Create-an-iPod-Touch.html
  45. 45 http://www.tutorialwow.com/tutorials/create-a-4th-gen-ipod-nano-in-photoshop/
  46. 46 http://www.tutorialwow.com/tutorials/create-a-4th-gen-ipod-nano-in-photoshop/
  47. 47 http://cryingsoul85.deviantart.com/art/mustang-layers-sheet-97713209
  48. 48 http://cryingsoul85.deviantart.com/art/mustang-layers-sheet-97713209
  49. 49 http://www.carbodydesign.com/archive/2008/09/12-quick-rendering-photoshop-tutorial/
  50. 50 http://www.carbodydesign.com/archive/2008/09/12-quick-rendering-photoshop-tutorial/
  51. 51 http://www.alfoart.com/porsche_1.html
  52. 52 http://www.alfoart.com/porsche_1.html
  53. 53 http://psdtuts.com/drawing/how-to-create-a-super-retro-style-game-controller/
  54. 54 http://psdtuts.com/drawing/how-to-create-a-super-retro-style-game-controller/
  55. 55 http://www.flash-game-design.com/tutorials/wii-photoshop-tutorial.html
  56. 56 http://www.flash-game-design.com/tutorials/wii-photoshop-tutorial.html
  57. 57 http://www.talk-mania.com/buttons-web-graphics-banners/35987-realistic-3d-rack-server.html
  58. 58 http://www.talk-mania.com/buttons-web-graphics-banners/35987-realistic-3d-rack-server.html
  59. 59 http://psdtuts.com/designing-tutorials/design-a-detailed-compass-icon-in-photoshop/
  60. 60 http://psdtuts.com/designing-tutorials/design-a-detailed-compass-icon-in-photoshop/
  61. 61 http://www.marcofolio.net/photoshop/making_a_3d_scene_using_3d_models_in_photoshop.html
  62. 62 http://www.marcofolio.net/photoshop/making_a_3d_scene_using_3d_models_in_photoshop.html
  63. 63 http://psdfan.com/drawing/create-a-realistic-wine-bottle-illustration-from-scratch/
  64. 64 http://psdfan.com/drawing/create-a-realistic-wine-bottle-illustration-from-scratch/
  65. 65 http://tutorialqueen.com/photoshop-tutorials/photoshop-electronic-torch-light-icon
  66. 66 http://tutorialqueen.com/photoshop-tutorials/photoshop-electronic-torch-light-icon
  67. 67 http://psdtuts.com/designing-tutorials/create-a-vintage-film-style-video-using-photoshop-cs3-extended/
  68. 68 http://psdtuts.com/designing-tutorials/create-a-vintage-film-style-video-using-photoshop-cs3-extended/
  69. 69 http://psdtuts.com/photo-effects-tutorials/how-to-render-a-dramatic-3d-wood-cup-in-photoshop/
  70. 70 http://psdtuts.com/photo-effects-tutorials/how-to-render-a-dramatic-3d-wood-cup-in-photoshop/
  71. 71 http://psdtuts.com/drawing/how-to-create-a-super-shiny-pencil-icon/
  72. 72 http://psdtuts.com/drawing/how-to-create-a-super-shiny-pencil-icon/
  73. 73 http://psdtuts.com/designing-tutorials/rendering-a-striking-matchbox-in-photoshop/
  74. 74 http://psdtuts.com/designing-tutorials/rendering-a-striking-matchbox-in-photoshop/
SmashingConf New York

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 New York, on June 14–15, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

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.

Advertisement
  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
  21. 21

    Awesome roundup of tutorials. Thanks!!

    0
  22. 22

    Artworks n related material are completely AWESOME…..WOW….

    0
  23. 23

    I dont know with Photoshop, they can make many great works like that :-?

    0
  24. 24

    HAHA, the first MP3 player says “LINKING PARK”

    nice resources, thnx.

    0
  25. 25

    There are ads on this site?!?!? I will never know…thank you adblock.

    0
  26. 26

    Real talent there – some of these almost look real.

    0
  27. 27

    Just use a hosts files, and you will hardly see any ads.
    I don’t see any on this site.

    0
  28. 28

    Awesome tutorials – I just did the pencil one – on the money, honey! :)

    0
  29. 29

    The aliasing on these images is not great. Would have thought that was pretty important for potosop / graphic design related articles?

    0
  30. 30

    Vinay Prajapati

    November 5, 2008 8:23 am

    great tuts… thanks

    0
  31. 31

    danny garcía

    November 5, 2008 9:46 am

    nice tips. thks 4 share this.

    0
  32. 32

    Great collection, as usual! I found them very interesting!

    0
  33. 33

    Thanks for listing some of my tutorials

    much appreciated

    0
  34. 34

    The iPhone one is cool, but the first letter of the month should be capitalized, just being picky ;)

    0
  35. 35

    If those wine bottles are realistic, my drawings are pure works of art that make Da Vinci cry like a baby, and I can’t even draw a stick figure correctly.

    It just goes to show that for (semi) realistic 3D objects (the cell phones not included) one should use a 3D program (Maya, Cinema 4D, etc.) even if it’s only because getting shadows & highlights right is a huge pain for most people. Even something as simple as the matchbox looks stupid if the matches inside don’t cast/receive the right shadows and their heads are all 100% the same…

    Still, it’s a nice article.

    0
  36. 36

    RE: PROP 8 AD!

    In defense of Smashing…

    I had a similar experience the day before the election while visiting BittBox. (An AdSense advertisement promoting “Yes on Prop 8”.)

    I was equally as disgusted and sent an email to the site owner stating my intent to remove his site from my list of frequently visited resource sites.

    He was very kind and respnded to my concerns immedietly, and told me he would have never supported such an advertisement, and was not even aware that it was there.

    I certainly can’t speak for Smashing, but I would hate for this fantastic and invaluable resource to get a bad rap because Google made the choice to accept advertisement dollars from that hateful political organization that supported Prop 8.

    0
  37. 37

    web design company

    November 12, 2008 3:11 am

    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.

    0
  38. 38

    Nice list! Very useful. Delicioused

    0
  39. 39

    Flash Designer

    December 3, 2008 7:48 am

    Nice tutorial on this site for designers…Thanks!

    0
  40. 40

    web design company

    December 10, 2008 5:33 am

    3d ID in PSD

    0

↑ Back to top