Clipping webpage parts

Post questions on how to use or achieve an effect in Inkscape.
fmmarzoa
Posts: 25
Joined: Fri Apr 13, 2012 2:54 am

Clipping webpage parts

Postby fmmarzoa » Fri Apr 20, 2012 8:02 pm

Hi,

As I told before, I have experience on The Gimp, and I was using it to design webpages, but for several reasons I think a vectorial drawing application like Inkscape has many advantages.

Well, at this time I have been able to learn enough to design my firsts webpages with Inkscape -many thanks to the guys of this forum, that have helped me a lot- but for the final clipping of web page parts I always end exporting my work to one or more PNG files and using The Gimp.

I rather like to make the clip directly from Inkscape, but I have found some difficulties to do it.

With The Gimp, I used to divide the page in several rectangular areas using guides, then I just use the selection tool to mark the area that I want to clip, hide/show layers as needed, copy the selection and paste it as a new file.

In inkscape selection seems to be done by objects, so you can select multiple objects to be saved, but you cannot select a rectangular area instead, with partial objects inside it. Or at least, I do not find the way to do it.

Is there a way to do this?

Or perhaps I just need to change the procedure, and not just the application... so, how do you clip your webparts when using Inkscape for web design?

Thanks a lot in advance,

User avatar
heathenx
Posts: 388
Joined: Thu Jun 07, 2007 11:51 pm
Location: USA
Contact:

Re: Clipping webpage parts

Postby heathenx » Fri Apr 20, 2012 9:08 pm

The video is quite dated by now but the concept is the same.

http://screencasters.heathenx.org/episode-016/

Also, I noticed the latest development version r11265 lets you slice with guides using the guillotine extension.

fmmarzoa
Posts: 25
Joined: Fri Apr 13, 2012 2:54 am

Re: Clipping webpage parts

Postby fmmarzoa » Fri Apr 20, 2012 10:02 pm

Hi,

Thank you, I have seen that movie and i have now it pretty clear. Also I have seen that in my version there is a pre-installed slider extension that may help to do it even easier, saving all slices at once.

I will give it a try very soon.

Thank you again.

User avatar
heathenx
Posts: 388
Joined: Thu Jun 07, 2007 11:51 pm
Location: USA
Contact:

Re: Clipping webpage parts

Postby heathenx » Fri Apr 20, 2012 10:31 pm

Yes, there is an alternative web slicer extension in r0.48. It seems to work just fine even though it throws up an error. It will even piece your slices together with html+css for viewing. The concept is pretty much the same though. You will place slicer images on a web slicer layer and the script exports all of them out at once.

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Clipping webpage parts

Postby brynn » Sat Apr 21, 2012 7:44 am

I replied in another topic of yours, but you can find some extensions that may not be available in your Inkscape version, here: http://wiki.inkscape.org/wiki/index.php ... Repository. I'm not sure which are the ones being discussed here, but there are 2 or 3 that sound like they might work.

fmmarzoa
Posts: 25
Joined: Fri Apr 13, 2012 2:54 am

Re: Clipping webpage parts

Postby fmmarzoa » Mon Apr 23, 2012 3:02 am

heathenx wrote:Yes, there is an alternative web slicer extension in r0.48. It seems to work just fine even though it throws up an error. It will even piece your slices together with html+css for viewing. The concept is pretty much the same though. You will place slicer images on a web slicer layer and the script exports all of them out at once.


Unfortunatly it did not work for me, so I splitted it manually. It is a bit harder, because you need to made your clipping rectangles transparent before and so, but it works anyway.

One thing a bit annoying that I have found with this method anyway is that sometimes the resolution for the exporting PNG does not match the one for the clipping rectangle, while proportions does. It seems to occur randonmly sometimes, so I do not know why nor when neither... but it happens.

A minor problem, anyway.

fmmarzoa
Posts: 25
Joined: Fri Apr 13, 2012 2:54 am

Re: Clipping webpage parts

Postby fmmarzoa » Mon Apr 23, 2012 3:05 am

brynn wrote:I replied in another topic of yours, but you can find some extensions that may not be available in your Inkscape version, here: http://wiki.inkscape.org/wiki/index.php ... Repository. I'm not sure which are the ones being discussed here, but there are 2 or 3 that sound like they might work.


I will take a look on those ASAP, thanks a lot.


Return to “Help with using Inkscape”