![]() |
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
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
RECENT ARTICLES from Graphic Design BloG
Business Cards: Ideas and Inspiration, Part II
Today we continue looking at business cards that stand out, and here’s hoping you get some inspiration and ideas! After all, you only get one first impression, so your business card should be something that showcases the best of your design abilities. On Wednesday we looked at the use of interesting shapes, 3D business cards, [...]
![]() |
![]() |
|
![]() |
![]() |
|
Business Cards: Ideas and Inspiration, Part I
As a graphic designer, your business card should do more than let people know how to contact you. If you’re interested in truly making a good first impression, the business card has got to stand out. Whether through color, design, die cutting, unique materials, 3D shapes, or actual samples of your work, a stand-out business [...]
Collaborating and Negotiating: Part II
Today, we’re looking at the collaboration side of negotiation and collaboration in graphic design. Because your work is ultimately for the client, at times you as the designer must be willing to compromise to reach a mutually agreeable goal. Here are some tips to help you collaborate with clients.
Ways to Collaborate
Listen. On page 28 [...]
Collaborating and Negotiating: Part I
It’s there in the design brief: the problem your client wants you to solve. But whether your objective is to create an advertisement, exhibition or public announcement, sometimes you and the client aren’t quite on the same page about what exactly the best design solution is. OC Photographer asked a great question about the collaborating [...]
When Things Go Bad: 5 Tips for Firing Clients
Most graphic designers will be in a similar situation at some point: the client will not pay, the client is never satisfied with your work yet won’t collaborate to fix it, or you simply realize that you and the client are not meshing. Regardless of when and why you need to fire a client, everyone [...]
Tips for Working with Clients: Approaching the Relationship
Whether you’re looking for design classes, design degree programs, internships or first jobs, it’s important to choose an option that will help you learn clear communication, especially when it comes to designer/client relationships. Knowing how to work with clients should always be part of a successful graphic design education. The following tips can help you [...]
Working for Good: Pro Bono Design, Part II
If you’re interested in doing pro bono graphic design work, it’s important to educate yourself about smart ways to do it. Once you’ve got some guidelines, you can approach your pro bono work with creativity; unless your client specifically requests it, you don’t need to limit yourself to a brochure. Consider these ideas for pro [...]
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.