Currently Browsing: WEB Design
Creating a 5-minute Website
If you find that you are totally unable to design a nice-looking website, no matter what you do, you’ll find this five-minute website tutorial to be invaluable. I learned by imitating the websites of the professionals, and came up with this nice website design formula. This tutorial goes through...
Professional header design for your website
This photoshop cs3 tutorial will teach you how to make a nice-looking and professional header for your website easily. the end result is: Background design First of all, you need to create a new photoshop document. copy the values exactly like shown in the image below: Next thing you should do is the...
Sunlight Web Design Tutorial
By using some Clouds, Noise, a few adjustment layers, and some ornaments, this tutorial demonstrates how to create a website with a very nice, sparkling, sepia effect. Tutorial requires Photoshop 6.0, 7.0 or above. 1 – Creating a Noise Gradient Select the Gradient Tool (possibly hidden under the...
A Touch of Class Web Design Tutorial
If you’d like to design a site that’s a bit more elegant than the standard business web design style, follow along with this tutorial. 1 – Making a bent selection In Adobe Photoshop, make a new image. I’d recommend 775 x 600 pixels. (My example pictures are deliberately...
Creating a Web Page Header in Photoshop
The most important graphical element of any website is its header image. It’s the image that will be seen more than any other on your web site, so it’s important to get it looking good. This tutorial gives an example of how to use Adobe Photoshop to make a graphical header image for your...
“The Slime Factory” Web Design Tutorial
4 – Creating something vaguely resembling an egg yolk With the Freeform Pen, select an area as shown. After the pain of Step 1, creating a shape like this should be no problem. Right-click the line, and click “Make Selection”. Create a new layer. Choose an orangey-yellow colour,...
Foliage – Creating Leaves and Flowers in Photoshop
I’ve used leaves, flowers, vines, and other natural elements in my designs and templates for some time now. This tutorial goes through the steps of creating some basic natural elements as the basis for a web page layout. 1 – Creating a Flower The...
Creating an Aurora in Photoshop
This tutorial goes through the steps to creating a beautiful skyline above a grassy field. (This tutorial requires Photoshop CS, 7.0 or 6.0.) I’d recommend making this image 779 pixels wide, so it fits perfectly on a 800×600 screen. 1 –...
Designing a Simple but Professional Website Design
Well, in this easy Photoshop tutorial I’m going to be teaching you how to make a nice website design, a professional (business-style) website design, that is. You can see the website design I’ve made using this tutorial below. (tutorial result. click for larger image) 1. New Document/Canvas Alright,...
Designing a Professional Clan/Gaming Web Template
I know I’ve already (somewhat recently) done a tutorial on a http://www.photoshopstar.com/web-design/clan-template-part-1/, but this is one looks completely different, and of course I just love designing clan templates! So, in this easy step-by-step tutorial, I’m going to be showing you how to design...