Category Archives: clipart

how to crop an image with inkscape

The inkscape tutorials weblog has a great little tutorial on cropping / clipping images with inkscape. It uses a great little clipart from the open clipart library too!

http://inkscapetutorials.wordpress.com/2011/02/22/inkscape-faq-how-do-i-crop-in-inkscape/

Issue 1 of ‘Code:Free’ – an Art Magazine for FOSS artists

chrisdesign has launched a new PDF magazine entitled ‘Code:Free’ and it is loaded to the brim with awesome examples of artwork created using Free Software. As can be expected, the majority of the art was created with Inkscape and the GIMP, but there are also some nice Open Clip Art remixes thrown in to mix it up a bit. Chrisdesign also writes some tutorials (some of which i have featured on the inkscape tutorials weblog) so be sure to browse his blog.

Be sure to check it out and support the growing number of artists using FOSS to create stunning works!

Tagged , , , ,

freedesktop.org is down (means openclipart.org is down too)

 Edit: 3rd June 2007:
the wiki is now up again at the openclipart.org domain. hopefully the full website will be up very soon…
we are working on it…
:P

Edit: 20th May 2007:

Yes, Open clipart.org is still down… There were issues with freedesktop.org (who hosts the site) and the library is not up as yet. Hopefully it should be back in the next couple of days…

Just a quick note:

freedesktop.org’s servers have gone down . this means that openclipart.org is down also. the following is the topic for the freedesktop.org IRC channel #freedesktop on freenode.net -

“{www,lists,mostwebsites}.freedesktop.org is gone, needs local admin attention”

im not sure where it has gone, but i hope it comes back soon…

inkscape: pattern to path examples (coconut tree trunk and chain)

i was playing around with the pattern along path effect in inkscape (effects>generate from path>pattern along path) and here are a couple of simple examples of the workflow and results that i got from using this versatile little inkscape effect.

Example 1 – Simple Chain – (note the negative value for space between copies…)

chain.png

Example 2 – Coconut Tree Trunk
coconut.png

inkscape: create a woodgrain effect

The following tutorial is the engish version of the tutorial written by chrisdesign published by him (coco) on inkscape-forum.de. There is also a Portuguese translation of the tutorial on the inkscapebrasil forum.

This is a very quick and easy tutorial.

First, choose the calligraphy tool (draw_calligraphic.png)

The most important setting to get correct here is the ”thinning” set it to about 0.30

wood4.png

Now, draw your ”woodgrain” pattern. (make sure you only draw 1 line with the calligraphy tool to create this pattern.)

wood1.png

Now, draw a rectangle of your background colour, and duplicate the rectangle (rightclick>duplicate)
Select one of the rectangles and the woodgrain pattern, and choose path>intersection.
You should end up with one path of woodgrain and one of background colour.

wood2.png

All that is left is to play with colours and various after-effects:

wood3.png

chrisdesign has used this technique in creating his drawings of “Gibson” guitars.
(yes, these images are for real, fully drawn by chris using inkscape…)

flametop-foto.jpg

flametop-foto.jpg
Chris has also done another tutorial in this series, where he uses this same tecnique to create a brushed steel effect, so keep your eyes peeled for that one…

Links and Resources:
http://twiki.softwarelivre.org/bin/view/InkscapeBrasil/TutorialTexturaDeMadeira 

http://www.grafikdesign-chris.de/

http://www.inkscape-forum.de/ 

inkscape: how the clip function works (mini-tutorial)

Recently, Lensman posted a comment on my simple orb bubble tutorial. He was asking a question about how the clipping works in inkscape. I understand his pain, because when i started with inkscape, i was not sure how it worked either, until bulia posted his ropes and tubes tutorial.

So i decided to post this little mini-tutorial thingo to help anyone out there who wants to know.

Basically, what clipping in inkscape does, is takes the top path in a selection and clips all the paths below it (in the selection) to the shape of the top path. Confused? Let me walk you through a simple example:

  1. Draw some simple shapes.
  2. Now draw your clipping path. (mine is a pink star). And make sure this path is on top of all the other objects/paths (don’t worry about colour, after the clip this path will not be visible)
  3. Select all the paths now, and go to Object > Clip > Set. You can see the result below.

clip1.png

So how does this tie in to the orb tutorial i did before? I have done a simple example of the workflow again. (this time only the clipping part of the tutorial…)

clip2.png

and thats about it. Please tell me if this has helped you, and i try to answer any comments & questions as soon as possible.

Inkscape: awesome swirls tutorial

i stumble across this little gem of a tutorial today for doing swirls in inkscape. (curvy things, vines, whatever you wanna call them, they are all the rage at the moment)
i have been looking for a simple technique to do this sort of thing, and now i have found it!
in the past, i was creating my curves in the GIMP and then vectorising them in inkscape…
it is so much easier doing it MrTentacleguy’s way in inkscape…

creating_swirls_in_inkscape_by_mrtentacleguy.jpeg

sticker with a folded edge in inkscape…

i made a sticker (in inkscape) with a folded down edge at the top-left.
make one and stick in on your blog. all the cool kids are…

drawing1.png

shattered / smashed text tutorial

as promised, i have done up the tutorial for my smashed / shattered text effect. it is quite a simple process…
please, post links to your creations using this tutorial in the comments :P

Firstly, type your string as text.

1.png

next, i manually kerned my letters to make the spacing closer
together and a bit randomly moved up or down.

(manual kerning is done by putting the cursor after a letter,
holding down ALT and pressing an arrow key.)

2.png

now, we are going to take a wedge out of the text…
draw the wedge that you want to take out with the path tool.

3.png

now, select both the wedge and the text, and duplicate these items…
(do not deselect them after duplication)

4.png

with one copy of the text and the wedge item selected, choose
path > intersection, (this will create the wedge item from the text)
and change its colour (i changed it to magenta)

6.png

now, select the other red wedge path and the other text path
and choose path> difference. this will create a path of the text, with-
out the wedge in it, like below:

8.png

repeat this process on the black text for a number of different wedges…
and you will end up with something like this…

9.png

next, move the wedges out a bit to create the ”shattered” look…
you may need to path>inset some of the wedges to make them fit and look right…

10.png

now, combine all these seperate paths together…
press CTRL+A to select all, then choose path>combine…

11.png

next i put a ”grunge” look to the text…
there are many different ways of creating ”grunge brushes” in inkscape.
examples of how to do this can be found at these two places:
http://howto.nicubunu.ro/grungy_brushes/
http://www.redhatmagazine.com/…

here is the SVG file of the grunge i used:
http://www.box.net/shared/i70qaio1v7  

to use it, just lay it where you want on your path (in this case it is our shattered text…)
select both the grunge and the texty path, and choose path>differnce…

12.png

and here is the finished version… (SVG is here)
13.png