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]



Hi, do you flatten …
Hi, do you flatten the layers before slicing?
Thank you very much …
Thank you very much
@aspx101
STFU …
@aspx101
STFU script kiddie
@captainfarktard
…
@captainfarktard
Google? Front page? OHHHHHHH MYYYYYYYYYYYY GOD!!!! You’re totally crazy man! Do you think before speaking? Stop and think about what you’ve just told. Front page is the shittiest web program I’ve ever used to design webpages. Also, it’s from Microsoft, and google doesn’t normally uses microsoft apps..
@captainfarktard
…
@captainfarktard
You asshole, where’s your proof that google uses front page? Well I’d love to burst ya bubble so… Google uses a program called GWT (Google Webkit) this program allows them to code their pages in a java style language and have it rendered in pure HTML / CSS / JavaScript. Their server-side technology is a mixture of Java, Python and C. How do I know this? I flew to America to go and see one of their seminars. GO YOUR SELF CAPTINFARKTARD
Great Video! I …
Great Video! I didn’t understand anything about slicing before I watched this!!
Thank you for the …
Thank you for the tutorial. You are very good in explaining the concept. For such a 100% helpful video, I didnt understand how the 47 rating ‘Didnt like’. Hats off to your explanation. expecting more from you,. Santhosh
fantastic tutorial, …
fantastic tutorial, thanks!
I have been …
I have been following all your videos. Just wanted to let you know that I’m so grateful to you for all of them.
Judit
wow thanks a lot .. …
wow thanks a lot .. i appreciate
Thank you so much! …
Thank you so much! Excellent tutorial.
thanks for the …
thanks for the tutorial !!
@willsmidlein
…
@willsmidlein
Being a janitor does not count. You are an idiot to even argue with me.
@captainfarktard i …
@captainfarktard i call bullshit. i used to work at google. they hand code it. so fark off.
You’ve helped me a …
You’ve helped me a great number of times allready. You’re very good in this!
Thanks alot!!
5*
@x3nNoN4u
Any …
@x3nNoN4u
Any mildly retarded monkey knows that this is fake. Anyone who knows ANYTHING about making web pages knows that MICROSOFT FRONT PAGE is the best tool for making web pages. It is a little known FACT that GOOGLE uses FRONT PAGE for almost EVERYTHING THAT THEY MAKE. Go back to school before talking to me you
knit wit!!!!1eleventyELEVENTEEN!!!!11
if u can’t do it .. …
if u can’t do it .. don’t say it’s fake .. troll
thanks, been helped …
thanks, been helped with quite afew of your tutorials, much appreciated
Photoshop basics… …
Photoshop basics… Step-by-step tutorials… Visit Free-VideoTutorials.infoR (remove R)
Tx a lot man!! …
Tx a lot man!! helped me lots today!!
cya!
Totally FAKE!!!
Totally FAKE!!!
Awesome! this is a …
Awesome! this is a huge help for my new website!
You are beast man! …
You are beast man! Really thorough Videos!
dude half of what …
dude half of what your saying is true and the other incorrect man! your image explenation is average at best, because theres a lot more to images and the web, especially colours & size!
Is there any …
Is there any tutorial on how to make this hole layout for a web page? I found the navigation bar one it is very good. I can`t seem to find that one though. Thank your very much!