: Help with editing web design in existing Photoshop file I have a PNG image which contains the header, footer, and content from an existing web site. My client wants to make a new page using

@Martha945

What is your deal with your client. Did you obligate to deliver the PSD also or HTML design only. If HTML design only, there no need for you to do that in Photoshop or any other software.

Only deliver what you agree for, that's what i call professional way to work!

Vote Up Vote Down

@Berumen635

Okay if I understood this right :


When I create an HTML mock up page, referencing their supplied PNG, without first creating a PSD file,
the client tells me that is not the professional way. They tell me I should first alter the PSD,then convert that to HTML.


What your client want is, he need the same PNG designed in PSD so he can keep this for future use. he is using you for his sake in the name of professional way of working.


I haven't used Photoshop in a long time. I need to know what exactly needs to be done to complete this work. I've already spent a lot of time on it and I'm running late.


I would suggest you here to complete the html and css work first coz you are not the guy who deal with photoshop, and let them know this thing as well.


Does anyone have any idea how I may be able to do this faster and more efficiently?


There are two way either you design this by your self, but this is can not be done.
another way is completely your luck, if the PNG is designed (Editable) in fireworks you can save this in .psd format this will solve your issue. and if the png does not contain editable data you can ask them to provide the same.(Fireworks has a special format for saving several source images in layers in the png file.)


Please tell me how to start working with Photoshop. How can I finish this work and make it perfect?


This will take a good amount of time and you are running late already so it will be your luck if the png is designed in fireworks and having editable data you may try this.
else find a tutorial on google and follow the same you can do this just ask any of us if you get into any trouble.

Vote Up Vote Down

@Murray976

Creating web sites by first creating fully designed Photoshop files is most often a complete waste of time on either the part of the designer or the developer. (I just went over this with a client of mine.)

An initial Photoshop mockup in order to solidify basic site framework and design is generally required. However, once a design has been established it is far more efficient and professional to build HTML pages directly then it is to waste time altering a PSD file to show every possible page on a web site.

My general workflow is - PSD to nail down design. Then HTML/CSS once design is approved. I only go back to the PSD if there's a new element (image/icon) which may be needed. And even then, I don't mock up an entire page to show a single new element.

There is no way anyone here can simply give you a set of steps to make your Photoshop mockups appear more professional or "better." You need to study design and the tools. High quality mockups are a direct reflection of your design sense and, at times, proficiency with the tools.

Vote Up Vote Down