Feb 8

60 Excellent Gadget Photoshop and Illustrator Tutorials

Designing your own (or redesigning existing) gadgets such as MP3 Players, Game Consoles and Computers is an incredible way to improve your general skills in Adobe Photoshop and Illustrator (or any other design-related software package for that matter). You’re bound to pick up new skills every time, even if you’re considered an expert.

The following round-up of tutorials consists of 60 great gadget tutorials. There is a selection of Photoshop and Illustrator tutorials so you can learn new tricks in two of the most used pieces of graphic software the world has ever seen.

There are hours and hours worth of tutorials to read through, from creating your own custom MP3 player to redesigning the legendary Apple iPods, and designing retro game cartridges to photo-realistic high-definition LCD televisions — this post has it all!

Audio Device Tutorials

The following audio related tutorials consist of MP3 players and iPods, CD players, speakers, headphones and wires. A large selection of the tutorials use gradient overlays to create realistic lighting and shadowed areas – this is definitely a compilation of tutorials you should spend some free time reading if you want to improve your skills using the various gradient tools that Photoshop and Illustrator have to offer.

How to Create a Zen Mosiac MP3 Player (Photoshop)

Gadget Ps 02 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Designing a Black Zune 2 (Photoshop)

Gad in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Make an iPod Classic (Photoshop)

Gadget Ps 32 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a 3D MP3 Player (Photoshop)

Carp in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Creating a Custom MP3 Player (Photoshop)

Cu in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Detailed Audio Player (Photoshop)

Gadget Ps 19 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Realistic Video iPod Nano (Photoshop)

Gadget Ps 25 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Design an MP3 Player (Photoshop)

Lyra in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create an iPod Shuffle (Photoshop)

Gadget Ps 33 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Zune in Photoshop (Photoshop)

Gadget Ps 38 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Design a Vintage Radio Icon in Photoshop (Photoshop)

Gadget Ps 42 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create an Audio Receiver Illustration (Photoshop)

Gadget Ps 46 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create an MP3 Player Interface (Photoshop)

Gadget Ps 48 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create an MP3 Player Illustration (Photoshop)

Gadget Ps 49 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Skin for MP3 Player Zune (Photoshop)

Gadget Ps 50 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Creating a CD Player (Photoshop)

Gadget Ps 51 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

How to Create a Stylish Pair of Headphones (Photoshop)

Gadget Ps 01 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

How to Make a Bangin’ Woofer Embedded in Wood (Photoshop)

Gadget Ps 28 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Design a Vector Audio Speaker (Illustrator)

Gadget Ai 07 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

How to Create Stereo Headphone Plugs (Illustrator)

Gadget Ai 03 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create an Old TDK Cassette Tape (Illustrator)

Gadget Ai 12 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Mobile Phone Tutorials

If learning how to create incredibly detailed buttons is something you want to do, the following tutorials are for you. In almost every tutorial listed below you’ll learn how to use fine strokes to add depth and detail to your gadgets, as well as using plenty of blending modes to add a realistic look to your two-dimensional models.

How to Create a Realistic iPhone (Photoshop)

Gadget Ps 04 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Nokia 5300 Cell Phone (Photoshop)

Gadget Ps 08 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Designing a Loox Pocket PC (Photoshop)

Gadget Ps 18 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Draw a Realistic Cell Phone (Photoshop)

Gadget Ps 20 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Mobile Phone Styled like the HTC Touch Diamond (Photoshop)

Gadget Ps 21 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Design an Apple iPhone Mobile (Photoshop)

Gadget Ps 22 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Sony Ericsson W800 (Photoshop)

Gadget Ps 23 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Strawberry Mobile Phone (Photoshop)

Gadget Ps 24 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Realistic Blackberry Style Mobile Phone (Photoshop)

Gadget Ps 31 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Design a Nokia 5800 XpressMusic (Photoshop)

Gadget Ps 34 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Draw a Realistic Transparent and Neon Phone (Photoshop)

Gadget Ps 41 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create an iPhone from Scratch (Photoshop)

Gadget Ps 45 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Design a Sleek Nature Themed Phone Advert (Photoshop)

Gadget Ps 37 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Sidekick LX Styled Vector Illustration (Illustrator)

Gadget Ai 04 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create an iPhone Style Vector Phone Illustration (Illustrator)

Gadget Ai 05 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Gaming Device Tutorials

Due to the many various shapes and sizes in the following collection of tutorials, the only thing that really connects them is the fact that they are all some kind of gaming device, whether they be a gaming console system, a gamepad/controller or even a retro game cartridge. There are hundreds of tips you can pick up in these tutorials, and they are especially good if you are looking to improve your three-dimensional and composition skills.

How to Create a Realistic Game Boy (Photoshop)

Gadget Ps 03 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Sony Playstation 3 (Photoshop)

Gadget Ps 07 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Playstation Portable (Photoshop)

Gadget Ps 09 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

How to Draw a Microsoft Xbox 360 (Photoshop)

Gadget Ps 12 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Design a Nintendo DS Lite (Photoshop)

Gadget Ps 13 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Designing a Wii Mote Controller (Photoshop)

Gadget Ps 27 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Super Retro Game Cartridge Design (Photoshop)

Gadget Ps 30 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

How to Create a Super Retro Style Game Controller (Photoshop)

 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Design a Stylish Retro Game Boy Poster (Photoshop)

Gadget Ps 44 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Camera Tutorials

Although this category is fairly small compared to the others there is still a lot to learn. Design a Canon digital camera and learn how to create a life-like chrome effect in Photoshop, or brush up on your three-dimensional and gradient skills in Illustrator.

Designing a Canon Digital Camera (Photoshop)

Gadget Ps 39 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create An Aperture Style Camera Lens (Illustrator)

Gadget Ai 06 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a Detailed Camera with Photo Icon (Illustrator)

Gadget Ai 08 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Computers, Monitors and TV Tutorials

If using transformation tools is something you want to be able to place in your skill list, these are some tutorials you should most definitely follow through. You’ll be using several tools to rotate, stretch, warp and distort simple shapes to produce the right composition and shapes to produce models of computers, monitors and televisions – from modern high definition LCD televisions to retro televisions and various editions of Apple Macs.

Create a Slick Black iMac (Photoshop)

Gadget Ps 05 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

LG LCD Monitor Icon (Photoshop)

Gadget Ps 16 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Creating a MacBook from Scratch (Photoshop)

Gadget Ps 26 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Make a Realistic LCD HDTV from Scratch (Photoshop)

Gadget Ps 40 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

How to Create a Photorealistic iMac and Magic Mouse (Illustrator)

Gadget Ai 02 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

How to Create a Colorful Retro Style TV (Illustrator)

Gadget Ai 09 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

How to Design the Apple iPad (Photoshop)

Ipadtutorial in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Computer Hardware Tutorials

Like in previous sections such as the mobile phone tutorials and computer, monitors and TV tutorials, you’ll be using a handful of techniques in the following category such as transformation tools and gradient tools. Follow these step by step guides to improve your all-round general skills such as making two-dimensional designs appear three-dimensional using only Photoshop or Illustrator, and adding incredible realistic detail using fine strokes and shadows.

Design a Shiny Photorealistic Apple Remote (Photoshop)

Gadget Ps 06 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a USB Stick (Photoshop)

Gadget Ps 10 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Create a PC USB Mouse (Photoshop)

Gadget Ps 11 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Learn to Draw a Realistic Bamboo Fun Graphics Tablet (Photoshop)

Gadget Ps 47 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

How to Create a Vector Wacom Tablet (Illustrator)

Gadget Ai 01 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Design a Colorful USB Flash Stick with Tattoo Style Decals (Illustrator)

Gadget Ai 10 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

How to Draw a USB Flash Drive (Illustrator)

Gadget Ai 11 in 60 Excellent Gadget Photoshop and Illustrator Tutorials

Tags: , ,

28 Responses, Add Comment +

  1. App Sheriff 8 February 2010

    The Apple Product photoshop tutorials were new to me. Thanks guys for that one and also the audio interface tutorial. :)

  2. Tutorial Lounge 8 February 2010

    we really like your listed Tutorials for Gadget interfaces using Photoshop, you sharing productive design trainings.

  3. Jordan Walker 8 February 2010

    Those are all a great way to setup a gadget in Photoshop to be used for client approval.

  4. New York Web Designer 8 February 2010

    Nice Tutorial.
    Thanks for putting together this awesome List…

  5. julio 8 February 2010

    Great post! awesome photoshop tutorials

  6. Nicole Foster 8 February 2010

    Great gadget tutorials! I want to try out the Game Boy tutorial (:

  7. djavupixel 8 February 2010

    Good collection of tutorials and I am happy not to have only apple gadgets tutorials

  8. Tom - Airopia 8 February 2010

    Very useful! Love the game boy =)

  9. Kartlos Tchavelachvili 8 February 2010

    Nice collection! added to my bookmark.

  10. Ateljé Digital 8 February 2010

    Great collection of tutorials. I work a lot in both Photoshop and Illustrator, but I got a bunch of new good tips! Thanx!

  11. satrya 9 February 2010

    awesome tutorial .Thx

  12. Harish 9 February 2010

    Awesome!

  13. mebaze 9 February 2010

    Awesome Collections :)

  14. Web Design Maidstone 9 February 2010

    nice links, thanks for putting them together… will check out a few right now!

  15. xvenezolanitox 9 February 2010

    muchas gracias por el aporte

  16. Ajay 9 February 2010

    Nice collection.

  17. Kristin 10 February 2010

    I’m not sure I have any desire to draw an iPhone, but some of these techniques are amazing.

  18. Graphic Designer 16 February 2010

    Makes me realise how little time I have to spare, would live to attempt some of these tutorial, they are good, I have bookmarked just incase I need to do something like these in the future, cheers, M.

  19. Designs Wallet 22 February 2010

    great … really really creative tuts

  20. Tutorials Palace 22 February 2010

    nice tuts of illustrator learning

Trackbacks

Leave a Reply

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!