Slice and Export a Website Layout + HTML: Photoshop Tutorial!
Loading...
Uploaded by tutvid on Dec 22, 2007
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
- 2,179 likes, 69 dislikes
-
Link to this comment:
Top Comments
Video Responses
All Comments (864)
-
thank u soo much
-
I learned a lot. Thank you!
-
how to download???
-
Thank you very much! Your tutorial was very clear, lovely :D!
-
@dantaz 600 and 800, so that it's sort of centered within your web browser.
-
A GOOD Clear view on Slices... Thank YOU...
-
How do I add html code to the slices once inside of dreameaver. Im very lost lol if someone has a video that would be good XD
-
Good job, I may do an updated version of with for the latest Photoshop
-
Awesome. I definitely learned a lot. Thanks!!
-
@dantaz 1280 - 720
- 3:09Adobe Touch Apps: Photoshop Philadelphiaby tutvid23,198 views
- 54:13Create an iPad 2 Vector Icon - Illustrator CS5by tutvid61,206 views
- 13:04jQuery Fade Rollover Hover Effect - Dreamweaver...by tutvid13,050 views
- 15:52Change Hair Color - Photoshop CS5 Tutorialby tutvid24,224 views
-
IceflowStudiosChannel282 videos
- 7:21Photoshop Slices & HTML / CSS Coding Tutorial P...by pfltuts37,602 views
- 5:20How To Make A Professional Website Free. [EASY!]by MiniMe23qq69,198 views
- 8:46Photoshop tutorial on dispersion effectby adamsavant998,313 views
- 5:16Dragan effectby spaccomatto357,203 views
- 3:50SECRETS of Best Photoshop Effects Tutorial : Fi...by rakeshkumar47634,302 views
- 3:30TUTORIAL - How To Create Amazing Light Effects ...by GoreShrader230,779 views
- 1:00Creating a First Web Site with Dreamweaver CS5by gian0301120,481 views
- 9:22Chrome Beveled Text Effectby monsoonami105,535 views
- 9:58How to make a website with photoshop (part 1)by grantstutorials89,882 views
- 3:01Kate Beckinsale - Dark Art Photoshopby renatofraccari1,243,905 views
- 9:373D photo ball and reflection in Photoshop - Wee...by PhotoGavin116,808 views
- 8:17Extreme Photoshop - Photo Manipulationby zecadeori127,545 views
- 2:09Adobe Photoshop CS5 - Glowing Effectby BeastlyTutorials189,316 views
- 2:00graphic randomnessby lazzuri824,514 views
- 8:41Convert Photoshop to HTML - Part 1by AnimateLogo52,270 views
Hi, i like your videos, can you tell me a good resolution for a website please? because i dont know what is normal to use, thanks :)
dantaz 5 months ago 10
@dantaz thums up for this so it will be answered
brianvdberg0 5 months ago 3