Category Archives: inkscape

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

i did nicu’s rubber stamp tutorial

i did nicu’s rubber stamp tutorial, and here was my result.

(i apoligise in advance for not thinking up some witty stamp to create…)

stamp.png

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

shattered text in inkscape

i was bored again, so i decided to play with making a shattered text effect(broken glass, smashed effect) in inkscape.

here is the result that i came up with:

shattersmall.png

tell me what you think…

if i get a good response, i will do a tutorial for how to do something like this…

EDIT:  i have now done this tutorial… you can view it here

splatter brushes for inkscape

once again, nicu has inspired me to play with inkscape, and using ”brushes” for inscape.
i found some splatterbrushes for the GIMP at deviantart,
so i decided to vectorise them with inkscape and try to use them.

here is what i ended up with:

splatterexample.png

The original brushes (for the GIMP) can be found here: http://www.deviantart.com/deviation/45042105/

Here is my SVGz file of these ”brushes” (each path is an individual brush) :http://www.box.net/shared/uiozdacf4b

For info on how to use ”brushes” in inkscape - have a look at nicu’s tutorial