New Plus Tutorial - Designing a Family of Websites
In News by Collis
I've added a new Plus Members–only tutorial today on designing Web sites, written by myself! The tutorial takes you through the process I went through to design a set of blog templates to build into WordPress.
PSDTUTS Plus
As you know, we run a premium membership system here called PSDTUTS Plus that costs $9 a month (or $22 for 3 months!) which gives members access to the PSD files for tutorials as well as periodic extra tutorials ... like this one! If you're a member, you can log in and download the tutorial. If you're not a member, you can of course join today!
A Family of Web site Designs
The tutorial I've added today is called "How to Design a Family of Website Designs" and is a step-by-step follow-along of a set of WordPress blog designs that I recently did. Because the Photoshop skills involved aren't that advanced, I've spent more time talking about why certain things are done.
I'm now working on a PSD->HTML tutorial to follow up on this one, more on that later today. In the meantime these are the designs that the tutorial is on:
So anyhow enjoy the tutorial! Don't forget you can Learn more about PSDTUTS Plus here. I'll be back posting again in a few hours as I have not one, but TWO big announcements to make today!
And just in case anyone feels like discussing why we have a premium system, to save myself repeating things, just go and read this post! :-)
Update: PSD -> HTML tutorial now on NETTUTS
Quick update, we now have a tutorial taking these PSD files and building the HTML of them available at NETTUTS. Read it at: From PSD to HTML, building a Set of Web Site Designs Step by Step
If you enjoyed this post, your vote is always highly appreciated!!
Delicious
StumbleUpon
Float
Reddit
Bump This!
Comments
Leave a CommentAdd a Comment
Note: We use Gravatars on PSDTUTS, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too!
homs
April 22nd, 2008
yayyy finally some tutorial from collis
photoshop
April 22nd, 2008
first of alll Im the first to comment yeah!!!!
Next This is so cool!!
goldenthunder
April 22nd, 2008
Sweet, thanks Collis, I’ll download this and read it tomorrow! Have a great night!
al
April 22nd, 2008
nice i love this tutorial
Michael Castilla
April 22nd, 2008
Wow this convinced me to sign up! Keep up the good work guys. You keep on impressing me!
Jonathan Solichin
April 22nd, 2008
Wow, it looks good. Too bad I don’t have plus though.
Aminur Rahman [aka Tom R]
April 22nd, 2008
looks good, not a member yet but looking into it
omarterrones
April 22nd, 2008
thaaank you!!! using my plus account!!
D. Carreira
April 22nd, 2008
Me too, I’m not a member, but in a few days, I will join PLUS!
David Carreira
yokoto
April 22nd, 2008
I like that stuff!
JoJo
April 22nd, 2008
A Demo of the site would help sell this.
There are already so many wordpress themes that look good in the pix, but are terrible when in actual use.
So if you got it, flaunt it, flaunt it!
Arnaud
April 22nd, 2008
Thx for us.
Lamin Barrow
April 22nd, 2008
I would like to join the Plus program but i have no chance of joining because there is no way you can get a credit when you live in Africa. It’s very frustrating.
By the way that’s a professional looking WordPress theme got you got together Collis. It’s very creative and it look appealing plus the functionality that WordPress offers it should be on hell of a blog theme.
Ben Griffiths
April 22nd, 2008
Thats it - I’m signing up next week when I get some cash! Stupid teaser that looks too damn good
Daniel
April 22nd, 2008
sounds great, thanks.
Godonholiday
April 22nd, 2008
Great!
Joefrey Mahusay
April 22nd, 2008
Cool design.
Fodcj
April 22nd, 2008
This one looks really interesting so think I may have to sign up now… will wait and see what the second post looks like before committing though
Great tutorial idea! Keep up the good work.
skut
April 22nd, 2008
this is what im talking about, web design
Thanks im gonna sign up again
Constantin Potorac
April 22nd, 2008
Great design Collis. I was looking forward for a new tutorial from you.
Shane
April 22nd, 2008
I’m not yet a Plus member, but this is looking good. I’m especially interested in web design aspects of graphic design, so if there’s more of this to come for Plus members, it’ll sure get me more interested in joining.
1984
April 22nd, 2008
What a pity to charge know on the internet.
The tutorials are always paying or is an exception ?
Done shit! In addition I found the super, this tutorial.
William Ahouma
April 23rd, 2008
Wow so great! I really need to sign.
Hey Lamine, do u live in Senegal?
I’m in Côte d’Ivoire.
Flaunt
April 23rd, 2008
Love my Plus account, glad to give back and support the site.
Lamin Barrow
April 23rd, 2008
@william
I am from the Gambia, West Africa.
Good to see some African dudes are interested in this stuff too.
Nate
April 23rd, 2008
wooo this is going to be fun. Thanks Collis
Daniel
April 23rd, 2008
Don’t have PLUS
Can’t afford…
Daniel
@Lamin: Africa rocks
aleks
April 23rd, 2008
no creditcard, no plus…
iMike
April 23rd, 2008
damn i wish i had a credit card… maybe i can borrow my moms
Snorri3D
April 23rd, 2008
realy well done. if the tutorial will include how to connect the design to wordpress.
then i will sign up for the plus membership
this looks so good thanks alot Collins
Aminur Rahman [aka Tom R]
April 23rd, 2008
dear plus user please, input your feedback so people knows the nature and the quality of of work so we go further towards getting membership. cheers
Chris Henn
April 23rd, 2008
I wish I had plus. Oh well….. Maybe sometime in the future.
Nick
April 23rd, 2008
I’m super excited to see where you guys are going with this! Great work!
Qbrushes
April 23rd, 2008
errr i might have to join the Plus members after all…
Andrei Constantin
April 23rd, 2008
Looking forward for the PSD - XHTML/CSS tut Collis
Harry
April 24th, 2008
Awesome tut
swaggz
April 24th, 2008
Can you download the theme if you are a plus member? or is it just a tutorial?
Noc
April 24th, 2008
Hi.Thnx for this great site and tutorials..I want to be a plus member but i want to ask sth before it..i really want to learn designing in ps and converting to a wordpress or xhtml template..is this tutorial or ur future tutorials help me for that..or enough to learn the basic of it.And lastly can we modify the psd files and use in our projects.
Thnx again..
Summer
April 25th, 2008
Excelent !! Gracias por tan buenos aportes…
FlashRipper
April 25th, 2008
This is a cool theme! Tnx
insic2.0
April 25th, 2008
Very nice. im starting to learn photoshop. yey? thanks PDSTUTS!
Yaseen
April 26th, 2008
Hello, I just signed up for the month subscription after reading about this tutorial.
When will the HTML tutorial be out?
Prabhjeet Singh
April 26th, 2008
will join too
Rybaxs
April 26th, 2008
good!
Mark
April 26th, 2008
Is the Plus account $9 a month fee recurring?
Soreng
April 27th, 2008
Hi,
Is there a WP template created for this excellent piece of work?
Cheers,
Soreng
Danny
May 1st, 2008
Makes me want to get a PLUS account now… Hmmm
George Forrich
May 5th, 2008
Hi,
Is the HTML Tutorial out?
Thanks,
George Forrich
Ryan
May 12th, 2008
I am curious when the HTML companion tutorial will be coming out for this as well. Looking forward to it. Thanks for the great tutorial!
Joseph
May 18th, 2008
When will the PSD to Wordpress tutorial be posted?
I have a Plus account and am desperately in need of the second tutorial that takes us from the PSD to the Wordpress file!
patience
June 1st, 2008
Waiting on the second part of the tutorials as well!!!
****Plus membership is great****
JasonK
June 4th, 2008
Is it possible to know the name of the font you used to wrote Creative in the header? thanks in advance.
Matt O.
June 5th, 2008
Excellent theme, looking forward to the code!
iMike
June 9th, 2008
When is the psd to html tut going to come? i subscribed for plus especially to see that one…
Clint
June 10th, 2008
I echo iMike and a couple of my fellow plus members who would love any tidbit of info on when the html tut is coming out for this tutorial. It is specifically why I signed up for a plus account. Regardless this is still the best tutorial site on the web.
Josh Drake
June 20th, 2008
I really should get a plus membership…but I’m saving up to buy an iPhone.
Maybe I will later…
shanmugam
June 26th, 2008
Hello this is shanmugam from pondicherry (India), i see this tuts very useful. And also download the zip and see it, In the images folder see the one picture background_light.png i also try it my own. I create and save into png file formate that size very large (my background_light.png file size is 51.2kb). What is the reason?
And my setting is (using photoshop cs )
png-8
interlaced (ok)
selective
color - 256
diffusion
dither - 75%
matt3 -
web snap -0
image size (quality-bicubic)
What is the reason the file size high ? please send the tips how to reduce the size of figure. i waiting for your replay …….
this is my mail id shanit6@gmail.com
thank you for good work of your tuts…..