Clik here to view.
Coding: Design Lab TV Styled Layout
Welcome to another PSD to XHTML/CSS tutorial here at psdvibe. We will be converting the Design Lab TV Styled Layout into valid xhtml/css which will be cross browser compatible. First thing you need to...
View ArticleClik here to view.
Create a Sleek and Textured Web Layout
This is a tutorial that I wrote for SixRevisions, as I have started to become a writer there, as well as still running psdvibe. I think the results look good, and hopefully you’ll enjoy the tutorial....
View ArticleClik here to view.
Clean Photo Gallery Website Layout
This will be your final result 1. The first thing we want to do is create a new document with the dimensions of 1024×1200. 2. Using your Paint Bucket Tool from your tool pallet, fill your background...
View ArticleClik here to view.
How to Create a “Worn Paper” Web Layout
Here is another tutorial that I wrote for Six Revisions. I thought it turned out pretty well, and I hope you guys enjoy! On a side note, i’ve been rather busy and i’ve had some time open up, so i’ll...
View ArticleClik here to view.
Design Studio Layout #2
This will be your final result 1. The first thing we want to do is create a new document with the dimensions of 1024×776. 2. Using your Paint Bucket Tool from your Tools Pallet go ahead and fill your...
View ArticleClik here to view.
Create a modern blog layout
This is how the final result will look like: 1 – Let’s start by importing the 960 grid template into Photoshop. The 960 grid template is a very usefull tool for designers, which can be downloaded for...
View ArticleClik here to view.
Create a web 2.0 layout in Photoshop
Here is what you’re going to create in this tutorial: 1 - Create a new document of 1280*1024 pixels. Fill the background with white (#FFFFFF) 2 - Pick up the rectangular marquee tool and draw a...
View ArticleClik here to view.
Create an astonishing resumé with Adobe Photoshop
This will be the final result: 1 - Create a new document. The example dimensions are 1000*1024 pixels, but you can easily change 1024 by the desired height. Fill the background with white (#FFFFFF) 2 -...
View ArticleClik here to view.
Creating a tech blog layout in Adobe Photoshop
This is what the result will look like: 1 - Let’s start by creating a new document. The size is 1280*1200 pixels. Fill the background with black (#000000). 2 - Create a new layer named content. Pick up...
View ArticleClik here to view.
Create a webdesign company layout in Photoshop
This will be our final result: 1 - Create a new document in Photoshop, with 1024px width and 1300px height. Fill the background with #669999. 2 - Create a new layer. Pick up the brush tool with 500px...
View Article