Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial


Building a PSD

Hello Treehousers,

I joined here mainly to get more knowledge on HTML / CCS. Now I've done that.. I wish to be able to build a PSD using these skills but think with what I've learnt.. I need a little bit more of a push in the right direction.

I've had a look at dedicated tutorials for this subject across the internet.. But haven't had any luck with any quality ones. Do you have any good resources for someone like myself?

It would even be a great help to me if you were to give me tips.. As well as possibly provide me with some "simple" PSD's to start building.

7 Answers

Photoshop Etiquette is a great start :)

Here and here, there are a great tutorials to know the basics.

If you want examples, see http://net.tutsplus.com and http://webdesign.tutsplus.com

Thanks Francisco,

I don't think you quite understand what I meant.

I mean if a designer was to send me a PSD to code to a working website.. Then I would code it accordingly using HTML / CSS.. I want more practice / tutorials to be able to do that.

Oops sorry my bad. I thought you wanted just general Photoshop advice.

Here are a fat load of general PSD to HTML links

PSDtoHTML Tutorials

1st Web Designer

Top 10 Tutorials for Converting PSDs to HTML/CSS

30 Elaborate Tutorials To Teach You PSD to HTML Conversion

There are pretty much LOADS of them online, it's just a case of filetring through the better ones. Noupe is a pretty good site so the 30 Elaborate Tutorials should be pretty decent.

Brilliant. Thanks Suleiman!

That will certainly get me on my way!

Something I like to do to practice this skill is go to theme forest and buy psd files. I then try to code them from scratch. It's a great way to see how much you really know, and it also will help you find the areas you are weak in.