Credit: Image taken from 10steps.sg
A web designer’s bad day scenario: Your clients are bored with the usual work you present them; your boss wants to see more magic in the design; You are finding it harder to impress your associates or stand out from the crowd.
One way or another, you’ve got to find ways to impress them. One good way we thought (if you agree), is to spice up that flat 2-dimensional design. Photoshop might not be the best software to design 3D elements, but most 3D effects you see out there are definitely achievable. In this following article, we attempt to showcase you some of the best 3D design Photoshop tutorials we’ve come across. It’s probably not about memorizing all steps required to produce the output, but rather, to learn and understand the methods involved.
Product Design
-
Make an iPod Classic or the New Nano
You will be learning how to create an iPod classic but also you can use the same technique to make an iPod nano.
-
Rendering a Striking Matchbox in Photoshop
This tutorial consists of creating a digital illustration in Photoshop of a box of matches.
-
Create a Shiny 3D Snooker Ball in Photoshop
In this tutorial, it will demonstrate you how to create a realistic 3D snooker ball. It is not difficult to make. Hope you will find it interesting. By Photoshop Lady.
-
Create a Shiny 3D Box
How to create a cool, semi-realistic cardboard box icon.
-
Creating Apple mouse
-
Draw Orange in Photoshop
-
Realistic 3D rack server
Clever way of creating 3-dimensional server rack. Started from 2d design, transformed to 3d by playing with image perspectives.
-
iPod Shuffle From Scratch
Learn how to re-create an Apple iPod Shuffle by using the original image from apple’s website as a reference and using the gradient tool, layer masks and basic selection and guide techniques.
-
Realistic Decorated Wine Bottle Illustration
How create a realistic bottle illustration and some shadow and cut techniques.
-
Make A Watch In Adobe Photoshop
How to create a watch from scratch in Adobe Photoshop.
-
Make a Floating in Air USB Key Illustration
How to illustrate a USB key floating in the air and reflecting on a surface.
-
Designing a Portable Gaming Device Poster
-
Realistic LCD HDTV
How to create a photorealistic widescreen LCD HDTV from scratch.
-
Electronic Torch Light
-
Wii Controller
-
Shiny Photorealistic Apple Remote
How to make a shiny new apple remote.
-
Detailed Compass Icon in Photoshop
-
Vector Style MacBook From Scratch
-
Create a Sony Playstation 3 in Photoshop
-
Create a Slick Black iMac in Photoshop
-
Designing Loox Pocket PC
-
Drawing Mircosoft’s XBOX 360 in Photoshop
How to draw a Mircosoft’s XBOX 360 console in photoshop using a reference image, simple techniques such as the gradient tools and the pen tool.
-
Create a Classic Guitar from Scratch In Photoshop
How to design a Classic Guitar.
-
Create a Super Shiny Pencil Icon
How to draw a pencil icon. We’ll have a look at gradients, selection tools, and basic transform operations.
-
Create a Realistic Wine Bottle Illustration From Scratch
How to create a super realistic bottle of wine completely from scratch.
-
Create a Super Retro Style Game Controller
-
Realistic Blackberry Style Mobile Phone
-
Designing a Black Zune 2 in Photoshop
-
Design Unique Watch in Photoshop
-
Create a Mobile Phone Styled Like the HTC Touch Diamond
-
3D Speakers in Photoshop
-
Render a Dramatic 3D Wood Cup in Photoshop
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 mock-up a scenario and apply realistic shadows.
-
Make a Bangin’ Woofer Embedded in Wood
How to illustrate a woofer and make a simple wood texture for the background.
Poster Art and Wallpapers
-
3D 2009 Wallpaper
How to create a Colorful 3D Text effect in photoshop.
-
Illustrate 3D Typography using Photoshop
Downloadable PDF tutorial, comes with brushes and PSD files.
-
Design a Professional Laptop Advert
How to manually create your own vanishing points, and how to use these techniques to create an awesome ’screen explosion’ effect – something that is sure to dazzle your viewers!
-
Create a Face Shattering Effect
Learn how to shatter Jessica Alba’s face into fade away cubes.
-
Shiny 3D Vector Circles
Using Photoshop to achieve scalable 3-dimensional vectors circles
-
3D Planet in Photoshop
For those who prefer creating their own space and planet wallpapers.
More: Create planet in photoshop.
-
Colorful Mac Design
How to design an awesome wallpaper with Mac logo.
-
Design Macbook Air in Photoshop
3-dimensional Macbook Air, way from scratch in Photoshop.
-
Integrating 3d Elements Into Your Designs
This tutorial will cover some techniques to integrate 3d elements into your 2d designs.
-
Draw custom 3D arrows with Photoshop
Related Contents |
Sponsors |
|
Posted by hongkiat in Photoshop Tutorials , at 01.15.09 |
|




































































Comments
vailancio January 15th, 2009
This article has been copied from smashing magazine article: Photoshop Tutorials to improve Designing skills
Replykrisu January 15th, 2009
@vailancio: No it doesn’t. It’s not close to coping. There’s lot of stuff that’s not on SM’s own article. All Poster Art and Wallpapers aren’t on SM’s “Photoshop Tutorials To Improve Your Modeling and Design Skills” article. Some are from SM’s, I agree on that.
But yeah, there’s new and old, still this is good list.
ReplyRahul January 15th, 2009
OMG, the photo on the top of the article took my breath away. Just amazing tutorial.
Replyalex January 15th, 2009
EPIC!!!! THANKS!!!!
ReplyKhai January 16th, 2009
the best list ever!! thanks Hongkiat our handsome boy.. hehe..
Replyphoenix789 January 16th, 2009
thanks!
Replyhongkiat January 16th, 2009
@vailancio I understand the entry in SM: Photoshop Tutorials to improve Designing skills was written by you and you are probably upset when you found something similar here. But I just wanna let you know that you’ve jumped the gun. Designers, which I probably think you are, senses good design/work from bad easily. When we picked the same thing we thought is good, it’s really a designers instinct rather than plagiarism.
I’ve compared both article and I don’t think it’s even close to copying. Besides, if I were to copy, I can go all the way, right?
ReplyDzibril January 16th, 2009
can i repost one of post this ?
Replydev January 16th, 2009
Awesome collection!
ReplyCalvin Ngan January 16th, 2009
there are some similarities between this post in SM
http://www.smashingmagazine.com/2008/11/03/photoshop-tutorials-to-improve-modeling-skills/
and hong kiat’s, but does it matter? I mean, both came up with a list of other people’s work. Not like Hong Kiat or vailancio did a step by step tutorial with screenshots and description. It is just a list, normal list… like a TV program list.
ReplyJenn Giraldi -Atlanta Real Estate January 16th, 2009
Simply Amazing! I have learned so much from reading your articles! Thank you so much!
ReplyBojan January 17th, 2009
Thank you!
ReplyYounas January 18th, 2009
Hi. im not very good in english. bt i like that work
ReplyAWSOME
Gennice January 18th, 2009
Amazing list! Thanks for sharing this stuff! And it is not important even it is copied from SH, (but it’s not) because this is list of other people’s work and it is not copyright of SmashingMagazine nor it is copyright of Hongkiat. So… Enjoy!
ReplySay Cheese January 19th, 2009
OGM, this is virtual reality in real world.
JUST AWESOME MAN.
Replyfakoom January 30th, 2009
UR DOING GREAT JOB FORE THE ONES WHO R VERY THIRISTY FOR KNOWLEGE. THANK U.
ReplyCanton real estate February 16th, 2009
Thanks for taking care of us! This stuff is awesome!
ReplyCTU Almedia February 17th, 2009
very good sir.
Replyaafs February 26th, 2009
Add it to your post… worth watching
Replyjurassic.thz March 10th, 2009
thank you
ReplySydney Website Design April 28th, 2009
This is a great addition to my “To-Be-Inspired-From” list!
Thank you very much!
Replyalmanssori May 10th, 2009
Thank you!
Replyevo_chic June 8th, 2009
This was the best thing ever!!!! Very simple indeed. I learnt so much tips and tricks here that I never knew before…
Kudos!
ReplyLava June 14th, 2009
this was awsome
Replyben August 12th, 2009
the planet is very good
Replymor November 3rd, 2009
Good to know. Thanks
Replyadobe basics November 12th, 2009
thanks for sharing us.
ReplyDan Cassel January 29th, 2010
Love Photoshop. But can I how can I create a simple 7 letter word into a 3D headline? Is it possible with my CS4 version of Photoshop? or Illustrator? or InDesign?
Replymahshid February 2nd, 2010
its very great.
ReplyTrackbacks