Web Design & Layout Photoshop Tutorials
Custom Hang Tag
It seems like everywhere I look these days designers are using more and more handmade objects in their work. From pencil sketches and fabric scans to paper scraps and household odds and ends these items are making their way into our work. In this Photoshop tutorial you'll learn how to create a retail hang tag. [more details]
Added on February 10th 2009 in Icons & Logo, Web Design & Layout
Photoshop Paper Texture from Scratch then Create a Grungy Web Design with it!
This year has seen a big increase in grungey / textured / hand-drawn styled website designs. By nature I tend to design a cleaner look myself, but I thought I'd try my hand at grunge today and write up a tutorial on creating a simple paper texture from scratch in Photoshop then marrying it with a web layout to create a neat design. Then later this ... [more details]
Added on February 9th 2009 in Web Design & Layout
Creative Design Layout Tutorial
Hi there, in this tutorial il learn you how to create a creative design layout and il be writing a follow up tutorial shortly after expaining step-by-step on how to code it using dreamweaver. [more details]
Added on January 20th 2009 in Web Design & Layout
How To Create a Stunning Vista Inspired Menu
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. [more details]
Added on January 6th 2009 in Web Design & Layout
Design Studio Header
In this tutorial you will learn how to create a design studio header for your website. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download. [more details]
Added on January 6th 2009 in Web Design & Layout
Design a unique header for your website with Photoshop
In this photoshop tutorial, you will learn about some great techniques about making header, buttons and some more web graphics. easy to follow tutorial with a lot of images! [more details]
Added on January 6th 2009 in Web Design & Layout
Create a Nature Inspired Painted Background in Photoshop
When I first saw the Viget Inspire Blog, I was very impressed. The background just grabs and pulls the reader right in. After studying it for a while, I still couldn’t determine if it was made from an actual painting or if it was all created from scratch in Photoshop. Regardless of how it was created, it makes for a great looking design. In this tutorial, ... [more details]
Added on January 2nd 2009 in Web Design & Layout
Design Watercolor Effect Menu
This is a two-part tutorial on how to create an artistic and un-typical CSS list menu as seen on Web Designer Wall. In the first part (this article), I will show you how to design a watercolor effect menu in Photoshop. Then in next tutorial, I will show you how to slice the menu and code in CSS. If you need some inspiration on creating an artistic menu, v ... [more details]
Added on December 22nd 2008 in Web Design & Layout
How to Create a Grunge Web Design in Photoshop
Photoshop is often the right tool for web design, especially if you're creating a design using numerous images and brush effects. In this tutorial, I'll show you how to create a complete grunge home page design. We'll design the header, sidebar, body, footer, and style everything to work together in a heavily textured and worn design. [more details]
Added on December 17th 2008 in Web Design & Layout
Carbon Fiber Layout
It’s about time I write a web layout tutorial so here it is, you’ll learn how to make this sleek layout with a carbon fiber background that would look great as a landing page for a website. Most of the techniques are quite simple; I’ll be covering things like creating and using patterns, using layer styles to match CSS properties and also a few layer mask ... [more details]
Added on December 8th 2008 in Web Design & Layout