Web Design & Photoshop Tutorials for 2006

Table Top

Create a website that looks like a desk. Complete with stained wood, note paper, and some pencils strewn around. 30Jan

 

Web Design & Photoshop Tutorials from 2005

Foliage

Creating leaves and flowers as a border for a web page. 4Jan

 

Website Checklist

A list of the most common criticisms I have about websites I'm asked to review. 1Jan

 

Web Design & Photoshop Tutorials from 2004

Atlantis

This tutorial creates a website whose buttons are islands that sink beneath the waves. 1Sep

 

Creating a website with an Aurora effect

This tutorial goes through the steps to creating a website featuring a beautiful skyline above a grassy field. 24Aug

 

Parchment Wedding Invitation

Create a scorched parchment texture, for a website or wedding invitation.  7Aug

 

Roll Over Beethoven

This tutorial demonstrates how to give a button that pressed-down look, while the mouse cursor is over it. 31Jul

 

"Splat" Website Layout

By using a few gradients, and applying the Wave filter, it's possible to make this simple website layout. 24Jul

 

Glitter Swirls

This tutorial goes through the steps to creating a swirly, glittery website layout. 24Jul

 

Pegaweb Interview Transcript

This is the transcript of an interview I did recently, posted here due to requests from visitors. Please enjoy my very opinionated responses. :) 7Mar

 

Web Design & Photoshop Tutorials from 2003

Making your website fit different screen resolutions – 12th Dec

Explanation of screen resolution issues, and two different solutions for solving page width problems.

 

New Photoshop Tutorial – Sunlight – 31st Oct.

This tutorial demonstrates how to create a website with a very nice, sparkling, sepia effect.

 

New Photoshop Tutorial – The Slime Factory – 10th Oct.

Follow along with the steps I took to create the website for the "Slime Factory". This website mixes metallic textures with gelatinous substances. Part 1 - Part 2

 

Photoshop & Web Design Basic FAQ – 2nd Sept.

Answers to the most common questions I'm asked about Photoshop, web design, and other topics, such as web hosting.

 

"Antiquity" Website Template Added – 26th July

This new template has a nice wooden texture, and soft yellow highlights. You can buy cheap website templates on the templates page.

 

Duotone Web Page Menu Tutorial 25th July

This tutorial goes through the steps of making a simple, two-colour menu for a website in Photoshop.

 

Tigerskin Web Design Tutorial 23rd July

This tutorial demonstrates goes through all the steps of how to make a website with a realistic tiger skin texture in Photoshop.

 

"Crimson Shadow" New Website Template 18th June

A new website template is now available for download. The Crimson Shadow template features a dark red swirling texture, and a marble menu bar. The template has been designed to be easily editable by the user. Just download the template, edit it, and upload it to your web hosting provider.


"A Touch of Class" Complete Website Tutorial
9th June

By popular demand... another complete website tutorial. If you'd like to design a site that's a bit more elegant than the standard business web design style, open Photoshop and follow along with this tutorial. Part 1 - Part 2

 

New Article – Setting Up Your First Website 8th June

If you're one of the many people who are setting up, or about to setup, their first website, here's some important information that will help you get started. Domain names to buy, web hosting, keywords, and more.

 

"Simple Website Design" added to Photoshop Tutorials section 3rd May

A lot of websites look cheap because the designer has tried too hard to make the graphics look good, without knowing what they're doing. If they just hadn't tried as hard, the site would have looked a whole lot better.

 

"Metallic Buttons & Menus" Photoshop Tutorials 23rd Mar.

This tutorial shows how to use Gradient Overlays and the Gloss Contour option to change your buttons and menus from play-dough to realistic silver and gold.

 

Writing a Business Proposal 11th Apr.

Just being able to do the job well is not good enough. With the right business proposal, you have an excellent chance of winning a contract, even when it's just you, competing against a large firm.
 

Beginners' Guide to Adobe Photoshop 8th Feb.

By popular demand... Ever wanted to learn how to use Adobe Photoshop, but had no idea where to start? These thirty-minute Photoshop tutorials tell you only the things you really need to know to get started. Part 2 - Part 3 - Part 4

 

Digging for Links 3rd Feb.

How to improve your link popularity and your site's Google Page Rank. Implement your own link exchange program, and find the best places to get inbound links.

 

"Overgrowth" New Website Template 8th January

A new website template has been added for purchase. The Overgrowth template is straightforward, and has a nice, viny, flowery theme.

 

 

Web Design & Photoshop Tutorials from 2002

Modern Style Web Design Tutorial 18th Dec.

Welcome to a world of sans-serif fonts, monocoloured areas, objects that don't cast shadows, colours that don't contrast, and text saved as picture files. :)

 

Creating a web page header in Photoshop 11th Dec.

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. Part 2 - Part 3

 

Six font styles that make text stand out 30th Nov.

Ever put text over a picture and found that you just can't get it to be readable, because you can't get it to contrast with the multicoloured background? Try this.

Design your own Company Logo in Photoshop 14th Nov.

Having your company logo design done by a professional is usually not cheap. Why not use Adobe Photoshop to create your company logo yourself?

 

Seamless Web Page Backgrounds 13th Nov.

With many web page backgrounds, the tiling lines are very visible. This tutorial shows how to use the Shear tool to create a line-less web page background.

 

"Nightfall" New Website Template 17th Oct.

The Nightfall website template has been added to the Website Templates section. Once purchased, you can then upload it to wherever your web hosting is.

 

Making Web Buttons in Photoshop 30th Sept.

This new addition to the Photoshop tutorials section goes through the steps to making the various layers of a nice gold-coloured web button. Part 1 - Part 2

 

Creating a Realistic Wood Texture in Photoshop 7.0 30th Aug.

Ever tried to make a realistic wood texture in Adobe Photoshop? Here's how to make a wood texture for your web design projects that looks a whole lot better than Adobe Photoshop's sawmill wood texture.

 

The Power of Random Lighting 5th Aug.

In graphic design, as in nature, things look real because of two factors - lighting and randomness. Learn how to create both, and some nice wallpaper, using Adobe Photoshop's Noise Gradient tool.

 

Separating an Image from its Background 2nd Aug.

Tutorial added to Photoshop tutorials section. This tutorial shows how to easily cut out the foreground of an image, without leaving an outline or any jaggy edges.

 

"Sandstone Forest" New Website Template 13th May

A new website template has been posted. Sandstone Forest was created in Adobe Photoshop 6.0 and uses natural colours. It comes complete with rollover buttons, and at $10, is rather cheap.

 

"The Piglet Factory" Photoshop Web Design Tutorial 1st May

There's a new addition to the web design tutorials section. Follow the steps I took in Adobe Photoshop to create the fictitious "Piglet Factory" website.

 

Article on Website Navigational Structures 1st May

Ever get lost on a site? Over-complicated navigation structures are everywhere. Here's how to avoid making your site a labyrinth of links.

 

Making a Nebula in Adobe Photoshop 20th Apr.

I've created a new Adobe Photoshop tutorial, on how to make realistic-looking nebulae. They're ideal for use as desktop backgrounds.

News Archive >>