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.

Duration : 0:5:1


[youtube vMHImaQucQA]

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

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

  2. thank you very much
    thank you very much

  3. very good!!
    very good!!

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

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

  6. THANKS YOU!!
    THANKS YOU!!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  22. outlawimmortal200707 on December 15th, 2009 at 10:25 am

    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.

  23. /watch?v= …
    /watch?v=J4MJRhXajuw

    Great web 2.0 layout :]

    Coding tutorial for site coming soon!

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

  25. xXKiMaStayzFliixX on December 15th, 2009 at 10:25 am

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

Leave a Reply