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
Graphic Design, Book Covers, and You - Part II
Reading a Book by Its Cover
The chance to produce art for a book cover is rare, bug the essential thought processes and creative steps are very similar, if not identical, in the inventive process. In this series we actually try to read a book by its cover--to see if the design concept is successful or [...]
![]() |
![]() |
|
![]() |
![]() |
|
Graphic Design, Book Covers, and You - Part I
Inspiration from the Covers of Books
In the next few posts, we'll look at some book covers and learn a few things about design. We'll find that design sometimes has to follow form. And in these examples, they follow the form of the content.
The creative processes used to design a book cover are relatively the same [...]
Freelancing 101: The Typical Life
Freelancing 101: The typical life.
Plus tips and advise from a professional.
By Elle Phillips
According to the US Bureau of Labor Statistics, about twenty-five percent of all Graphic Designers (or Graphic Artists) do freelance work, full-time or part-time. Many more have aspirations of doing freelance because of the money, creativity, and the appeal of working from home. [...]
When Design Becomes Literal
As a graphic artist, you face the challenge of creating designs that are unique, and interesting. Some designers, as you will see, have taken the idea of design to a very literal form.
The following examples are fun to look at and admire, but also serve as inspiration to think "inside the box" by approaching design [...]
Logos: What Makes a Good Design? - Part III
And Now the Good Stuff
In our last few articles about logo design we've seen some logos that didn't quite work because of design flaws, problems with concept or lack of visual appeal.
This time we'll look at some of the most famous logos in the world, and some that aren't so famous to see why they [...]
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 art education is a continuing process and understanding the basics of graphic design can help you to be more effective in creativity and to avoid mistakes.
In Part 2 of this series, we'll take a look [...]
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 [...]
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.