How do you turn a psd into a website?

jp20061 · 12-06-10, 08:24 PM

I created a website in photoshop but now I need everything seperated here's a picture of the site. If you can help please post below or Pm me

Thanks.

chigley · 12-06-10, 08:27 PM

That's the kind of job you'd pay someone to do, as it can be time consuming if you want a proper job to be done.

adammcg · 12-06-10, 08:56 PM

Export the site as a high quality png, use CSS to float text and other elements on it.

iFreeZone · 12-06-10, 09:05 PM

Something about slicing... Check out YouTube.

jp20061 · 12-06-10, 09:34 PM

Quote:

Originally Posted by adammcg

Export the site as a high quality png, use CSS to float text and other elements on it.

Do you have any sites that show tutorials on this?

adammcg · 12-06-10, 09:38 PM

Quote:

Originally Posted by jp20061

Do you have any sites that show tutorials on this?

No, that's a very vague and probably not totally accurate description of how its done. You could try looking for slicing tutorials or something similar on youtube but if you want someone to do it for you, PM Chigley and ask politely.

**xploit** · 12-06-10, 10:00 PM

Try looking at Top 10 Tutorials for Converting PSDs to HTML/CSS - Web Design Blog – DesignM.ag

It's always good to do it yourself so you learn how its done for the future

ElectroGirl · 12-06-10, 10:04 PM

Yeah, I tried to do this but ended up failing. Adding text is the hard part

Good luck, and just check YouTube for 'converting psd to html'

AshThornton · 12-06-10, 10:13 PM

You've gotta have a fair bit of experience with both HTML coding and CSS and if you're doing it from scratch there will be a lot of trial and error with trying to get the final look to be what you originally wanted.

So if you're new to all of this, which I am presuming you are hence this thread, I suggest asking or paying someone to do it for you. Or if you're planning on doing this in the future, this is a great tutorial on how to do it: From PSD to HTML, Building a Set of Website Designs Step by Step | Nettuts+

I'm actually in the process of designing a new website and building it

MegamanEXE · 13-06-10, 09:12 AM

Slice it!

12-06-10, 08:24 PM	#1
jp20061 iPod Nano 1GB Join Date: Apr 2009 Posts: 39	How do you turn a psd into a website? I created a website in photoshop but now I need everything seperated here's a picture of the site. If you can help please post below or Pm me Thanks.

12-06-10, 09:05 PM	#4
iFreeZone ______________ Join Date: May 2009 Posts: 7,958	Something about slicing... Check out YouTube. __________________ Free iPod \| Facepalm \| AppTrackr

12-06-10, 10:00 PM	#7
xploit Grass Roots SEO Join Date: Jan 2010 Location: Mid Wales Posts: 4,447	Try looking at Top 10 Tutorials for Converting PSDs to HTML/CSS - Web Design Blog – DesignM.ag It's always good to do it yourself so you learn how its done for the future __________________ Spoiler The incentive marketing sites Xpango and FreebieJeebies could help you get a Panasonic Lumix TZ20 for FREE!

12-06-10, 08:27 PM	#2
chigley Mini Mac Join Date: Sep 2006 Location: Bolton/London (home/uni.) Posts: 8,472	That's the kind of job you'd pay someone to do, as it can be time consuming if you want a proper job to be done.

12-06-10, 08:56 PM	#3
adammcg iPod 30gb Join Date: Mar 2005 Posts: 1,459	Export the site as a high quality png, use CSS to float text and other elements on it.

12-06-10, 10:04 PM	#8
ElectroGirl Mini Mac Join Date: Apr 2009 Location: Plymouth! Posts: 5,669	Yeah, I tried to do this but ended up failing. Adding text is the hard part Good luck, and just check YouTube for 'converting psd to html'

12-06-10, 10:13 PM	#9
AshThornton iPod Nano 1GB Join Date: May 2010 Location: UK Posts: 30	You've gotta have a fair bit of experience with both HTML coding and CSS and if you're doing it from scratch there will be a lot of trial and error with trying to get the final look to be what you originally wanted. So if you're new to all of this, which I am presuming you are hence this thread, I suggest asking or paying someone to do it for you. Or if you're planning on doing this in the future, this is a great tutorial on how to do it: From PSD to HTML, Building a Set of Website Designs Step by Step \| Nettuts+ I'm actually in the process of designing a new website and building it

13-06-10, 09:12 AM	#10
MegamanEXE iPod 20gb Join Date: Jul 2009 Location: Pakistan Posts: 841	Slice it!