Print Design Templates Take a look at these creative Graphic Design templates for brochures, flyers, newsletters, stationery, postcards, ads, menus and posters for a variety of businesses.
Invoicing 4 Freelancers A complete, secure, online billing application that maintains hourly service billing, flat fee billing and recurring charges. Integration with Authorize.Net and other leading payment gateways provides hands-free recurring billing with a sophisticated CRM system.
Free Design Magazines Browse through our extensive list of free Graphic Design, Web Design, Business, Computer, and Computer Graphics magazines, white papers, downloads and podcasts to find the titles that best match your skills and interests; topics include management, marketing, operations, sales, and technology. Simply complete the application form and submit it. All are absolutely free to freelance professionals who qualify.
Suggested Links Design Community
Photoshop Tutorials
Graphic Design Resources
Vandelay Design Blog
Design Reviver
Web Design & Graphic Design Blog
Logo Designer's Logos
Web Design Tools List
Layouts & Templates Directory
Graphic Designers
Creative Public
The Print Guide
Creative Track
Digital Dreamer
Logomarket
Desktop Publishing
Blue Sfear
Web Design Templates
Design Directory
Web Designers & Developers
Crafts for Kids
Webmaster Tutorials
Web Designers
Web Design Portfolios
All Work at Home Ideas
How to Draw
Work From Home Job Search
More Graphic Design Links
OTHER SITES WE OWN
AllFreelance
All Freelance Work & Portfolios
Graphic Design Community
Best of Graphic Design
Web Design Tools & Resources
![]() |
home > Tips & Tutorials > Software > Photoshop > PHOTOSHOP WEB INTERFACE TUTORIALS
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
![]() |
![]() |
![]() |
||
![]() |
![]() |
![]() |
||
PHOTOSHOP BASICS AND ESSENTIALS
PHOTOSHOP TEXT EFFECTS TUTORIALS
PHOTOSHOP WEB INTERFACE AND BARS TUTORIALS
PHOTOSHOP SPECIAL EFFECTS TUTORIALS
PHOTOSHOP OTHER/MISC. TUTORIALS
**SKIP TO LINKS OF PHOTOSHOP SITES
**SKIP TO PHOTOSHOP MESSAGE BOARDS
Huge List of Adobe Photoshop Tutorial Sites, Search Engines, & Directories - A huge list of Adobe Photoshop tutorial resources as well as Photoshop directories & search engines.
A Roundup of the Best Photoshop Logo Design Tutorials Online - I have collected the top Photoshop Logo Design tutorials online and listed them for you below. There are also plenty of Web 2.0 Logo Design tutorials as well.
Photoshop Tutorials - 3D Sphere - Make a smooth 3D sphere, can also be used for buttons.
Photoshop Tutorials - Navigation Bar - Make your own tool bar using custom gradient techniques.
Photoshop Tutorials - Simple WinAmp Skin - Putting together a simple WinAmp Skin. Making a lyout using the Pen tool, beveling, adding buttons, adding details.
Photoshop Tutorials - 3D Button - A way of creating a 3D button using radial gradients, and then making an illusion of a button being pressed using inside shadow.
Photoshop Tutorials - Interface - Here you will be taught how to make tables for your interface. 1) Open a new file, around 300 x 250pixels, with any background color. I used black.
Photoshop Tutorials - Rounded Edges - Create rounded corners for site templates, interfaces, buttons, layouts, etc.
Photoshop Tutorials - Remote Control Interface - Step-by-step HowTo on creating an interface.
Photoshop Tutorials - Soft Bevel - A soft beveled edge for interfaces, buttons, and more.
Photoshop Tutorials - Smooth Metal - Create some great looking smooth metal using Layer Styles.
Photoshop Tutorials - LCD Orb - Create a glowing LCD Orb, great for interfaces and hi-tech designs.
Photoshop Tutorials - Plastic Tabs - Create the smooth clear plastic tab buttons first seen on Apple.com.
Photoshop Tutorials - Audio Interface - A highly advanced Tutorials on creating a full audio player interface.
Photoshop
Tutorials - Inset lines - a quick and easy Tutorials
on how to create those neat inset lines.
Photoshop
Tutorials - Inside Curve - remove those tight
90 degree corners on your interfaces.
Photoshop
Tutorials - Outer Bevel - here are some easy steps
to create the outer bevel effect using photoshop
Photoshop
Tutorials - 3D Ring - create a smooth 3D ring
using photoshop and lighting effects
Photoshop Tutorials - Chrome Ring - here is another
ring that wraps around your 3D bars
Photoshop Tutorials - Embed effect - a neat effect
you can use for placing objects on interfaces
Photoshop
Tutorials - Brushed surface - create a ragged
look on your interfaces using a brushed surface
Photoshop
Tutorials - Inset patterns - a quick and easy
Tutorials on how to create those neat inset effects on the
interface surface.
Photoshop Tutorials - Gradient border - double
gradient effect for framing images and objects
Photoshop
Tutorials - 3D Sphere II - a new more chrome looking
version of those 3D spheres.
Photoshop
Tutorials - 3D pipes - create 3D pipes and chrome
bars using photoshop and gradients
Photoshop Tutorials - Wires & cables - create
twisted cables or wires using photshop paths and stroke
Photoshop
Tutorials - Rivets & Screws - quick steps
in making screws and rivets with photoshop
Photoshop Tutorials - 3D Gradient Bars - A variation of the 3D navigation bars but this time using gradients
Photoshop Tutorials - 3D Chrome Bars - A Tutorials on how to create a navigation bar using lighting effects and layering techniques.
Photoshop Tutorials -Insets - Apply insets on your designs using photoshop® layers and blur
Photoshop Tutorials - Rounded Interfaces - Use this Tutorials to create the basic shape for a rounded interface. You can then fill the shape with a texture of your choice.
. . . . . . . M U S T . S E E . . . . . . . . . . . . . .
GOOD TUTORIALS - PHOTOSHOP TUTORIALS
TUTORIALS SELECT PHOTOSHOP TUTORIALS
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
PHOTOSHOP BASICS AND ESSENTIALS
PHOTOSHOP TEXT EFFECTS TUTORIALS
PHOTOSHOP WEB INTERFACE AND BARS TUTORIALS
PHOTOSHOP SPECIAL EFFECTS TUTORIALS
PHOTOSHOP OTHER/MISC. TUTORIALS
**SKIP TO LINKS OF PHOTOSHOP SITES
**SKIP TO PHOTOSHOP MESSAGE BOARDS
RECENT ARTICLES from Graphic Design BloG
Logos: What Makes a Good Design? - Part II
The Logo Journey Continues
In our last article, we examined several logo designs that were, by most conventional standards, unsuccessful. Your graphic design education is a continuing process and learning the basics of graphic design can help you to be more effective in creativity and avoid mistakes in design.
In Part 2 of this series, we'll take [...]
![]() |
![]() |
|
![]() |
![]() |
|
Logos: What Makes a Good Design? - Part I
Logo Design Isn't Always Easy
Designing a logo can sometimes be mystifying, but that doesn't mean it can't be done. At times a logo design just works, even though it may seem rather unremarkable. Other designs should work but they don't.
When Things Go Terribly Wrong
The examples in this article demonstrate what can happen when attention to [...]
Great Ideas for Package Designs - Part II
Package Design: The Two Second Commercial
If you pay a visit to your local supermarket and view the thousands of items sitting on shelves, each product is vying to gain your attention through its package design. Hence each package acts as a two second commercial.
The following designs excel in attracting your eye, but also serve a [...]
Great Ideas for Package Designs - Part I
See, Learn, and Get Inspired
Designing a package can be quite challenging when trying to think of unique ways to present a product. The following examples show how graphic designers think outside the packaging box by using creative techniques that are novel in approach, and also quite functional by design.
Otokoyama Sake
A simple design can be more [...]
Graphic Design Education and Your Career
Talent + Education = Graphic Designer
Talent is always a big consideration for employers who are seeking individuals to fill positions, but the world of graphics, illustration, and art has changed dramatically with the use of computer design software and computer hardware.
Publishing houses, graphic design firms and other related businesses need people who are up-to-date in [...]
Camera Tricks for Non-Photographers - Part II
Make Your Own Filters and Special Effects
In our last camera tricks session we covered some basic techniques related to camera operation, lens usage, and camera settings to achieve different image effects without the use of Photoshop.
This time around we will still achieve in-camera effects but with the use of homemade lens filters and accessories that [...]
Really Cool Photoshop Effects Part III
In our hat of magic Photoshop tricks, we've pulled out a few more items that we thought you might be interested in.
These effects and their related tutorials (click on the bold text or the image) are really fun to try out. They incorporate functions of Photoshop such as layering, transparency, blending, and other methods.
It will [...]
All Graphic Design Resources is a Directory Full of Tools for Graphic Designers
All Graphic Design Portal is a Graphic Design education directory with resources & articles for Graphic Designers & Web Designers including a Design forum, blog, graphics software tips, graphic design jobs, advice for new designers about design schools and education as well as tips for freelance graphic design business owners, and much more.
Helping you find freelance work
Add your gallery to this forum
How to start in Graphic Design..
Web Hosting (Yet Another Provider)
WTF is up with this web hosting company???
Brightcove Font
Supportive CSS and HTML in Email Clients