Photoshop Tutorial 5 - Website Design, Image Slicing! (HD)

In this Adobe Photoshop graphics tutorial I will be teaching you how to slice images and use a website menu bar as an example. This tutorial is compatable with Adobe Photoshop CS1, CS2, CS3 & CS4 versions.

Difficulty Level:
Medium/Intermediate

If you have any problems or need help with any of this tutorial please leave a comment below or message me on YouTube.

Category:

Howto & Style

Tags:

• photoshop
• cs3
• cs4
• cs2
• cs1
• tutorial
• graphics
• slice
• slicing
• gfx
• menu
• bar
• gradient
• overlay
• layers
• adobe
• effect
• text
• effects
• lesson
• websites
• html
• image
• hd
• high
• definition
• quality

[outlawimmortal200707]

ok so if i did this in a div overlay on myspace. how would i get my links to work , is there a code i have to copy or sumthin any1 hu can help please message me.

[EdzJohnson]

Please send me a message with full details.

[sfrontmaker]

how do you make your video hd??

[EdzJohnson]

I think I will make a video soon about it. Ed x

[olympiana1]

ED! Please do a video where you actually put the spliced image online!

[BABURAOIU]

man ur videos give me a headache :s

zoom out a bit

[ZenCartEasyHelp]

Thanks for the great video! If you need help installing, configuring, or setting up zen cart, check out our channel for lots of Easy Help Zen Cart Tutorials:

[22penners22]

PONCE!

[TheMasamura112]

man pls answer back i have a html website i did in photoshop but it doesnt take the whole browser page i mean it doesnt fit it and it looks horrible xD what i need to do so it fits the whole site??????????????????????????­????????????? im not good at all at html or php im good at OOP coding only

[alansam6]

@Wowccraft

Once you have cut it in photoshop, you right click on the slice tool and select slice select tool. Then double click on the image that has already been cut. After that add url and thats it!

[ismardoi]

websexpert com

Webs expert is offering Web Design, Development, Graphic Design ,website design , website redesign low cast website redesign , website ,website seo on page seo website off page seo of website Logo Design, Web 2.0 ,Services ,E-commerce, Flash, Joomla, Wordpress, Drupal Content Management Systems, AJAX, Open Source Solutions ,illustrations, Brochures, SEO, Web hosting

[FRESHTUNEZZ]

This was really cool but at the end when you opened it up as html online, how can you add links to each slice so that it actually goes to your home page or contact us page instead of just being an image with words