Tutorial: Vexel Simulation on Photos

Motivation / Intro

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!

Tutorial details

Creative Commons License
This work by Bernhard Stockmann is licensed under the Attribution-NonCommercial 3.0 Unported terms.
Your Ad Here
  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.

  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.

  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.

  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.

  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.

  6. 6

    Selection / None.

    Duplicate the layer now. The go to Color / Desaturate: Average.

  7. 7

    Colors / Posterize. You can play around with these values now. It looks usually good when using values between 8 and 15.

  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.

  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 ;)

  10. 10

    The final picture looks like this after some minimal brightness & contrast adjustments.

  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!

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.

Subscription management

Please log in to manage your subscriptions.

*

As a registered user, you can rate articles and comments, attach files to comments, subscribe to topics and you don't need to solve CAPTCHAs anymore.

*…optional

April
3 months ago

Can you use this technique to make your skin look as if it's been covered with oil???/

jack
over 1 year ago

if you want to have smoother curves on the posterized image you have to apply a selective gaussian blur on it :D

sodayuth
over 3 years ago

sent how to make this style for me

coche
almost 4 years ago

Wow great tutorial, thanks

Maryanna
about 4 years ago

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

tunexz
about 4 years ago

i love u

Lav
over 4 years ago

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

devvv devvv member for over 5 years
over 4 years ago

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.

Adam_R
over 4 years ago

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

Welcome!


Lost password?

Not a member? Sign up!

Random tutorials | Latest tutorials

  1. Creating a simple Company Logo Creating a simple Company Logo 24
  2. How to generate realistic mass waterdrops on a surface How to generate realistic mass waterdrops on a surface 40
  3. Crazy Ions Crazy Ions 4
  4. Create the Dragan effect Create the Dragan effect 2

Latest comments

A facebook page, could be great too! (about 13 hours ago in GIMP gets closer to the community with Google+!)

bah just use 2.7.4 (or 2.7.5 on Windows) (about 16 hours ago in Last stable 2.6 release: 2.6.12 has arrived)

Hmm, would prefer Diaspora, I don't use G+ myself, but I guess it h... (about 17 hours ago in GIMP gets closer to the community with Google+!)

Poll

Is GIMP an adequate application for you to create printed graphics like flyers, advertisments etc?

Latest forum activities

Your Ad Here

facts & numbers

gimpusers.com RSS feed

48 identi.ca followers
745 Twitter followers

powered by bitfire it services