In this tutorial I’ll show you how to create a textured web layout, starting from the concept on paper to Photoshop design. We will discuss about site structure and will use the 960 grid to organize our contents.  Also you will learn how to use layer styles to create an engraved text effect. Give it a try!

In this ultimate collection, we bring you a massive selection of great Web design tutorials from all over the design community. All of the tutorials use Photoshop for the main application. By the end, you should have a pretty good idea of where and how to start designing for the Web.

If you’re already an experienced Web designer, don’t ignore this post. Even the most talented and professional designers can pick up tips and tricks from others. After all, design is a field in which no one knows it all.

Good evening everybody welcome to another tutorial by HV-Designs. In today’s tutorial I’ll be showing you how to create a sleek web design company style web template.

Start off by creating a new document with the following dimensions “1200 x 1400″, don’t worry if the document seems big as you can crop the canvas when finished.

Select the rectangular marquee tool and make a small selection across the top of the canvas, the selection should be the width of the canvas and no larger than about 10 pixels

In this tutorial you will learn how to create an attractive Game product layout. This will teach you the basics of typography, information layout and product display Preview: Create a new photoshop document 1 Open up Photoshop, create a new document that is 1000px by 1000px, with a background color of #737f91 Creating the background 2 Select the rectangular marquee ..

In this tutorial we will create a amazing vibrant layout. we will use Filters, layer styles and more to create each effect to achieve the stunning end result

Open up Photoshop, create a new document that is 1000px  by 1000px, with a background color of #ffffff

Select the rectangular marquee tool (M) and create a rectangular section across the top part of the canvas,

its height should be 400px-500px

Collection of high quality tutorials for different type of Web and blog Layout Design in Photoshop
Not only have watercolor brush strokes become a popular trend in modern web design, but so have advanced layers of transparency (or what I call, translucence). The new Envato design has received a lot of kudos for using this effect, and this tutorial will show you how to create a similar effect, while combining it with other popular web trends.

In this tutorial we will be creating an easy to make portfolio design, this design uses simple effects combined with a great color scheme to give it a smooth look.

Open Photoshop, create a new document that is 1000px by 1500px, with a background color of #ffffff

A couple of weeks back we went through the process of creating a gnarly snowboarding themed website design concept in Photoshop. The tutorial covered the process of designing our site concept from sketch to finished PSD design. Now, let’s take the design to the next step and code up a complete mockup in HTML and CSS, ensuring our code is semantic and standards compliant. We’ll then add some finishing touches with a spot of jQuery.

In this Photoshop tutorial we’ll learn how to create a clean looking website layout, we’ll also be using 960s grid system to keep everything aligned. This is very detailed tutorial, so if you have basic knowledge about Photoshop you should be able to easily keep up and let me guide you through this layout creation process.  I am explaining all small steps and every step is shown by visuals as well, good luck!!

This is one of the few Web Interface tutorials I did for 10Steps.SG. We shall go through some basic considerations and plans to take before we do the actual designing for a Magazine portal. You may find this tutorial useful for your upcoming projects.