In this Photoshop tutorial, I will show you how to create a unique and professional hosting template. This tutorial goes through the steps to create a website header, footer and content area.
2. Create a Magic Night Themed Web Design from Scratch in Photoshop
Let’s the design begin! First of all, this isn’t a basic tutorial, so I’ll skip some basic explanations. Anyway, anyone with an intermediate – advance level of Photoshop skills will be able to do it. Second, it’s really hard to obtain exactly the same result that I’ve got, and you must use your imagination and good taste to get something similar or better than my design. And third, this was designed by considering application into a Wordpress template, but you can quickly convert it into another engine’s theme, or even a custom website.
3. Photoshop Paper Texture from Scratch
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.
4. How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds
It’s pretty amazing how much colour and background can change the look and feel of a website. In this tutorial we’re going to put together a quick, simple but effective layout and then create variations using backgrounds, photos and patterns. We’ll also look at how to make seamless tiled backgrounds out of a photo, methods for ending a single photo and simple ways to create pixel patterns. In short it’s a jam packed tutorial!
5. 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.
7. Create a Dark Themed Web Design from Scratch
This tutorial covers the key areas to focus on when creating a Web site design. This is a blog-style design, but the techniques and strategies used in this design could be applied elsewhere across the Web as well. Learn how to create a colorful design set against a dark background.
In this tutorial you will learn how to create a portfolio styled layout for your design studio gallery. 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.
9. Clean Grunge
This tutorial will cover the steps of designing the Clean Grunge blog design from scratch. It also discusses the techniques and styles of this kind of web design.
11. Corporate WordPress Style Layout
In this tutorial you will learn how to create a corporate wordpress styled layout. 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.
12. Design Lab TV Styled Layout
In this tutorial you will learn how to make a Design Lab layout for your portfolio by making it look as if your work is being displayed on a TV. 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.
In this tutorial you will learn how to make a clean corporate style layout for your business. 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.
14. GreenPress WordPress Theme Design
In this tutorial you will learn how to make a simple and clean wordpress style theme I call GreenPress (i know, not creative). 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.
15. MyBlues WordPress Style Layout
In this tutorial you will learn how to make a very sleek and stylish blue WordPress style bloging layout. 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.
In this tutorial you will learn how to make a layout for your design studio 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.
17. Website Gallery Layout Design
In this tutorial you will learn how to make a layout for a css website gallery using Photoshop. 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.
In this tutorial you will learn how to make a sleek, and professional tutorial blog. 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.
19. Chocolate Pro WordPress Style Layout
In this tutorial you will learn how to create a brown ‘Chocolate’ WordPress style layout that is very professional. 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.
20. Simple 2 Column Blog Layout
In this tutorial you will learn how to create a simple 2 column blog layout using Photoshop similar to the one used for PSDVIBE. 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.
Hello, welcome to another tutorial by the hv-designs team sorry were abit late than usual. In this tutorial il show you to create a web design layout. Lets get started.
22. HV Design
Firstly create a new document with the dimensions 950 x 1130 pixels. Fill your background layer with the color black. Select the rounded rectangle tool and set radius to 15px.
Create a new document 1000×960 pixels with a white background, at the very top of the canvas create a rectangle the width of the canvas and about 80 or so pixels in height, fill with the color #e9eacf. Do the same again but make the rectangle 3 times as big, fill with the color #62c0e6. You should have something like this.
Create a new document 900 x 1200 pixels, fill your background layer using the bucket tool with the color #363636. Select the rounded rectangle tool, change the radius to 15 pixels.
25. Dark Protofolio
In this tutorial I am going to explain to you how to create a dark portfolio layout in Photoshop. I have used only the tools inside Photoshop and some vectors from the Talk Mania shop to create this layout. I hope you will like it.
26. Wordpress theme web design
Learn how to create a clean and simple wordpress design that can attract anyone’s eyes!

RSS Feeds
Feed Comment 






























Leave Your Comments Below