Photoshop Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me

The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.

Go Back   Dev Shed Forums > Web Design > Photoshop Help
Reload this Page

Changing a .PSD into HTML?


Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old January 24th, 2006, 11:56 PM
stormi2ider stormi2ider is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jan 2006
Location: New York
Posts: 3 stormi2ider User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 38 m 51 sec
Reputation Power: 0
Send a message via AIM to stormi2ider Send a message via Yahoo to stormi2ider
Changing a .PSD into HTML?
How do you change a .psd file into HTML?

I'm kind of new to this, if anyone would be kind enough to assist me it would be great! Contacting me via email would be best(stormi2ider@yahoo.com). Thanks!
Reply With Quote
  #2  
Old January 25th, 2006, 08:15 AM
ran_dizolph's Avatar
ran_dizolph ran_dizolph is offline
from the lab...
Dev Shed Intermediate (1500 - 1999 posts)
  
Join Date: Nov 2004
Location: the land of wind and ghosts
Posts: 1,841 ran_dizolph User rank is Colonel (50000 - 60000 Reputation Level)ran_dizolph User rank is Colonel (50000 - 60000 Reputation Level)ran_dizolph User rank is Colonel (50000 - 60000 Reputation Level)ran_dizolph User rank is Colonel (50000 - 60000 Reputation Level)ran_dizolph User rank is Colonel (50000 - 60000 Reputation Level)ran_dizolph User rank is Colonel (50000 - 60000 Reputation Level)ran_dizolph User rank is Colonel (50000 - 60000 Reputation Level)ran_dizolph User rank is Colonel (50000 - 60000 Reputation Level)ran_dizolph User rank is Colonel (50000 - 60000 Reputation Level)ran_dizolph User rank is Colonel (50000 - 60000 Reputation Level)ran_dizolph User rank is Colonel (50000 - 60000 Reputation Level)ran_dizolph User rank is Colonel (50000 - 60000 Reputation Level) 
Time spent in forums: 3 Weeks 4 Days 37 m 13 sec
Reputation Power: 559
do you mean creating a page layout in photoshop, and then using the 'save for web' feature to create the HTML?

There are many tutorials out there about this...check out pixel2life for starters.

Hope that's what you're after.
Reply With Quote
  #3  
Old January 25th, 2006, 09:37 AM
stormi2ider stormi2ider is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jan 2006
Location: New York
Posts: 3 stormi2ider User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 38 m 51 sec
Reputation Power: 0
Send a message via AIM to stormi2ider Send a message via Yahoo to stormi2ider
um not sure... i have to slice up the .psd file into smaller pieces and then convert into an html. have any clue?
Reply With Quote
  #4  
Old January 25th, 2006, 10:06 AM
Faunus Faunus is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: May 2005
Location: Manchester, UK
Posts: 129 Faunus User rank is Sergeant (500 - 2000 Reputation Level)Faunus User rank is Sergeant (500 - 2000 Reputation Level)Faunus User rank is Sergeant (500 - 2000 Reputation Level)Faunus User rank is Sergeant (500 - 2000 Reputation Level)Faunus User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 2 Days 13 h 10 m 32 sec
Reputation Power: 15
Quote:
Originally Posted by stormi2ider
um not sure... i have to slice up the .psd file into smaller pieces and then convert into an html. have any clue?


If you want to do it that way, just use the slice tool (the icons is represented with an artists blade, shortcut is 'K' in windows), then File > Save for Web > Save > Select "Save as type" dropdown box > HTML and Images.

Et voila, you have your HTML and your images. Personally, I like using guides, and exporting images individually. The only thing is, for mass amounts of "white space", ensure that you remove the blank images from the HTML after it's been generated
Reply With Quote
  #5  
Old December 14th, 2012, 03:25 AM
sunny25m sunny25m is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Dec 2012
Location: united
Posts: 1 sunny25m User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 16 m 55 sec
Reputation Power: 0
I am also trying to convert PSD to HTML for two days. I have tried many solutions but failed. Hopefully, posting here can sort out my problem upto a greater extent.
Reply With Quote
  #6  
Old December 17th, 2012, 08:02 AM
rameezzahid rameezzahid is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Nov 2012
Location: new york
Posts: 10 rameezzahid User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 h 37 m 25 sec
Reputation Power: 0
you can do that with a little understanding of Dreamweaver and you just need to slice your psd and just using div you can make html page.
Reply With Quote
  #7  
Old December 22nd, 2012, 05:37 PM
benno32's Avatar
benno32 benno32 is offline
/*
Dev Shed Novice (500 - 999 posts) Click here for more information
 
Join Date: Mar 2007
Location: Sydney, Australia
Posts: 729 benno32 User rank is Brigadier General (60000 - 70000 Reputation Level)benno32 User rank is Brigadier General (60000 - 70000 Reputation Level)benno32 User rank is Brigadier General (60000 - 70000 Reputation Level)benno32 User rank is Brigadier General (60000 - 70000 Reputation Level)benno32 User rank is Brigadier General (60000 - 70000 Reputation Level)benno32 User rank is Brigadier General (60000 - 70000 Reputation Level)benno32 User rank is Brigadier General (60000 - 70000 Reputation Level)benno32 User rank is Brigadier General (60000 - 70000 Reputation Level)benno32 User rank is Brigadier General (60000 - 70000 Reputation Level)benno32 User rank is Brigadier General (60000 - 70000 Reputation Level)benno32 User rank is Brigadier General (60000 - 70000 Reputation Level)benno32 User rank is Brigadier General (60000 - 70000 Reputation Level)benno32 User rank is Brigadier General (60000 - 70000 Reputation Level) 
Time spent in forums: 1 Week 6 Days 23 h 17 m 15 sec
Reputation Power: 619
Photoshop's native save for web capability will work but I personally use a plug in called sitegrinder. It is much more robust than save for web, is well documented and has a free trial. This plug-in saves me about 6 hours of css/html coding per website. I don't have any interest in the company, I am just a consumer who uses it and genuinely recommend the product.
__________________
*/
Reply With Quote
  #8  
Old January 9th, 2013, 02:17 PM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Dev Shed God 30th Plane (19500 - 19999 posts)
  
Join Date: Jul 2004
Location: USA
Posts: 19,830 Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 48th Grade (Above 100000 Reputation Level) 
Time spent in forums: 6 Months 1 Day 17 h 1 m 7 sec
Reputation Power: 4192
You can use tools to generate HTML (and CSS) for you, if you don't mind shoddy markup, that is. I recommend you learn to write your own code or partner with a front-end developer to take on the task of writing the code.

Here are some videos that show some of the techniques for converting a PSD to HTML and CSS:
http://css-tricks.com/video-screenc...css-conversion/
here's another that's a little older:
http://css-tricks.com/video-screenc...up-part-1-of-3/
http://css-tricks.com/video-screenc...up-part-2-of-3/
http://css-tricks.com/video-screenc...up-part-3-of-3/
__________________
Spreading knowledge, one newbie at a time. I'm available for hire at Dynamic Site Solutions.

Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

Remember people spend most of their time on other people's sites (so don't violate web design conventions).
Reply With Quote
  #9  
Old January 17th, 2013, 02:28 PM
goodvion goodvion is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jan 2013
Posts: 1 goodvion User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 22 m 53 sec
Reputation Power: 0
Quote:
Originally Posted by Kravvitz
You can use tools to generate HTML (and CSS) for you, if you don't mind shoddy markup, that is. I recommend you learn to write your own code or partner with a front-end developer to take on the task of writing the code.

Here are some videos that show some of the techniques for converting a PSD to HTML and CSS...


Thanks for the interesting links.
Reply With Quote
  #10  
Old January 29th, 2013, 08:06 PM
jsilentkiller jsilentkiller is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jan 2013
Posts: 2 jsilentkiller User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 41 m 16 sec
Reputation Power: 0
There are many tutorials out there about this...check out pixel2life for starters.
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > Photoshop Help > Changing a .PSD into HTML?

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates



Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.

© 2003-2013 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap