« Kanye West – Amazing (Feat. Young Jeezy) [Offical Video w/ lyrics]
‘Star Wars (John Williams Is The Man)’ medley – a cappella tribute [Closed Captioned] »

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

Check this video out at Hi-Res here: http://www.tutvid.com/tutorials/photoshop/tutorials/slicingALayout.php

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. Please enjoy and don’t forget to check out the site http://www.tutvid.com

Duration : 0:21:4


[youtube DVfxe4pqvo8]

This entry was posted on Tuesday, December 22nd, 2009 at 1:07 pm and is filed under websites. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

25 Responses to “Slice and Export a Website Layout + HTML: Photoshop Tutorial!”

  1. thanx dude!!
    thanx dude!!

  2. You just became my …
    You just became my new best friend lol!!! Thank you.

  3. Nice! Thanks! :D
    Nice! Thanks! :D

  4. YOU ROK!!
    YOU ROK!!

  5. Thanks!
    Thanks!

  6. thanks that was …
    thanks that was great!

  7. I personally use …
    I personally use TemplateDrop to get my website templates. Google it

  8. use css to make it …
    use css to make it gayer

  9. bluexon WEBSITE …
    bluexon WEBSITE with great FREE Website Templates and have the website of your dreams created by proffesionsal website designers starting at as low as 40$

  10. thanks boh myne …
    thanks boh myne still look pretty amteur, please any tips to make it betttter?

  11. PNG is better than …
    PNG is better than gif or jpeg OMG but is big size

  12. sound*
    sound*

  13. U shound like …
    U shound like Christian Slater man!

  14. DigitalDailyStore on December 22nd, 2009 at 1:07 pm

    I would just like …
    I would just like to say you are one smart cookie. Thanks for all your tuts! I think I’m going to go donate!

  15. Thank you! The …
    Thank you! The best spent 21 minutes I’ve spent on a tutorial all year! Excellent job.

  16. i have a question …
    i have a question wut size does it have to be to be the same has the web-page?

  17. very good
    very good

  18. great, fantastic …
    great, fantastic etc. Man, you rox! Than you very much!!!

  19. Very very good …
    Very very good tutorial, I was just gonna find the slice selecting tool but I ended up watching the whole vid and Im really glad I did, thanks for this great video tutorial!

  20. brilliant lesson
    brilliant lesson

  21. TechnologicHelp on December 22nd, 2009 at 1:07 pm

    Can i email this to …
    Can i email this to a person??

  22. Thanks a lot for …
    Thanks a lot for taking your time to make this tutorial. I’m sure it helped a lot of people like me :D

  23. You sound Like Ike …
    You sound Like Ike from ‘The entity’..

  24. great toots man… …
    great 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 easy to notice my own slices because the colours of the backgrounds look different. How can I fix this? Thanks

  25. Thanks man you’re …
    Thanks man you’re the best! Your tutorials are so understand and do! Keep up the great work!

Leave a Reply