gimpusers.com logo
German version English version

Not logged in

Sign up! | Lost password?

Latest discussion

  1. gimp-user | today 01:45 AM
    Crashes in GIMP 2.6.6
  2. gimp-docs | yesterday 11:28 PM
    Can the gimp-help-2 module be maintained using Damned-Lies?
  3. gimp-user | yesterday 11:25 PM
    Error on script-fu
  4. gimp-developer | yesterday 10:55 PM
    Summary: How to submit gimp/gegl bugzilla with GIT patch
  5. gimp-docs | yesterday 10:01 PM
    Where have all my pictures gone?

External news

Poll

Did you ever buy products (books, video dvds) about GIMP?

No, never did

Yes, helped alot (please post)

Yes, helped a little bit (please post)

Yes but I was disappointed (why? please post)

See results

Stats

gimpusers.com RSS feed

RSS feed Retweet this!

12 Aug 2007 10:21 AM, by devvv (Bernhard Stockmann)

Vexel Simulation on Photos

Some of you might know this very cool effect where a person is looking somehow 'vectorized' or fragmented into vector shapes. However GIMP is not the best choice since it is not a vector-program. But I found a cool way to simulate that effect without using vector shapes. Enjoy!

This article has been written using GIMP 2.3.18. It's divided into 11 steps and takes about 25 min to complete for an average user. 125854 times read so far. Category: Photos / wallpapers, required skill: 2 of 5

7 comments have been posted so far.

Available in other languages:

Files you need if you try this tutorial:

  1. 1
    In the first step open up an image of your choice. An existing wallpaper with a celebrity will work best I think.

    If you find Rihanna looks good for this you can of course use my template (download from the right) to follow the tutorial step by step and learn the technique.
    Screenshot of step 1
    Click to enlarge
  2. 2
    If you don't use this wallpaper you probably have to extract/mask the person first. That will help the effect to look better in the end. In this case our person is already on black background. Thats good enough.

    We're preparing the effect now:

    Filter / Blur / Selective gaussian Blur: 18px.
    Delta: 30

    Tip: This kind of blur mechanism makes it possible to blur similar areas of the image without effecting the sharper edges. Thats important here to preserve the general detail of the image.
    Screenshot of step 2
    Click to enlarge
  3. 3
    We see a slight problem occuring now. When looking at her skin it has many small white dots we don't want.

    Second problem: If you look at the eyes they also have a white dot, but thats one we want!

    We're using the free selection tool now. Do a small selection around her eyes. Then do:

    Selection / Feather: 50px.
    Selection / Invert.
    Screenshot of step 3
    Click to enlarge
  4. 4
    Now we've everything selected except her eyes and we can now work on the small white dots.

    Go to Filter / Enhance / Despeckle.

    Adaptive on.
    Values: 3 / 0 / 240

    Repeat the filter by pressing CTRG+F. Now all the white dots should have gone.
    Screenshot of step 4
    Click to enlarge
  5. 5
    The selection should still be active. We need to blur very strong now to gain a good smooth curves at the end.

    Again use Filter / Blur / Selective gaussian blur. This time use these values: 15px (Radius) and 35px (Delta)

    Tip for those who use another picture: Take a close look on the smooth areas. They have to be really smooth, while the detail of eyes and lips or on this picture the detail of her earrings have to be preserved. You can achieve this by makinf free selections and feathering them as we did with the eyes before.
    Screenshot of step 5
    Click to enlarge
  6. 6
    Selection / None.

    Duplicate the layer now. The go to Color / Desaturate: Average.
    Screenshot of step 6
    Click to enlarge
  7. 7
    Colors / Posterize. You can play around with these values now. It looks usually good when using values between 8 and 15.
    Screenshot of step 7
    Click to enlarge
  8. 8
    Vector pictures are from nature very sharp and have clean edges. We can make this better in our picture by just using Filter / Enhance / Sharpen: 45px.
    Screenshot of step 8
    Click to enlarge
  9. 9
    Move the grey duplicate down in the layers dialog. Click the photo-layer to activate it and use the layer mode "Color". We're done ;)
    Screenshot of step 9
    Click to enlarge
  10. 10
    The final picture looks like this after some minimal brightness & contrast adjustments.
    Rihanna Wallpaper Vexel Art
    Click to enlarge
  11. 11
    Here's an image with Jennifer Garner which i played with, but the effect looks better on the picture with Rihanna I guess. At the picture with Jennifer it was very hard to get smooth curves and preserve detail.

    Have fun!
    Jennifer Garner Vexel Art
    Click to enlarge

This article is licensed under the following license: Attribution-Noncommercial 3.0 Austria

Comments

Post your own comments, questions or hints here. The author and other users will see your posting and can reply to it. Of course, you can also ask in the chat.

Comments are chronologically arranged.

  1. Adam_R, 13 Sep 2007 02:21 AM

    Why would you want the picture to look crappy like that? O.o

  2. devvv, 13 Sep 2007 10:07 AM

    Its just an effect that some people try to achieve! Nevertheless, using a raster-program such as gimp you can never get real vexel-results.

  3. Lav, 12 Oct 2007 06:49 AM

    Of course you can. That's what a VEXEL, vector PIXEL, is, compared to a vector.

  4. tunexz, 20 Nov 2007 10:54 AM

    i love u

  5. Maryanna, 09 Jan 2008 07:04 PM

    EIII!!!
    ME mande algumas fotos da Rihanna!!
    Okk?!
    Please!!!

  6. coche, 07 Feb 2008 05:15 PM

    Wow great tutorial, thanks

  7. sodayuth, 13 May 2008 03:58 PM

    sent how to make this style for me

Registered users can log in (top right of the page) to use their profile name to post comments, request email notification on new comments and attach images (e.g. their versions of the effect) to their postings.

Are you human?

Adobe® Photoshop® is a registered trademark of Adobe Systems, Inc. Linux is a trademark of Linus Torvalds. Ubuntu and Canonical are registered trademarks of Canonical Ltd. | Clock times are shown as CET / CEST | Imprint / Privacy policy | powered by bitfire it services