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.

Duration : 0:5:1


Technorati Tags: , , , , , , , , , , , , , , , , , , , , , , , , , ,

25 Responses to “Photoshop Tutorial 5 – Website Design, Image Slicing! (HD)”

  • beniswow says:

    Great one! :-)
    Great one! :-)

  • saddamdon says:

    awesome…
    awesome…

  • mainymou90 says:

    Thans so much, best …
    Thans so much, best turotials everrrr =]

  • barabolak says:

    thank you very much
    thank you very much

  • mixalisf1 says:

    very good!!
    very good!!

  • Kux1 says:

    thanks for …
    thanks for brilliant tutorial. This was the exactly what I was looking for, thanks again.

  • OnzaRick says:

    ace tutorial! …
    ace tutorial! helped me alott! cheers dudeeee

  • availguy says:

    THANKS YOU!!
    THANKS YOU!!

  • olympiana1 says:

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

  • abujp1993 says:

    u have to use ftp …
    u have to use ftp server search on google

    free web host, ftp then search

    and download te ftp program just search “ftp” then put all details on it of server

  • Neoytral says:

    Very nice one. :)
    Very nice one. :)

  • peppinyostepp says:

    Ed I’m tired I’m …
    Ed I’m tired I’m going to BED, I’ve been watching your videos practically all day!
    I’ve learned sooo much! Please continue…. Looking forward to a Dreamweaver video—— hint hint hint!
    :-) peace

  • DTXShooTer says:

    how do you upload …
    how do you upload those images to put on you website?

    I go to photobucket and it just allows me to pick one of the images to upload. Not the whole image itself.

  • Hug0101 says:

    Do you have Adobe …
    Do you have Adobe Photoshop Elements? Because I only have that and I was wondering whether you could do this with Adobe Photoshop Elements.

    Get back to me soon!

  • hotsjdude says:

    Thank you, that was …
    Thank you, that was very helpful.

  • Axelga2112 says:

    I like your …
    I like your photoship tutorials. They are easy to understand for noobs. :)

  • Wowccraft says:

    how do you make the …
    how do you make the seperate images into links?

  • JFangBlade says:

    Ed I got a question …
    Ed I got a question,
    I have a html website and I already got those menu slices, but I dont know how to upload my header into it.
    Can you help me please ?

  • MANGAmanRS says:

    Hey Ed I love you …
    Hey Ed I love you videos but there’s one thing that puzzles me what screen recorder do you use?

  • lysamaly says:

    Thank you for this …
    Thank you for this great video. but I don’t know how to make link from those menu bar. Lysa.

  • Tyler540 says:

    im a bit new on web …
    im a bit new on web design, but im very good at graphic design. I made my index page using this, but when i try to link the slices in Dreamweaver, it moves everything around and puts a big blue frame around the slice when i view it in a browser. Any help?

  • tanlishengnoah says:

    Can you also give …
    Can you also give us a tutorial on how to use the sliced navigation bar in an actual website.

  • EdzJohnson says:

    Please send me a …
    Please send me a message with full details.

  • outlawimmortal200707 says:

    ok so if i did this …
    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.

  • GFxCube says:

    /watch?v= …
    /watch?v=J4MJRhXajuw

    Great web 2.0 layout :]

    Coding tutorial for site coming soon!

Leave a Reply