Turn down the lights
Turn up the lights
Change Player Size
Watch this video in a new window

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

Check this video out at Hi-Res here: http://www.tutvid.com/tutor... Welcome to this video tutorial! We will learn how to take a Photoshop created web page layout template and slice it into individ...  
 
Customize

More From: tutvid

Import your PSD layouts into Dreamweaver!20:19
Import your PSD layouts into Dreamweaver!
300,244 views
Web Text Box and HTML: Photoshop Tutorial!33:08
Web Text Box and HTML: Photoshop Tutorial!
58,985 views
Photoshop CS3 Tutorial: Advanced Selecting Hair28:12
Photoshop CS3 Tutorial: Advanced Selecting Hair
363,406 views
Photoshop 101: Basics! Learn about the Tools Palette !!!29:34
Photoshop 101: Basics! Learn about the Tools Pa...
135,695 views
Photoshop Tutorial :: Using the Extract Filter11:24
Photoshop Tutorial :: Using the Extract Filter
488,838 views
Photoshop Tutorial Create Web icons + Navigation Bar25:43
Photoshop Tutorial Create Web icons + Navigatio...
107,046 views
Vanishing Point: Photoshop Tutorial!18:45
Vanishing Point: Photoshop Tutorial!
97,726 views
Basics of Smart Objects :: Photoshop Tutorial10:01
Basics of Smart Objects :: Photoshop Tutorial
68,401 views
ActionScript 3.0 Linking and Using Buttons: Flash Tutorial!20:25
ActionScript 3.0 Linking and Using Buttons: Fla...
152,144 views
Dreamweaver Tutorial - Create a basic Webpage Insert Content17:16
Dreamweaver Tutorial - Create a basic Webpage I...
560,896 views
Watermark your Photos FAST! :: Photoshop Tutorial12:46
Watermark your Photos FAST! :: Photoshop Tutorial
114,380 views
Creating Cool Backgrounds For Your Website with CSS7:51
Creating Cool Backgrounds For Your Website with...
62,291 views
Change Hair Color: Brunette to Blonde Photoshop CS3 Tutorial22:48
Change Hair Color: Brunette to Blonde Photoshop...
206,968 views
[CSS] Build a Simple Web Page in Dreamweaver!30:02
[CSS] Build a Simple Web Page in Dreamweaver!
135,339 views
Photoshop Tutorial All about Masking, Vector, Clipping !!21:19
Photoshop Tutorial All about Masking, Vector, C...
109,008 views
Photoshop Tutorial Professional Photo Edit12:21
Photoshop Tutorial Professional Photo Edit
91,981 views
Send Emails with a Web Form: PHP Scripting26:26
Send Emails with a Web Form: PHP Scripting
128,571 views
Photoshop Tutorial: Remove a Timestamp from a Photo!14:24
Photoshop Tutorial: Remove a Timestamp from a P...
50,643 views
Flash Tutorial: Growing Vines Flourish Animations Tutorial18:50
Flash Tutorial: Growing Vines Flourish Animatio...
18,255 views
Spry Collapsible Panel: Dreamweaver CS4 Tutorial19:32
Spry Collapsible Panel: Dreamweaver CS4 Tutorial
7,827 views
See all 203 videos
Play All Stop Autoplaying | Play Next

QuickList(0)

1
Clear | Save

Related Videos

Featured Videos

Upgrade to Flash Player 10 for improved playback performance. Upgrade Now or get more info.
966 ratings
Sign in to rate
270,838 views
Flag
close
Want to add to Favorites? Sign In or Sign Up now!
close
Want to add to Playlists? Sign In or Sign Up now!
close
Want to flag a video? Sign In or Sign Up now!

Statistics & Data

Loading...
Sign in to post a Video Response

Video Responses (4)

View All - Play All
Sign in to post a Comment

Text Comments (473)   Options

Loading...
sh4d0w4rri0r (1 day ago) Show Hide
 0
Marked as spam
i have a question wut size does it have to be to be the same has the web-page?
manley09 (2 days ago) Show Hide
 0
Marked as spam
very good
mcryhoo (3 days ago) Show Hide
 0
Marked as spam
great, fantastic etc. Man, you rox! Than you very much!!!
3wer (4 days ago) Show Hide
 0
Marked as spam
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!
vygis50 (4 days ago) Show Hide
 0
Marked as spam
brilliant lesson
TechnologicHelp (5 days ago) Show Hide
 0
Marked as spam
Can i email this to a person??
DarkAshelin (6 days ago) Show Hide
+1
Marked as spam
Thanks a lot for taking your time to make this tutorial. I'm sure it helped a lot of people like me :D
AzinFiro (1 week ago) Show Hide
 0
Marked as spam
You sound Like Ike from 'The entity'..
shisomiso (1 week ago) Show Hide
 0
Marked as spam
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
MicrosoftHQ500 (1 week ago) Show Hide
 0
Marked as spam
Thanks man you're the best! Your tutorials are so understand and do! Keep up the great work!

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.