Photoshop Tutorial Slice and Export a Website Layout + HTML

Search Tags:

Categories:

Photoshop Tutorial Slice and Export a Website Layout + HTML

Uploaded by: tutvid
Video Description:
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

Tags for this video: Adobe for Layout Optimize Optimizing Page Photoshop Site Slicing Template Training Tutorial Web Webpage Website

Find more videos in the "Education" category
See more videos uploaded by tutvid

Related Videos

Photoshop Tutorial Create Web icons + Navigation Bar	Basic HTML and CSS Tutorial. Howto make website from scratch	Photoshop Tutorial Make a Web Text Box and save for HTML!

You Suck at Photoshop #1: Distort, Warp, & Layer Effects	Photoshop Tutorial - "Aqua" Sphere Effect	Basics of Smart Objects :: Photoshop Tutorial

Share This Video:

Comments for this video: Show || Hide

Comments for this video on YouTube

How did you create ... ( 1 month ago by BBobbyy14)

How did you create a link for 16:34?

lol, maybe export ... ( 1 month ago by nextblain)

lol, maybe export it into dreamweaver and make a link to that image... hehehe

Once again, great ... ( 1 month ago by nessx007)

Once again, great video! You're a lifesaver!

Thanks! That was ... ( 1 month ago by Nellllis)

Thanks! That was great!

amazing tutorial ... ( 4 weeks ago by SaintInferno)

amazing tutorial thank you very much for it

Anyone interested ... ( 4 weeks ago by SyanideXPoison)

Anyone interested in helping design my next website message me on my Youtube account. This won't be a waste of your time I promise. I will disclose all information to you once you get in touch with me. Keep in mind. You must have a dark-style.

Wow, great content, ... ( 4 weeks ago by gdlc1983)

Wow, great content, and step by step. I personally prefer starting my websites with a template and starting form something, saves a lot of time. Personally i use the site "My crazy templates" where i can fin excellent templates ready to photoshop the details and info.

Real great info, ... ( 3 weeks ago by wp190559)

Real great info, that
´s what I always looked for.

Thanks very much ... ( 3 weeks ago by wildhalf)

Thanks very much for that tutorial. Loved it, I spent hours last night doing it the wrong way. I was wondering do you have any tutorials on how to export into a CSS/XHTML site. I know it can be done but just need to know how to do it properly. Also is there a way to export text from photoshop. Thanks again for all your great work..

Great tut. Probably ... ( 3 weeks ago by sikie180)

Great tut. Probably the best explained i have seen on the net, many thx

Wow, I've been ... ( 2 weeks ago by D3moness)

Wow, I've been doing it the terribly hard way.. Marquee Tool/Copy > New document > Paste n Save, then hand writing the html. Just wow. Many thanks for this!

Great tutorial.. ... ( 2 weeks ago by KuramaYoko10)

Great tutorial.. thanks so much, you really helped me simplify and explore more slicing!! thanks =D

so that's how it's ... ( 2 weeks ago by bbycakes081)

so that's how it's done! great, and easy to follow! thanks!

Very good tutorial, ... ( 2 weeks ago by perishingflames)

Very good tutorial, helped a lot.

I have one question ... ( 2 weeks ago by GrenadianVidz)

I have one question why does every time I place the layout in Dreamwever and edit it the slices tends to move about? Any one has an answer to this? Thanks!!!

Thanks for the help ... ( 2 weeks ago by o0MrBrown0o)

Thanks for the help but when i make the buttons and add links and all of that and they create new buttons and the old ones i delete. and then i cant get those cells away how do i do that in dreamweaver. Can you help?

Great tutorial - ... ( 2 weeks ago by BuyandSellIreland)

Great tutorial - very informative.

RE: Same question ... ( 2 weeks ago by lohrge08)

RE: Same question as posted by GrenadianVidz . . . PLZ REPLY!!

Set your border to 0 ( 2 weeks ago by Archangel663)

Set your border to 0

Thankz buddy, nice ... ( 2 weeks ago by Sayhool)

Thankz buddy, nice info abt slicing. It really helped to brush up my knowledge abt PS.

Wow, I knew there ... ( 1 week ago by byrkster)

Wow, I knew there was a way...thanks

many thanks ( 1 week ago by Ssgun1)

many thanks

Thanks! This ... ( 1 week ago by oddodd2112)

Thanks! This tutorial really helped me!

amazing tut thnx ... ( 3 days ago by vlavieren)

amazing tut thnx very much:D

Tell a friend:

AutoVideoScript

Run your own youtube sharing site

Photoshop Tutorial Slice and Export a Website Layout + HTML

URL
Embed Code