how do I edit a photoshop template?

Question

I purchased a template that included both psd and html files. I ended up tweaking the template in photoshop to get it to look the way I want, but I can't figure out how to save it so I can edit the text in a html application. At first I sliced the psd and saved it along with a corresponding html file which I opened in frontpage, however everything on the page appears as images which you cannot easily add text to.

The original html included with the template was set up so the images were all saved into cells of a table and the text was editable. I don't want to use photoshop's text tool every time I want to add text or links, so what do I need to do to edit text in a standard editor?

Any tutorials or infomation explaining this would be appreciated, thanks :)

I deleted the gibberish sample text inserted in the psd file b/c I know it will save as an image and I don't want that so I only sliced image files.

The original template (html file) has a gradient background set in frontpage, then a centered table of cells made up of the various sliced photoshop images (not as background files). Is this how I have to do it - manually create a table and insert each image into cells where they should be located?

Answer 1

When you slice the template, you have to use save for web.. This will also null the original HTML, because it's coded specifically for the way you bought it as. When you save for web, it will give you a folder of all of the images and an index.html with the basic outline of code to line up all the pictures. From there, you have to perfect the code.. which can be extremely hard if you don't know what you're doing.

Answer 2

ask the person(s) you bought the template from, They will tell you the best method for modifying the template... they are aware that end users (you) will be modifying the text and this is not uncommon. the template is now yours to do with what u want. (except resale) so they should be able to help you, after all it was designed by them.

that aside, once you do editing in Photoshop, you can not *extract* the text from the HTML page... its comes as an image and you cannot edit it. so the two routes you can take are, a) continue editing the page in photoshop with your different texts, b) remove the text from photoshop, and add it from html (use the photoshop image as background for the html tag - TD??, then place ur text *on top* of the image)

Answer 3

You have sliced up the wrong parts.

HTML is the text part of the template, and the graphics are separate. Make changes to the HTML version using something such as Front Page (or even MS Word) and save as HTML.

Then edit the images as required for your new layout.

Answer 4

the html is the page structure. the psd files are the images that are used as the background. To edit text on top of images, they need to be backgrounds, not content images.