gimpusers.com logo
German version English version

Not logged in

Sign up! | Lost password?

Latest discussion

  1. gimp-user | today 09:49 AM
    Need help: "correcting" exposures in time-lapse imagesets
  2. gimp-developer | today 06:14 AM
    GIMP color-management spec and further discussion
  3. gimp-user | yesterday 11:13 PM
    collages in gimp?
  4. gimp-developer | yesterday 07:07 PM
    Color management (UI perspective for GIMP 2.8)
  5. gimp-user | yesterday 02:42 PM
    printing

External news

Poll

Would you like to be able to use your Google/Yahoo/MSN (OpenID) login on gimpusers, too?

Definately! I would enjoy the possibility to use my OpenID on different websites!

I don't have a special need for OpenID but I think it could be useful

Doesn't matter to me

Never, OpenID is a pain regarding privacy and personal data protection!

No. (please post a comment)

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. 131584 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. http://www.gimpusers.com/tutorials/vexel-style-from-photo.html Thu 13 Sep 2007 02:21:34 AM CEST Adam_R, 13 Sep 2007 02:21 AM

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

  2. http://www.gimpusers.com/tutorials/vexel-style-from-photo.html Thu 13 Sep 2007 10:07:19 AM CEST 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. http://www.gimpusers.com/tutorials/vexel-style-from-photo.html Fri 12 Oct 2007 06:49:59 AM CEST Lav, 12 Oct 2007 06:49 AM

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

  4. http://www.gimpusers.com/tutorials/vexel-style-from-photo.html Tue 20 Nov 2007 10:54:33 AM CET tunexz, 20 Nov 2007 10:54 AM

    i love u

  5. http://www.gimpusers.com/tutorials/vexel-style-from-photo.html Wed 09 Jan 2008 07:04:18 PM CET Maryanna, 09 Jan 2008 07:04 PM

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

  6. http://www.gimpusers.com/tutorials/vexel-style-from-photo.html Thu 07 Feb 2008 05:15:14 PM CET coche, 07 Feb 2008 05:15 PM

    Wow great tutorial, thanks

  7. http://www.gimpusers.com/tutorials/vexel-style-from-photo.html Tue 13 May 2008 03:58:49 PM CEST 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