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

July 30, 2009 - 6:52 pm

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


[youtube vMHImaQucQA]

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

  1. 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

  2. Neoytral Says:

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

  3. 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

  4. 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.

  5. 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!

  6. hotsjdude Says:

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

  7. Axelga2112 Says:

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

  8. Wowccraft Says:

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

  9. 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 ?

  10. 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?

  11. 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.

  12. 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?

  13. 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.

  14. EdzJohnson Says:

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

  15. 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.

  16. GFxCube Says:

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

    Great web 2.0 layout :]

    Coding tutorial for site coming soon!

  17. bbfreebie Says:

    You can incorporate …
    You can incorporate a table into div. Just copy the HTML text (the table) and paste it. I often use both DIV and Table on the same html web document. Ed x

  18. xXKiMaStayzFliixX Says:

    makin a div how …
    makin a div how would i make the navigation work on a div

  19. EdzJohnson Says:

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

  20. sfrontmaker Says:

    how do you make …
    how do you make your video hd??

  21. benjie4444 Says:

    DAMN! I was gonna …
    ! I was gonna make a tutorial just like this XD - Nice tutorial though ;D

  22. LewisBlogger Says:

    Kool! I like theese …
    Kool! I like theese cause i need to learn!

  23. rindikristi Says:

    really nice …
    really nice tutorial man, 5/5

  24. bbfreebie Says:

    HD Is now fully …
    HD Is now fully functional! Please comment, rate and subscribe! It’s free! Ed x

  25. bbfreebie Says:

    HD is coming, it …
    HD is coming, it takes time for it to be processed! Ed x

Leave a Reply