Slice and Export a Website Layout + HTML: Photoshop Tutorial!

Like the movie...rate it now

Welcome to this video tutorial! We will learn how to take a Photoshop created web page layout template and slice it into individual pieces and then export it with an HTML file. We will cover user slices, layer based slices, auto slices, naming slices, assigning links to slices, alternate text for slices, creating multiple slices at one time, previewing our file in a web browser, saving individual slices as gifs or jpgs from the same document, and exporting a fully functional HTML file to go along with all of it.

Like the movie...rate it now


  1. wow. this is a really helpful tute. thankyou so much. 🙂
    I didn’t mind the ‘over explaining’. helps me piece it together in my mind better
    thaanks again!

  2. ur video is good but as every one said u explain too much its diff to understand by a beginner .felt sleepy

  3. Great vid, you you explain too much, tell us what it does then how to do it, then your tut’s will be much greater, but good effort, thank you.

  4. Very nice tutorial! Recently,I have found myself in need for a decent buttons designing software.Of course, there are some complex applications around, but I just wanted something to create and edit some simple buttons in a short amount of time.I have found Cool Button Designer and I must say that I’m not disappointed.Cool Button Designer can be used by anyone. No technical knowledge or special designing skills are required.
    Check it out, just google for “Cool Button Designer”.

  5. I’d also really like to thank you so much!! Had no clue how to slice & export from photoshop. 2 of your tutorials and 20 hrs of work later I finally have my site running. Definitely gonna watch some more on your site. THANK YOU!!!

  6. You definately know what you’re doing seems as though you’re in your element.

    That is why this is a good tutorial.

    You should give a tutorial on giving tutorials.

  7. Your tutorials have turned me into a broke 13 year old. To a 16 year old graphic and web designer thats making money while in high school. I can never thank you enough!

  8. Thanks for the Tutorial. I was wondering if you could tell us if you can create rollover effects with the buttons and is there a way to have the website fill the users browser?


  9. Thanks a lot, this was super-helpful, couldn’t find a good tutorial, but this one is tremendous, both simple and useful. Thanks again!

  10. Dear featured video rights owner/owners,

    It has come to our attention, that illegal pirated copies of software has been used in the production of this video, and we will be taking further legal action on upon this. YouTube™ will be contacted in regards to this piracy breach.


Comments are closed.