Inkscape Tutorial by heathenx: Slice Web Page Layout Tagged on: heathenx, Inkscape, Layout, Page, Slice, Tutorial By SchoolofWeb.org | September 12, 2010 | Third Party Videos | 21 Comments | ← C#, ASP.NET, Winforms Developer Create a Downloadable file → 21 thoughts on “Inkscape Tutorial by heathenx: Slice Web Page Layout” martinamca September 12, 2010 at 7:18 am nice one, thanks. SolidSquid1 September 12, 2010 at 7:47 am 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 myohmy0320 September 12, 2010 at 7:59 am absolutely true~~ PowerKeysPub September 12, 2010 at 8:29 am Now that I’m starting to use Inkscape, tutorials such as this are very helpful. Thanks for posting. Arwym September 12, 2010 at 9:06 am 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. smellycatpoop September 12, 2010 at 9:19 am Thank you very much! You are great at creating tutorials, clear & to the point! 🙂 Thanks… josefxon September 12, 2010 at 9:52 am inkscape is free, Photoshop costs big bucks. Reaper2794 September 12, 2010 at 10:26 am What is the advantages with this tool against PhotoShop. I believe you can slice in PhotoShop right? macardbell September 12, 2010 at 10:33 am thanks! DreadKnight666 September 12, 2010 at 11:05 am Anyway, thanks for the tutorial, i guess i’ll use this rather than gimp or something else… oh well aaronfay September 12, 2010 at 11:16 am Well done! I love inkscape more every day 🙂 djdub82 September 12, 2010 at 12:16 pm 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? Cyenow September 12, 2010 at 12:31 pm Very useful! Thanks for sharing this tutorial! missjava4ever September 12, 2010 at 12:33 pm thnx..that’s great BuckFosil9 September 12, 2010 at 12:49 pm 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. BuckFosil9 September 12, 2010 at 1:25 pm Very helpful Tutorial. Thank you! Inkscape seems so easy after you descripe how things work. vijoos September 12, 2010 at 2:03 pm very nice! LabyH5 September 12, 2010 at 2:59 pm Uh. Seems like for me it’s only exporting the 100% transparent box.. . what the heck am I doing wrong? falipeti September 12, 2010 at 3:05 pm Thank you 🙂 Nice Nemesis02 September 12, 2010 at 3:56 pm Nice tutorial, helps me a lot. felaiuki September 12, 2010 at 4:16 pm 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 Cancel replyYou must be logged in to post a comment.