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! While you're at it, check out some resources Treehouse students have shared here.

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

HTML

Posted by Kieran Lake
Kieran Lake
7,450 Points

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

Suleiman Leadbitter
Suleiman Leadbitter
15,805 Points
Suleiman Leadbitter
Suleiman Leadbitter
15,805 Points

Photoshop Etiquette is a great start :)

dxoxiifezd
dxoxiifezd
19,729 Points
dxoxiifezd
dxoxiifezd
19,729 Points

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

Kieran Lake
Kieran Lake
7,450 Points
Kieran Lake
Kieran Lake
7,450 Points

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.

Suleiman Leadbitter
Suleiman Leadbitter
15,805 Points
Suleiman Leadbitter
Suleiman Leadbitter
15,805 Points

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.

Kieran Lake
Kieran Lake
7,450 Points
Kieran Lake
Kieran Lake
7,450 Points

Brilliant. Thanks Suleiman!

That will certainly get me on my way!

Adam Fichman
Adam Fichman
9,502 Points
Adam Fichman
Adam Fichman
9,502 Points

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.