Introduction

This site features web design and Adobe Photoshop tutorials written by Daniel Piechnick, a professional web designer and graphic designer from South Australia.

Pegaweb focuses on helping beginners use Photoshop to design graphical layouts for their own websites.

 

 

Web Design & Photoshop Tutorials for 2009

Manager's Lunch - Photoshop Tutorial - 28th Jun
Make a website layout that features several letters, a sandwich on a plate, and a smouldering cigar.

Website Layout that Looks Like a Circuit Board - 28th Mar
Create a website design with various components and wires.

Adsense Experiments: What's the Best Adsense Placement? - 20th Mar
My experiments in placing Adsense ads on Pegaweb.

Total Newbie's Complete Guide to Setting up a Website - 5th Mar
Ultra-simple, start-to-finish guide to setting up your own website from scratch.

"Moonbase" Website Layout - 23rd Feb
This tutorial shows how to make a starkly lit sandy website template, with a menu of blue buttons.

How to Design Your Own Business Cards - 18th Feb
Three easy Photoshop tutorials that show you how to make your own business cards.

The Pegaweb Store Opens  - 7th Feb
A new "Store" page has been added, with products relevant to Pegaweb visitors on sale there. You can have a look at some web hosting, or buy Adobe Photoshop online.

Leafy Villa Photoshop Tutorial - 5th Feb
Create a rustic website template, covered with leafy vines.

Open Book with Pages - 19th Jan
How to design a website layout that looks like a book.

Silhouette Website Header - 17th Jan
Design a website header with a moonlit industrial theme.

Beginners' Guide to Adobe Photoshop - 11th Jan
This Photoshop training video tutorial goes through the basics of using Photoshop. This tutorial uses Adobe Photoshop CS2.

 

Web Design & Photoshop Tutorials from 2006

Table Top
Shows how to design 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

How to design 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 design 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 design 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 design 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 web designers 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 web 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. This tutorial is ideal as a small business website design.

 

"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? This thirty-minute Photoshop course shows 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 graphic design 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 to do your own professional logo design 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 a rather cheap web site design.

 

"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" small business website design.

 

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 >>

Privacy Policy