40 Wonderful Gadget Design Tutorials for Photoshop

Posted in 3D Effects, Quick Tips, Tutorials2 years ago • Written by 6 Comments

Gadgets such as mp3 players, usb devices, iPhones, iPads, and other tablets and so on have now become an important part of our lives and these are also one of the most favorite subjects for the designing community. This is the reason why you see loads of gadgets being incorporated into web designs. This can be best achieved by using Adobe Photoshop; and there are heaps of Photoshop tutorials to help you improve your skills and techniques. We have compiled 40 gadget design tutorials that will help you create sensible gadget designs using Adobe Photoshop!

In this round up, we’ll showcase 40 of the most excellent gadget design tutorials from different sources. Look into these high quality tutorials and make learning experience more satisfying.


1. How to Create a Detailed Audio Player

In this tutorial, we will show you how to create a detailed audio player from scratch. This tutorial will be a great opportunity for you to practice those Shape Tools and Layer Styles skills, with lots of adding and subtracting of Shapes. Enjoy!

How to Create a Detailed Audio Player in Photoshop

2. Make a Floating in Air USB Key Illustration

In this tutorial, we will show you how to illustrate a USB key floating in the air and reflecting on a surface. We’ll be adding numerous details that will make this illustration shine.

Make a Floating in Air USB Key Illustration

3. Design an MP3 Player

In this tutorial you will learn how to design a product in Photoshop. The product is a RCA Lyra X3030 portable media player, the reason for this tutorial is to teach people the techniques used for mocking up a product design.

Design an MP3 Player

4. Create an USB Portable Audio Speaker Design

In this tutorial we will show you how to create a Photoshop design USB portable speaker logo icon in photoshop.

Create an USB Portable Audio Speaker Design in Photoshop

5. Photoshop Design Bluethoth Logo Icon

In this tutorial we will show you how to create a Photoshop design bluethoth logo icon in photoshop.

Photoshop design bluethoth logo icon in photoshop

6. Designing Canon Digital Camera

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

Designing Canon Digital Camera

7. Nokia 5300 Cell Phone Interface

This tutorial shows you how to use multiple vector shapes, layer styles, and various tools to create a mobile phone design. It’s a nice design with multiple small details explained.

Nokia 5300 Cell phone interface

8. Creating a CD Player in Photoshop Tutorial

In this tutorial you will learn how to create a realistic cd player image shown below.

Creating a CD PLayer in Photoshop Tutorial

9. Design a Vintage Radio Icon in Photoshop

In this photoshop tutorial, you will learn how to design an old vintage radio using simple shapes, gradients, patterns and textures.

Design a Vintage Radio Icon in Photoshop

10. Learn to Create a Simple Yet Pleasing Music Player

In this tutorial we will walk you through the steps of creating a simple yet pleasing music player in adobe photoshop. Lets get going…

11. Make a Watch in Photoshop

In this tutorial you will learn how to create a watch from scratch in Adobe Photoshop. We will guide you step by step until it is complete.

Make A Watch In Adobe Photoshop

12. How to Create a Super 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.

How to Create a Super Retro Style Game Controller

13. Draw a Sound Dock System

In this tutorial we will demonstrate how to draw a Sound Dock System with Photoshop. Let’s get started!

Draw a Sound Dock System With Photoshop

14. Creating an iOS Device Connector in Photoshop

In this tutorial you will see how to make a pixel-perfect iOS Device Connector design from scratch.

Creating an iOS Device Connector in Photoshop

15. 3D Mp3 Player

In this detailed tutorial you will learn how to create an outstanding 3D Mp3 Player.

3D Mp3 Player

16. MP3 Player Illustration

In this tutorial you will learn how to create a beautiful MP3 Player Illustration.

MP3 Player Illustration

17. Create a Motorola Droid Style Phone

Recreating electronic devices in Photoshop is a great way to learn. In this tutorial, we will demonstrate how to create a Motorola Droid style phone in Photoshop. Let’s get started!

Create a Motorola Droid Style Phone in Photoshop

18. Clean Mobile Login Screen Tutorial

Mobile design is getting bigger and bigger as the weeks go by, its only a matter of time before mobile design tutorials start popping up in every tutorial website. So to kick it off we will be showing you how to create a simple mobile login screen.

Clean Mobile Login Screen Tutorial

19. Render a High Detail Leica M8 Camera

Learn how to recreate this stunning image of a limited edition white Leica M8. This is a very lengthy Photoshop tutorial that will show you every step of the process. A PSD with 186 layers is included at the end of the tutorial.

Render a High Detail Leica M8 Camera with Photoshop

20. Strawberry Cell Phone

In this tutorial we will teach you how to create a beautiful Strawberry Cell Phone.

Strawberry Cell Phone

21. Creating a Set of Digital Painting Icons

In this tutorial we will create a pen tablet from scratch, specifically the Wacom 12″ Cintiq tablet. This model combines touch and pressure sensitivity, which allows users to draw directly on the screen. These capabilities make it a favorite for illustrators. Let’s get to work.

Creating a Set of Digital Painting Icons Part 4 – Digital Tablet Icon

22. Bamboo Fun Tablet

In this tutorial you will learn how to create an awesome Bamboo Fun tablet.

Bamboo Fun tablet

23. Create a Sidekick LX Styled Vector Illustration

This tutorial will show you how to make a vector illustration of the Sidekick LX. This tutorial uses mostly the Pen tool, basic shapes, and simple gradients to give this illustration a degree of realism. In this tutorial, you’ll learn quick ways to make stylized vector illustrations.

Create a Sidekick LX Styled Vector Illustration

24. Design a Colorful USB Flash Stick with Tattoo Style Decals

In this tutorial, we’ll explain how to create a semi-realistic flash stick with gradients and simple shapes. We will make our own custom brush to create tattoo style swooshes. Also, we’ll review how to use Global Colors in Illustrator, which allows us to flexibly change the colors of an object on the fly.

Design a Colorful USB Flash Stick with Tattoo Style Decals

25. Draw an MP3 Player

In this detailed tutorial you will learn how to create an MP3 Player.

Draw an MP3 Player

26. USB Stick Tutorial

In this tutorial we are going to teach you how to design an awesome USB device.

USB Stick Tutorial

27. Design a Shiny Photorealistic Apple Remote

Apple has so many beautiful products. Their product designs consistently attain a sought-after status, which distinguishes them as an innovative company. In this tutorial, we will teach you how to make a shiny new apple remote.

Design a Shiny Photorealistic Apple Remote

28. How to Create a Detailed Apple iPad Icon

In this tutorial we will be showing you how to create a Detailed Apple iPad Icon in Photoshop

How To Create a Detailed Apple iPad Icon in Photoshop

29. Design an HTC

With this tutorial we will see how to create a smartphone HTC starting from the beginning. At first sight it seems a long job but, we can assure, it is not difficult at all. We are going to use several simple shapes, such as rectangles and circles and each one will be formatted in different styles.

Design an HTC

30. Learn To Create A Sleek Shiny Mouse

In this tutorial we will be showing you how to create a sleek shiny mouse from scratch using adobe photoshop CS5. Lets get started.

Learn To Create A Sleek Shiny Mouse

31. How to Draw a Realistic Mobile Phone

In this Photoshop tutorial, we will draw a realistic mobile device. Our aim is to make our work appear so realistic that it looks just like a regular product shot.

How to Draw a Realistic Mobile Phone with Photoshop

32. Blackberry Fruit phone

This is step by step photoshop tutorial that teaches you how to create original and nice blackberry glossy device concept design from blackberry photo using simple tools, filters and layer style effects.

Blackberry Fruit phone

33. Create a Sony Playstation 3 (PS3)

This tutorial teaches you how you can create a realistic looking Sony Playstation using Adobe Photoshop. Each stage is simply outlined allowing you to follow along.

Create a Sony Playstation 3 (PS3) in Photoshop

34. Create iPhone From Scratch in Photoshop

In this tutorial you will learn how to create iPhone from Scratch in Photoshop.

Create iPhone from Scratch in Photoshop

35. Make an Apple iPod Classic in Photoshop

In this tutorial you will be learning how to create an iPod classic but also you can use the same technique to make an iPod nano.

Make an Apple iPod Classic in Photoshop

36. MP3 Player Photoshop Tutorial

In this tutorial you will design an interface for a modern MP3 player.

MP3 Player Photoshop Tutorial

37. Create a Realistic Blackberry Style Mobile Phone From Scratch

In this tutorial you will learn how to create a Realistic Blackberry Style Mobile Phone From Scratch.

Create a Realistic Blackberry Style Mobile Phone From Scratch

38. Create a Vector-Based Zune with Photoshop

In this tutorial you will learn how to create a Vector-Based Zune with Photoshop.

Create a Vector-Based Zune with Photoshop

39. How to Create a Realistic Nintendo Game Boy

In this tutorial we will be creating a realistic water text effect that is sure to catch someones eyes. This tutorial requires some basic knowledge of Photoshop and how to work in it’s environment.

How to Create a Realistic Nintendo Game Boy

40. iPod Shuffle From Scratch

In this tutorial you will 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.

iPod Shuffle From Scratch

If you enjoyed this article, get email updates (it's free).

Join over 77,235 Subscribers Today.

28 Written ArticlesWebsite

Jameel Khan is a web graphic designer and has been working in this field for 4 years. He also writes for other blogs and is also the founder member of www.webdesigncore.com. His biggest passion is blogging and vector illustrations.

6 Comments Best Comments First
  • Asif

    Monday, May 14th, 2012 08:21

    4

    I have created a notepad template that may also interest you. Have a look: http://www.freebiesgallery.com/notepad-template/

    Thanks

    +1
    • Dainis Graveris

      Wednesday, May 16th, 2012 05:55

      6

      Hello Asif, thank you for adding it to the list! Great addition and high quality work, nice job!

      0
  • Tim

    Sunday, May 13th, 2012 17:49

    1

    I miss SoundJam :( Used to be able to create so many cool interfaces for that.

    0
    • Dainis Graveris

      Monday, May 14th, 2012 03:54

      3

      what did happen with it, Tim?

      0
      • Tim

        Monday, May 14th, 2012 10:56

        5

        Well, Apple bought it and turned it into iTunes. And now it is boring.

        0
  • Rakhitha Nimesh

    Monday, May 14th, 2012 00:42

    2

    Excellent collection. Like to see more tutorials on web design related photoshop tasks.

    0
  • Asif

    Monday, May 14th, 2012 08:21

    4

    I have created a notepad template that may also interest you. Have a look: http://www.freebiesgallery.com/notepad-template/

    Thanks

    +1
    • Dainis Graveris

      Wednesday, May 16th, 2012 05:55

      6

      Hello Asif, thank you for adding it to the list! Great addition and high quality work, nice job!

      0
  • Rakhitha Nimesh

    Monday, May 14th, 2012 00:42

    2

    Excellent collection. Like to see more tutorials on web design related photoshop tasks.

    0
  • Tim

    Sunday, May 13th, 2012 17:49

    1

    I miss SoundJam :( Used to be able to create so many cool interfaces for that.

    0
    • Dainis Graveris

      Monday, May 14th, 2012 03:54

      3

      what did happen with it, Tim?

      0
      • Tim

        Monday, May 14th, 2012 10:56

        5

        Well, Apple bought it and turned it into iTunes. And now it is boring.

        0

Comments are closed.

54.196.206.80 - unknown - unknown - US