From PSD to HTML - Site Build over at NETTUTS
In Interface by Collis
As many of you will remember some weeks ago we posted a PLUS members tutorial here called Designing a Family of Websites and promised an upcoming PSD->HTML tutorial on it. Well I'm happy to say, that after a 10 hour marathon, the tutorial is ready!
From PSDTUTS to NETTUTS
The tutorial called From PSD to HTML - Building a Set of Website Designs Step by Step is the longest tutorial we've published over at NETTUTS and in my completely biased opinion (I wrote it) is pretty good!
You can of course still get access to the PSD part of the tutorial which comes with 4 layered Photoshop files as well as a tutorial on designing websites via our PSDTUTS Plus membership. But even without the tutorial will still make sense and you can follow it from beginning to end with no issues.
This is actually our second cross over tutorial, the first one being a much simpler site build. You can start the trail on that one by reading Create a Sleek High-End Web Design from Scratch.
For my next trick I'm planning a tutorial that spans VECTORTUTS, PSDTUTS & NETTUTS ... though who knows how long that one will take me! :-)
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!
godonholiday
June 19th, 2008
great work!! get some sleep!
Sean C.
June 19th, 2008
EXCELLENT!!
Qbrushes
June 19th, 2008
checking it out now
Ben Griffiths
June 20th, 2008
This article looks great, gonna have a thorough read tonite
Callum Martin
June 20th, 2008
I was waiting for this!! Thanks so much!
Nate
June 20th, 2008
Dude, this is sweet. LOL I sound like a surfer.
Lamin Barrow
June 20th, 2008
Thanks.
MONSTER
June 20th, 2008
Great! I will check it out.
D. Carreira
June 20th, 2008
Thanks Collis!
David Carreira
FrankCrank
June 20th, 2008
crazyhunk
June 20th, 2008
:))
thanx
Wouter
June 20th, 2008
thank you (k)
Shivanand Sharma
June 20th, 2008
Great Stuff. I knew how difficult it could be to write, edit, review, add pics.. etc and then finally publish a post. And I realized it only after I did one myself.
The tutorial is great and exactly the kind I was looking for. Could you write a post of the phases of website design? Perhaps like creating a comp then… and finally testing and release. How does it all work in the business?
Many thanks for this post.
Regards
Shivanand Sharma
June 20th, 2008
Sorry for a second one… but I think it would work better if split in 2-3 posts. I too have flagged it for a full read tonite. Not the one you can rush through.
Ariful Alam Khan
June 20th, 2008
It should be great as usual. Let me check out
ZaFaR
June 20th, 2008
I was waiting for this!! Thanks so much!
lll
June 20th, 2008
i dont like the lastest tutorials… those are bored!
goldenthunder
June 20th, 2008
sweet - can’t wait to take a look at it!
Danny
June 20th, 2008
Awesome looking forward to the read!
Mark
June 20th, 2008
Nice work. Looking forward to getting enough time to read through it all!
Ali
June 20th, 2008
Great! I actually liked the final result of it, looked fairly nice, Im truley going to be getting Premium membership, this tutorial site by far is much better then the rest :], I just hope to see more advanced tutorials..
Joefrey Mahusay
June 20th, 2008
Simple and clean design. Awesome as always!
Andrei Constantin
June 20th, 2008
I was expected to see your technique of cutting the layout, was interesting to see that covered.
skut
June 21st, 2008
@ andrei
yeah me too
thanks for great tutorials
Web Designer
June 21st, 2008
I hope i can see the tutorials..
Stefan
June 23rd, 2008
Thanks!!
Braden Keith
June 24th, 2008
I went through this and it was awesome. Thanks, very helpful I”ve been wondering about this for a while.
Paul
August 7th, 2008
Another great little snippet from the above link -
http://www.wpdfd.com/editorial/basics/mypage9.html
Helps understand positioning very well, hope you dont mind Collis, I think that this tutorial and these links go very well together.
If its not allowed, please feel free to delete.
Bryan Grajales
August 18th, 2008
OMG THATS BEUTIFUL, I WISH THERES A TUTORIAL WITHOUT SIGNING UP!!
Bryan Grajales
August 18th, 2008
Ohh and We’re still waiting for your tutorial that spans VECTORTUTS, PSDTUTS & NETTUTS …
I think its enough No?
Just tell us when it is going to be posted!
Ohh and i just want you to make sure that people wont be interested to see it if you need to pay to see a tutorial!
That makes the site looks MmM…