Sunday, 28 December 2014

Homework [Inkscape]

25x25px Grid - snap rectangles and half of a circle to grid - boolean op with two circles on another rectangle for the top/bottom - union everything - add stroke or duplicate with dynamic offset - tile

Saturday, 27 December 2014


After processing the image with the Quantize script, i selected each colour and filled it with a colour from a palette.

Get saulgoode's Quantize script here.

The background was made in Inkscape with the tiled clones tool.

old Version

Poster Style

This effect uses filtered stripes for a hatching look.

Friday, 14 November 2014

Friday, 18 July 2014

3D Doodle

Extrusion made in Inkscape. Textures (MotionBlurred Noise) and colours in Gimp.
Inspired by the mighty ChrisF's tutorial.

Tuesday, 15 July 2014

The Stroke Tutorial II

This tutorial is an update of my Adding a Stroke/Border post from 2013.

Judging from my blog-statistics, people are interested in this technique, but i felt the original post was really ugly and needed an overdo.

So here it is. If you like what you see, please post a comment. Always interested in feedback !

Whenever we want to add an outline to a text, we do that by stroking a path.
The reason is quite simple: if you stroke a selection instead of a path, your result will not look smooth.
Here you can see the difference:

Stroking a path is easy:
a) convert the text into a path (option in the right click menu)
if you dont have the original textlayer anymore: Alpha select your text, then go to 'Edit → To Path'
b) a path will appear in your paths tab
c) with the path selected, you stroke the path on a new transparent layer

Now what if you want a stroke made from a gradient ?

a) Stroke the path as above.
b) Lock the alpha-channel of the stroke layer.
c) Drag your gradient over it.

And if you want your stroke to be made of a texture (an image) ?

a) open the texture as a new layer and scale it to your needs
(im using a sandtexture from here)
b) alpha select your text
c) with the textlayer active, add a layermask from selection

d) shrink the selection depending how thick you want your border
e) with the layermask active, fill the selection with black, then deselect

This technique has certain disadvantages.
If you look very closely, you will see the textlayer bleeding through at the edges.
We can fix that by alpha selecting the text, shrinking by 2px and then apply a layermask from selection to the textlayer.

Also there are no sharp corners where the selection has been shrinked.
Plus the jaggy edges inside...

Here is a different technique, that may be a better solution. 
I will use a gradient layer this time.

a) alpha select your text and save it to a channel
b) activate the quickmask (Shift + Q) and stroke the path with white (!), but at double the size you want your border to be !
So if you want your border to be 8px, stroke the mask by 16px !

c) deselect the quickmask (Shift + Q), a selection will appear
d) go to your channels tabs and choose 'Intersect with Selection'

e) fill the selection with a gradient/colour on a new transparent layer
d) alpha select the base text, shrink by 2 and apply a layermask from selection to prevent the bleed

Want the gold-gradient ? Download here !

Friday, 11 July 2014

Brushed Aluminium

This tutorial is an update of the brushed aluminium effect i posted one and a half years ago somewhere else.
The effect is very much based on the Satin, the rest is a bevel and a texture.

Tuesday, 24 June 2014

same old

Revisited my Aluminium tutorial and tried to take it one step further with filtering and colour-curves.
Doesnt work on all parts (the 'a' and 'b' look crap), but if you click on the image and open in a new tab, you can see all the detail that i really like in its full 1600x1600px glory.

Sunday, 8 June 2014

Street Glitz

Anyone remember ChrisF's Hollywood Glamour texteffect ?

Well that was fun, because i was so fascinated by Chris' excellent result that i wanted to create something similar and one of my experiments was the green glittery Phase2 text.

Last week i finally found the lost xcf on my computer and thought i could write a tutorial.
Unfortunately i cant remember how i did the glitter, which is funny because my techniques are pretty samey and predictable.

So i will present a variation of the Phase2 effect today.

Tuesday, 3 June 2014

Text with a soul

Tried to put text on a path that is not a circle, again using ofnuts 'Text along path' plug-in.
Trying to find the right values for size was a bit tedious, because it involved a lot of trial and error, but the result was worth it.

Monday, 26 May 2014

Text along a circle

There are several ways how to put text on a curved path.

One is using the build in Gimp feature of 'Text along path'.
For a description look here: Gimp Manual

An alternative is ofnuts' excellent 'Text-Along-Path' python plug-in, 
which has a ton more options.

You can find the description here: Plug-in Manual

and download it here: Download

on Windows, put it in your:
C → User → gimp-2.8 → plug-ins folder


Another good way of putting text on a path is using Inkscape.
You can edit and scale the text a lot easier than in Gimp !

PhotoAdvanced2 on Youtube has a good tutorial on that topic:

and this one, by VscorpianC is even better:

Monday, 12 May 2014

Meander, an Inkscape Tutorial

Note: this tutorial is outdated !

An updated version can be found here:

Meander were common decorative elements in ancient greek and roman art.
In this tutorial i will show you how to build your own meander pattern in Inkscape.

I also posted the tutorial on InkscapeForum, so if you are interested in reading what people thought of it, and came up with different approaches, click the red link.

Friday, 9 May 2014

Nineties Kung-Fu Buzzsawblade

Made the shapes in Inkscape by live editing tiled clones until i got this result.
Bevelled and chromed with Gimp.