40 Quality Photoshop UI Design Tutorials

40 Quality Photoshop UI Design Tutorials

Want to improve your interface design skills? If so, then check out this group of Photoshop tutorials. There are loads of tuts here to get started with basic elements and work your way up to full interface designs, which integrate numerous custom elements. If you’re looking to get started with Photoshop UI design or build these skills, then jump into these tutorials right now!


1. Creating a Knob in Photoshop


2. How to Make a Menu Interface for a Fantasy Themed iPhone Game


3. Create a Promotional iPhone App Site in Photoshop


4. How to Create a Slick and Clean Button in Photoshop


5. Simple Button


6. How to Create a Detailed Audio Player in Photoshop


7. Create an Apple IPhone case from scratch


8. iPhone Style Icon Tutorial


9. Create the Glass Shelf Dock from Leopard OS in Photoshop


10. Build a Slick Rich User Interface in Photoshop


11. Loading Interface


12. Make a Web Interface with Car Images


13. Zoom Player Design Skin


14. Volkswagen Inspired Navigation


15. MP3 Player Interface Design


16. Blackberry Fruit phone


17. Interface Navigation Tutorial


18. Create a Mac Style Interface Button in Photoshop


19. Nokia 5300 Cell phone interface


20. Photoshop Tutorial: Audio Interface


21. High-Detailed Plastic Navigation Bar


22. Aqua Interface


23. Nav Bar Interface Tutorial


24. Content Box


25. Interface or Skin Tutorial


26. How To Create a Stunning Vista Inspired Menu


27. Create a Web App Admin User Interface in Photoshop


28. Creating Inset Buttons for Interfaces


29. Modern Web Layout


30. Creating Smooth Metal for Interface Design


31. Create a Zune MP3 Player


32. Interface Orbs


33. Design Your iPhone Widgets


34. RCA Lyra X3030 portable media player


35. Video Player Skin


36. Designing a Black Audio Player Interface


37. MP3 Player Interface


38. Design Mico Buttons


39. VCarbon Style Icons and Buttons


40. Create a Speed Gauge and Watch Icon in Photoshop

Add Comment

Discussion 79 Comments

Comment Page 2 of 2 1 2
  1. jack says:

    trojans on some site…

  2. Bruno says:

    This tutorial should’ve been titled – “Getting started with UI Design using Photoshop” or “Tutorials for graphic designers who have been under a rock for the last 10 years”. What a waste!

    • Andrew says:

      hey…I thought the guys at PSD tuts did a bit of QA by reading through an article before publishing it?? Obviously, the editors have taken an early Christmas holiday and let this one slip through :P

  3. Ben says:

    Whoever picked the items in this list needs to stop drinking during work hours. Wtf were you thinking?

    • Andrew says:

      well….he is an “outlaw” after all :P seriously PSD tuts….u need to pick up on the quality of articles published here. the tutorials listed in this article are bad even if they’re meant for beginners.

    • Bruno says:

      I like the way he starts of the article with “Want to improve your interface design skills?”. Seriously???
      And I just noticed the Editor’s note – “this article was originally published in October of 2009″. What’s that supposed to mean?? Just reminding us of the good ‘ol days?? Who wants to read an article that teaches them how to design interfaces that were probably outdated even back in 2009??

Comment Page 2 of 2 1 2

Add a Comment