Add an acrylic image effect to photos in Inkscape

Add an acrylic image effect to photos in Inkscape

In this tutorial babayasin explains how to create an acrylic looking picture from a photo using GIMP and Inkscape with just paths, gradient fills and gaussian blur.

I wrote this turorial, because readers of my blog were interested in a technique I had to invent rather out of despair to accomplish a real life task. The technique uses a combination of raster and vector graphics. Presumably you have a very good understanding of GIMP and Inkscape features.

Here is what I had in the beginning:

Original image

So, quite a dull picture taken with a point-and-shoot camera: noon daylight, haze, boring scenery. What we need, however, is: bright and buoyant landscape with a light touch of conventionality. And we need it fast. So let's combine speed and simplicity of vector graphics with detail of raster graphics.

Import the picture to Inkscape. Carefully draw the background over the photo. For the hill use a path of fresh green color falling off to white color. Now move away the photo:

2

Boundaries of the background are slightly blurred to give the background an out-of-focus feeling. The foreground is blurred even more, because we are not going to leave it as is :)

Now it's time to add details from the original photo. Open it in GIMP and remove color by using Color > Desaturate tool. Use Curves tool to lighten the image and increase contrast. Erase details we don't need like ships on the sea and foreground object that will be covered by white color. Now it's time to add alpha channel to the layer. Go to Layer > Transparency > Color to Alpha and use white color (that's default value) to creat transprency based on white color. In Layers palette lock transparency, pick a dark green color and fill the whole layer with it. Here is what you see in the end (I'm using white background here, but in GIMP you will see checkerboard of course):

3

Why make it so difficult instead of usual colorization? I didn't really measure, but subjectively Colorize tool doesn't create a visually monotonous image, while fill over a transparent layer does.

Now place the resulted bitmap (saved to a PNG file) over our vector drawing. You don't need to try hard matching the objects: top of the hill isn't there on the drawing anyway. But it looks good enough, so leave it as is. This nonchalance rather encourages a sketchy feeling. Bottom of the image that was carelessly erased in GIMP can be overlaid with a blurred white closed path to make the drawing coquettishly unaccomplished:

4

Hey, that looks like a sunny spring day already! But the picture is somewhat monotonous. So let's make large color blotches really stand out: the pale rockslide — with blurred paths, the road — with strokes using Callygraphy pen. You don't even have to try drawing exactly over road's edges. Just do sever rough oil pastel strokes. Make the grass greener, the shadow part of the slope and the forest — darker. This all is, again, below the bitmap image.

5

You can barely go out of fingers counting vector objects. Being rough, they somehow make the picture look better than in real life. Especially if you draw light and dark callygraphic strokes over bitmap tree trunks. And you can add touch-ups to clouds in the sky:

6

Further refinements are a matter of taste and the task to accomplish. However you have to agree that the first and the last images are a far cry.

So all it takes is several easy manipulations in GIMP, and as for the vector part... Here it is:

7

Was it useful? There's more:

8 Comments

Leave a comment
  1. hoi,
    nice artwork,
    I tried it, and I think it’s rather difficult to do it
    a bit a “quick” tutorial,
    please, can you explain in detail about
    the clouds, how do you do that ?

    greetings, rik

  2. I will test, thank you.

  3. Video tutorial would be much better

  4. it’s a very beautiful tutor
    very nice work :)

  5. The picture links appear to be broken. Is that just a problem on my end?

  6. Alexandre Prokoudine 01 February 2013 at 3:01 am

    No, it was another server migration bug. Should be fixed now. Thanks for telling!

  7. It is pretty difficult to give such a perfect detailing. At first you don’t get but the tutorial provided helps you at every stage and give you the perfect detailing. It is one of the best way to learn and really enhances your creativity and thinking process!

  8. HI Alex,

    One quick question, it is not related to GImp or image correction.

    i have moved to inkscape from illustrator. but the image sharpness in ILlustrator is entirly differnt.
    What is your opinion on that?

Tell us what you think

Submit the word you see below: