Slice and Export a Website Layout + HTML: Photoshop Tutorial!
Check this video out at Hi-Res here: www.tutvid.com Welcome to this video tutorial! We will learn how to take a Photoshop made 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, making multiple slices at one time, previewing our file in a web browser, saving individual slices as gifs or jpgs from the same …
Tags: Export, HTML, Layout, Photoshop, Slice, Tutorial, website
November 29th, 2009 at 10:21 pm
U shound like Christian Slater man!
November 29th, 2009 at 11:00 pm
I would just like to say you are one smart cookie. Thanks for all your tuts! I reckon I’m going to go donate!
November 29th, 2009 at 11:27 pm
Thank you! The best spent 21 minutes I’ve spent on a tutorial all year! Brilliant job.
November 29th, 2009 at 11:39 pm
i have a question wut size does it have to be to be the same has the web-page?
November 30th, 2009 at 12:33 am
very excellent
November 30th, 2009 at 12:39 am
fantastic, fantastic etc. Man, you rox! Than you very much!!!
November 30th, 2009 at 1:17 am
Very very excellent tutorial, I was just gonna find the slice selecting tool but I finished up watching the whole vid and Im really glad I did, thanks for this fantastic video tutorial!
November 30th, 2009 at 2:15 am
brilliant lesson
November 30th, 2009 at 2:38 am
Can i email this to a person??
November 30th, 2009 at 3:05 am
Thanks a lot for taking your time to make this tutorial. I’m sure it helped a lot of people like me
November 30th, 2009 at 3:47 am
You sound Like Ike from ‘The entity’..
November 30th, 2009 at 3:56 am
fantastic toots man…I’m using a PSD from a template and everything is fine but the colours of my slices often do not match those in the PSD. It’s quite frustrating. I’ll export slices to use on a site and it’s sometimes simple to notice my own slices because the colours of the backgrounds look different. How can I fix this? Thanks
November 30th, 2009 at 3:57 am
Thanks man you’re the best! Your tutorials are so know and do! Keep up the fantastic work!
November 30th, 2009 at 4:45 am
wonderful Thanks
November 30th, 2009 at 5:45 am
ey man thx for this upload you saved a school project of mine. You get an epic thumb up with a stout wink dude.
November 30th, 2009 at 6:34 am
briiliant video tutorial! thanks
November 30th, 2009 at 7:16 am
what confuses me is… i can design my own layout outline simple as drawing it in adobephotoshop and slicing it after, but after that, i dont know what to do anymore, adding tables where i can jot down texts, formats,colors, dont know how to use them right. *sigh*
November 30th, 2009 at 8:02 am
thanks man
November 30th, 2009 at 8:50 am
Is there a table vs. div issue in Photoshop?
November 30th, 2009 at 9:49 am
ThankYou so much for all of your Tutorials, every one of them has taught me something even things than what im particularly looking for. You are the best tut maker on youtube. Please keep it up!
November 30th, 2009 at 10:17 am
ill prob be buying a subscription soon, you are the best tut instructor ive come accross
November 30th, 2009 at 10:24 am
very helpful. thanks
November 30th, 2009 at 10:32 am
very helpful, will defo try this out!
Question:
What if I am making a site that has”
1. a login
2. search function
how would i incorporate that and code it?
thanks!
November 30th, 2009 at 10:36 am
Thank you for this tutorial, it helped me allot
November 30th, 2009 at 11:30 am
thanks, that was the best tutorial that i have seen about slicing and exporting the photoshop images to web, and very well clarified too
keep up the excellent work… 
)