Sign up now! · Forgot password?
RSS/Atom feed identi.ca Twitter

Tutorial: Vexel Simulation on Photos

Written by · Created on Aug 12, 2007, last updated over 6 years ago CC BY-NC License

Motivation

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

  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
over 5 years ago

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

jack
over 6 years ago

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

sodayuth
almost 9 years ago

sent how to make this style for me

coche
about 9 years ago

Wow great tutorial, thanks

Maryanna
over 9 years ago

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

tunexz
over 9 years ago

i love u

Lav
over 9 years ago

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

devvv member for over 10 years devvv 1464 comments
over 9 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 9 years ago

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