I have an image and its source in photoshop and Adobe illustrator format.

I know some programing, PHP, HTML. But I have never created a simple webpage using an image or adobe products.

I'm also overwhelmed by the amount to blogs, websites and video available there. I want you guys to give me pointers where I can find the latest resources to learn this.

I want to be able to insert an email form into the image make little changes.

Give me some pointer to get me going.

  • "I want to be able to insert an email form into the image make little changes." what you want to do?? show us your image this would be easy to help,and easy to figure out that what is to be sliced and whats is not..
    – Jack
    Aug 29, 2011 at 7:06
  • you have an image or psd file?
    – Jack
    Aug 29, 2011 at 7:17
  • I have both image as well as psd, but for a simple banner images, it has tons of layers.
    – Nikhil
    Aug 29, 2011 at 9:59
  • so you can slice your layers as well,the layer which you dont want to appear in your banner unchek them,and if still not getting this upload your psd i'll do it for you ;)
    – Jack
    Aug 29, 2011 at 11:25
  • Thank you Jack very much for offering to do it, but I wanted to learn this and your links are pretty nice. I got around to do things, I want, but its very crappy.
    – Nikhil
    Aug 30, 2011 at 5:19

1 Answer 1


As you already know programming, all you have to slice image parts to use in your design,

so i am considering this question as how to slice images for your web project

If you have Psd you can slice your design to get your work page.

with the help of photoshop:

open your image/psd in photoshop

Select the element which you want to use in your project

And slice with the help of slice tool a point to point tutorial listed below

There are several example of showing how to convert psd to html ( You can learn how they slice and use different part of design ).

In above link there are types of complete method of creating webpage form PSD/image do follow the same to get going.

A very good answer of similar question : Method of slicing Photoshop document

Hope this will help, and sorry if its vague :|

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.