Paint.Net Web Template Tutorials

Question

Does anyone know of any good tutorials for creating a website template (like something you'd find on http://www.oswd.org) using Paint.NET? I don't have a personal copy of Photoshop so I thought I'd see how far I could push Paint.Net. Most of the tutorials I've found are for creating buttons or logos. I'd like to be able to create a website from scratch.

thanks!

Answer 1

This is more of an observational exercise. You need to look at sites that you like, and then start implementing those elements in to your own brand. This is where a designer really helps out. But it would be tough to make a tutorial on this because everything about website design is very subjective to your tastes.

But a good book to read is "Don't Make Me Think" by Steven Krug, which goes over good web design.

Answer 2

I dont think you are using the right tool. Paint.NET is for creating pictures, just as in Photoshop. But you would not create a web site with it.

Answer 3

I find it strange that the accepted answer is that it's the wrong tool. The best web designers I know create their websites in Photoshop, cut them up and assemble in Dreamweaver or other like tool. Whenever I have had websites designed for me, mock-ups are always Photoshop images (which are later cutup into the final site).

I have always wanted to learn how to do this, which is what brought me to this question, so I too would like to see an example site put together in Paint.Net to see how it's done.

Thank you if you have any information on this.

Answer 4

I use paint.net myself. And i find that if i want to create website templates with it, i look at other websites first, classy, flashy etc. any style. and then i take ideas from that and make them my own. whether its changing the colours, or shape etc i find that it works wonders, sooner or later. cool ideas sort of pop into your head, and you wont need to observe other ideas :)

Answer 5

Well in a website you need to first make the website in paint.net / photoshop and then cut the images and place them in the HTMl/CSS codes, And I want to know this too :)

Answer 6

Photoshop (CS2 and earlier) have a tool called ImageReady which, among other things, takes your Photoshop image, slices it up and creates HTML for it. This allows you to select a part of an image and make it a rollover, for example, or a link. Much, much easier than doing it by hand and definitely makes for a more aesthetically-pleasing website.It would be great to see Paint.Net develop an ImageReady-like capability. But then, PDN is free...

• Jabbal