Inkscape Tutorial by heathenx: Slice Web Page Layout

This tutorial illustrates how to slice a web page layout into individual image files in Inkscape v0.45

related on another site

You can leave a response, or trackback from your own site.

21 Responses to “Inkscape Tutorial by heathenx: Slice Web Page Layout”

  1. martinamca says:

    nice one, thanks.

  2. SolidSquid1 says:

    the main advantage would be that it’s free. Also, photoshop is raster based whereas Inkscape is vector based (like Illustrator), although some people prefer raster over vector for working anyway

  3. myohmy0320 says:

    absolutely true~~

  4. PowerKeysPub says:

    Now that I’m starting to use Inkscape, tutorials such as this are very helpful. Thanks for posting.

  5. Arwym says:

    Inkscape is a vector editor. Photoshop is a bitmap/raster editor. Two very different things. Photoshop is not legally free. Inkscape, however, IS legally free.

    This Inkscape slicing method is different than Photoshop’s. You’re only dividing your layout into different images (parts) here, which you can then apply to your design however you prefer. Photoshop slices the image to then generate an HTML table that contains the slices. In few words, a “big, ugly mess”; and a BAD HTML practice.

  6. smellycatpoop says:

    Thank you very much!

    You are great at creating tutorials, clear & to the point! :)

    Thanks…

  7. josefxon says:

    inkscape is free, Photoshop costs big bucks.

  8. Reaper2794 says:

    What is the advantages with this tool against PhotoShop. I believe you can slice in PhotoShop right?

  9. macardbell says:

    thanks!

  10. DreadKnight666 says:

    Anyway, thanks for the tutorial, i guess i’ll use this rather than gimp or something else… oh well

  11. aaronfay says:

    Well done! I love inkscape more every day :)

  12. djdub82 says:

    Thanks, HeathenX. I didn’t know you could do this in Inkscape. GIMP can do it, but it’s more tedious. This process seems so much more intuitive. I can’t wait to try it. Do you know how to do the same with more complex layouts with multiple columns?

  13. Cyenow says:

    Very useful! Thanks for sharing this tutorial!

  14. missjava4ever says:

    thnx..that’s great

  15. BuckFosil9 says:

    I don’t know what you did wrong but I did the tutorial to fast and forgot to set a Fill-Color to the Rectangles on the Layer underneath the Slicelayer. Maybe it helps.

  16. BuckFosil9 says:

    Very helpful Tutorial. Thank you! Inkscape seems so easy after you descripe how things work.

  17. vijoos says:

    very nice!

  18. LabyH5 says:

    Uh. Seems like for me it’s only exporting the 100% transparent box.. . what the heck am I doing wrong?

  19. falipeti says:

    Thank you :) Nice

  20. Nemesis02 says:

    Nice tutorial, helps me a lot.

  21. felaiuki says:

    nice! i always had problems with the exported names from inkscape (specially the folder location of the file, when editing in different computers).

Leave a Reply

Powered by Yahoo! Answers