In the reader suggestions recently, I found a request to see how to produce the shelf interface on the incredibly cool Web site for Dragon Interactive, a Los Angeles–based creative agency. So here’s a method for producing the shelf effect.
(Continue)
Today’s tutorial comes in response to a reader request from Tom and it won’t be about lighting effects, glows, or sparks. Instead, I will show you how to create the brushed aluminum texture similar to the Apple products!
(Continue)
Since Web 2.0 hit the internet, footers have become more important than ever, and there has been some great looking work done downstairs. In this tutorial I’ll show you how to produce a sleek looking site footer in Photoshop.
(Continue)
When we are working on a Web design project, we quite often need icons to show commands like add, delete, or edit. With the Web 2.0 trend, the use of badges and subtle 3D has become very popular. In this tutorial, I will show you how to create a really easy and very nice 3D effect to be used in either buttons and icons or elements that need some depth.
(Continue)
This tutorial will show you how to make a semi-transparent Vista-inspired menu using gradients, shadows, and blurring to produce a stunning modern effect.
(Continue)
In this tutorial I will show you some very easy techniques, using gradients and layer styles, that we can use to produce nice subtle 3D effects in our web designs.
(Continue)
I recently did an artwork where I was creating a desktop feel. It was filled with all sorts of objects you would find strewn across a desk. In this tutorial, I will be recreating them so you can design your very own desks.
(Continue)
When I put together designs, I usually do so in two phases – Layout and Polish. During the layout phase, I place the main objects on the page usually finishing with something that looks relatively complete. In the second stage – the Polish – I go over the design and adjust colors, type treatments, shadows, layers, and generally clean it all up. In this first of a series of tutorials on web design, we’ll be looking at the Polish.
(Continue)
In this tutorial, we’re going to make a little message strip in Photoshop that you can place in the top-right corner of a design. These little strips look very trendy and Web2.0-y, particularly in Web designs! It’s quite an easy effect to do, and in this tutorial we’ll add some shadow and light to make it pop!
(Continue)
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Psdtuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Follow Psdtuts+ and Tuts+ on Twitter