Smashing Magazine - we smash you with the information that will make your life easier. really.
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.
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:
- Adobe Photoshop Tutorials: Best Of
- 70 Beauty-Retouching Photoshop Tutorials
- 50 Photoshop Tutorials For Sky and Space Effects
- Adobe Photoshop Tutorials: Rainbows, Glows and Light Effects
- 40 Beautiful Grunge Photoshop Tutorials
- 35 Beautiful Vintage and Retro Photoshop Tutorials
- The Ultimate Collection Of Useful Photoshop Actions
[Offtopic: by the way, did you already get your copy of the brand new Smashing Book?]
USB Drives
Floating USB
This tutorial shows how to illustrate a USB key floating in the air and reflecting on a surface.
Notebooks
MacBook Pro
Design a MacBook Pro in Photoshop using shapes and different blending options to get a realistic look.
Slick MacBook
Create a slick white Apple MacBook in Photoshop.
MacBook Air
This 20-step tutorial explains how to make the MacBook Air ad.
Watches
Watch
In this tutorial, you will learn how to create a watch from scratch in Adobe Photoshop.
Screens
Realistic LCD HDTV
This tutorial teaches you how to create a photo-realistic wide-screen LCD HDTV from scratch.
LCD Monitor
Learn how to create an LG-style LCD monitor icon from scratch in Photoshop.
Cellphones, PDA & Co.
HTC Touch
Create a mobile phone styled like the HTC Touch Diamond using Adobe Photoshop.
Loox Pocket PC
This tutorial shows you how to create an interesting pocket PC using only Photoshop.
Apple iPhone
Designing the Apple iPhone in Adobe Photoshop.
Realistic Blackberry
Create a realistic Blackberry-style mobile phone from scratch using Adobe Photoshop.
Sony Ericsson W800
Very detailed tutorial that teaches you how to draw the Sony Ericsson w800 Walkman phone from scratch in Adobe Photoshop.
Speakers
Bangin’ Woofer Embedded in Wood
Create a realistic speaker, and make a simple wood texture for the background.
3D Speakers
Designing 3D speakers in Adobe Photoshop.
Apple iMac
Apple iMac
Create an Apple iMac in Adobe Photoshop.
Slick Black iMac
Turn a white iMac into a black iMac in Photoshop.
Computer Mice
Mouse
Designing a mouse in Adobe Photoshop.
iMouse
Designing the Apple iMouse in Adobe Photoshop.
Music Players
Fantastic 3D MP3 Player
Learn how to create a 3D MP3 player from scratch using only Photoshop.
Shiny Photo-Realistic Apple Remote
This tutorial teaches you how to make a shiny Apple remote.
iPod Shuffle
Learn how to create an Apple iPod Shuffle.
Black Zune 2
Designing a black Zune 2 in Photoshop.
iPod Classic
Photoshop tutorial to create an iPod Classic or an iPod Nano.
iPod Touch
This tutorial shows you how to create an iPod Touch from scratch in Photoshop using no source images.
4th Gen iPod Nano
Designing a photo-realistic iPod Nano in Adobe Photoshop.
Cars
Mustang Car Illustration
Tutorial shows how to use and organize layers in Photoshop to create a car illustration.
Quick car rendering in Photoshop
This tutorial shows how to quickly render a car in Photoshop with a marker rendering style.
Porsche
This tutorial shows how to create a Porsche illustration in Photoshop starting from a scanned hand-drawn sketch.
Game Consoles
Wii Controller
A Photoshop tutorial on designing the Wiimote controller.
Retro Style Game Controller
“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.”
Nintendo Wii
This Photoshop tutorial shows you how to design the console by Nintendo.
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.
Sony PlayStation 3
Create a realistic-looking Sony PlayStation using Adobe Photoshop.
Other Models and 3D-Objects
This tutorial shows a very nice technique for creating 3D servers.
Convert 2D Image Into 3D Model Using Photoshop
Adobe Photoshop CS3 tutorials on converting a 2D image into a 3D model.
Design a Detailed Compass Icon In Photoshop
A drawing tutorial for icon lovers in which the authors explains the design of a metallic compass step-by-step.
Making a 3D scene using 3D models
In this tutorial, create a nice 3D scene using 3D models in Adobe Photoshop CS3 Extended.
Realistic Wine Bottle
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.
Camera
Tutorial for Adobe Photoshop 6 and 7 users that will teach you how to create a photo camera from scratch.
Electronic Torch Light
This tutorial explains how to create an electronic torch light icon in Adobe Photoshop.
Vintage Film Style Video
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.
Dramatic 3D Wood Cup
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.
Super-Shiny Pencil
This tutorial shows how to create a super-shiny pencil icon.
Matchbox
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.
Swiss Army Knife
Learn how to create a Swiss Army knife.
Vailancio Rodrigues, born and currently living in scenic beauty of Goa, spent most of his childhood in art and creativity. At present a College student who likes to try and do different things at every moment. Also an webmaster and web designer – Tiny Goa and Pixel Art.
(2 votes, average: 5.00 out of 5)
Loading ...- 70 Comments
- 1
- 2
November 3rd, 2008 3:00 pm@Tyler: could you be more specific? Where did you find this ad? Not in the sidebar, right?
- 3November 3rd, 2008 3:02 pm
@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!
- 4November 3rd, 2008 3:04 pm
Hey Tyler, I don’t think a political ad will appear on this sort of site. Hmm…
- 5November 3rd, 2008 3:04 pm
@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.
- 6November 3rd, 2008 3:06 pm
Will Leffert is right.
- 7November 3rd, 2008 3:13 pm
Thanks for posting my realistic bottle of wine tutorial. This is a great list, with several tuts that I hadn’t seen before.
- 8November 3rd, 2008 3:14 pm
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!!
- 9November 3rd, 2008 3:33 pm
Nice collection.
- 10November 3rd, 2008 4:45 pm
Yeah, I love the car examples
- 11November 3rd, 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! - 12November 3rd, 2008 9:10 pm
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.
- 13November 3rd, 2008 9:36 pm
I like these a lot. Bookmark it…very useful post.
- 14November 4th, 2008 12:09 am
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”
- 15November 4th, 2008 12:15 am
now that it has been pointed out – the next step is REMOVING it.
- 16November 4th, 2008 12:16 am
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.
- 17November 4th, 2008 12:57 am
Nice.. but is this site turning in to a tutorial site for photoshop and illustrator? More good examples of web stuff!
- 18November 4th, 2008 3:15 am
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.
- 19November 4th, 2008 3:27 am
I LOVE YOU SMASHING!!!
- 20November 4th, 2008 3:44 am
For this kind of art I’d recommend using 3d apps like Maya or 3D Studio Max instead of Photoshop.
- 21November 4th, 2008 4:03 am
Awesome roundup of tutorials. Thanks!!
- 22November 4th, 2008 4:15 am
Artworks n related material are completely AWESOME…..WOW….
- 23November 4th, 2008 6:42 am
I dont know with Photoshop, they can make many great works like that :-?
- 24November 4th, 2008 6:53 am
HAHA, the first MP3 player says “LINKING PARK”
nice resources, thnx.
- 25November 4th, 2008 7:13 am
There are ads on this site?!?!? I will never know…thank you adblock.
- 26November 4th, 2008 8:07 am
Real talent there – some of these almost look real.
- 27November 4th, 2008 8:37 am
Just use a hosts files, and you will hardly see any ads.
I don’t see any on this site. - 28November 4th, 2008 12:39 pm
Awesome tutorials – I just did the pencil one – on the money, honey! :)
- 29November 5th, 2008 12:55 am
The aliasing on these images is not great. Would have thought that was pretty important for potosop / graphic design related articles?
- 30November 5th, 2008 8:23 am
great tuts… thanks
- 31
- 32November 5th, 2008 9:46 am
nice tips. thks 4 share this.
- 33November 5th, 2008 11:47 am
Great collection, as usual! I found them very interesting!
- 34November 6th, 2008 12:10 pm
Thanks for listing some of my tutorials
much appreciated
- 35November 7th, 2008 1:11 pm
The iPhone one is cool, but the first letter of the month should be capitalized, just being picky ;)
- 36November 8th, 2008 3:56 am
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.
- 37November 9th, 2008 5:15 pm
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.
- 38November 12th, 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.
- 39November 17th, 2008 12:53 pm
Nice list! Very useful. Delicioused
- 40December 3rd, 2008 7:48 am
Nice tutorial on this site for designers…Thanks!
- 41December 10th, 2008 5:33 am
3d ID in PSD
- 42December 17th, 2008 11:14 pm
A lot Most of these are actually really really tacky looking.
- 43December 26th, 2008 6:01 am
Nice Collection of Tutorials
- 44February 9th, 2009 9:54 pm
simply rocks, awesome job
- 45February 24th, 2009 7:49 am
the site in my reply url.
- 46April 5th, 2009 4:39 pm
best of best..very good tutorials.
- 47May 4th, 2009 3:17 am
You guys are the bomb……keep the tutorials coming
- 48June 14th, 2009 9:45 pm
very good tutorials.
- 49
- 00
There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.
Leave a Comment
Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!
Interact
Popular
- 100 Wordpress Themes
- Photoshop Tutorials
- Fantastic Wallpapers
- 40+ Excellent Freefonts
- Dual-Screen Wallpapers
- Wordpress Themes for 2009
- Illustrator Tutorials
- Incredible Free Icon Sets
- High-Quality Free Fonts
- 30 Scripts For Galleries
- Photoshop Text Effects
- Useful Icon Sets
- Web Design Trends
- iPhone Wallpapers
- Before Launching a Website
- CSS Layouts And Templates
- Photoshop Actions
- Stunning Pictures and Photos
- Fantastic HDR Pictures
- Logo Design Tutorials
- Free Design Templates
- 10 Mistakes In Logo Design
- Photoshop Custom Shapes
- 40 Creative Design Layouts
- 8 Layout Solutions
- 53 CSS Techniques
- Photography Techniques
- Black & White Photography
- Styling Design Elements
- CSS-Based Forms
- 50 jQuery Techniques
- 50 Portfolio Websites
- 50 CSS Techniques
- Creative Logo Designs
- Desktop Wallpapers
- 25 Open Source Mac Apps
- 50 Free Icon Sets
- How to Drastically Improve Your Designs - http://bit.ly/a9L1sb
- A Quick Look at Mobile Web Designs - http://bit.ly/9TCWCG
- How to Test your JavaScript Code with QUnit - http://bit.ly/da853c
- jQuery 1.4 API Cheat Sheet - http://bit.ly/5zYYnE
- Beautiful, Elegant and Free 48px Icon Set - http://bit.ly/cSWcBR
- Gridmaker For Photoshop CS4 - http://bit.ly/98F9kv (via @designernews)
- All freely available fonts on MyFonts in an overview - http://bit.ly/6osbDd
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???