Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Beautiful Examples of Vexel Artworks and Tutorials

Advertisement

Vexel art is a digital art that is an entirely pixel-based form of raster art that imitates the vector graphics technique, but is distinguished from normal vector graphics or raster images. “Vexel” itself is a mixture of two words ‘Vector’ and ‘Pixel’. Vexel designs are composed by using multiple layered shapes. It can be done in Photoshop, but vexel designs are not limited to only Photoshop; essentially, it can be done with any image editing software that has a good Pen Tool.

Below are some truly amazing examples of vexel artwork and also some outstanding tutorials that will help you to master the technique or at least get some understanding of how this technique can be used. Feel free to explore further works of the artists presented below. Enjoy and be inspired.

Vexel Artworks Link

Apart1

Screenshot2

COBAIN II3

Screenshot4

Rica Venturan

Screenshot

Vexel Portrait19135

Screenshot6

Hard Candy: Scarlett Johannson7

Screenshot8

robotafro9

Screenshot10

Manuel11

Screenshot12

Hypnosis

Screenshot

Candy

Screenshot

Vexel Portrait19135

Screenshot14

Daymaker15

Screenshot16

Revolution Spark17

Screenshot18

Vexel Portrait19135

Screenshot20

Avril april kwiecien21

Screenshot22

Colors, Oldie N1

Screenshot

Thom Yorke the Android 23

Screenshot24

Jennifer Garner – in Elektra25

Screenshot26

Anjaylia Chan

Screenshot

Ao Dai Viet Nam27

Screenshot28

Charlize29

Screenshot30

Puff

Screenshot

Closing in31

Screenshot32

Staring at the sun33

Screenshot34

Buffy: She’s like Madonna35

Screenshot36

Vexel for me37

Screenshot38

Resist

Screenshot

Jessica Redtail Color Test39

Screenshot40

and I say welcome to the show41

Screenshot42

Enchanted43

Screenshot44

Fear of the dark45

Screenshot46

The Music In You-47

Screenshot48

Where I End… and You Begin49

Screenshot50

Metaphloura51

Screenshot52

Communion53

Screenshot54

Yann Tiersen55

Screenshot56

Vexel girl57

Screenshot58

Beyonce Vexel

Screenshot

Angelina Jolie Vexel59

Screenshot60

Like a butterfly

Screenshot

Our Earthly Pleasure61

Screenshot62

As the world falls down63

Screenshot64

Zemotion

Screenshot

Sunshine

Screenshot

Ayumi65

Screenshot66

Orange Plectrum67

Screenshot68

Vexel Tutorials Link

Vexel Tutorial – Hair69
It’s really a fantastic tutorial, this tutorial shows you how to create beautiful hairs in vexel style step by step. Every step is thoroughly explained. Gives a really detailed hair output.

Screenshot70

Create a Complete Vexel Image Using Photoshop71
This tutorial will instruct the reader on how to take a picture and create a vexel image out of it, through Photoshop. Numerous vexel techniques are taught. You’ll learn how to use the Pen Tool, and then put it to good use to construct hundreds of shapes that will compose a full vexel image.

Screenshot72

Vexel Art in Photoshop73
This is an outstanding tutorial that covers the detailed process of converting a photo to a vexel illustration with the pen tool.

Screenshot74

Vexel Hair tutorial 75
This tutorial is focused on the process of creating a beautiful vexel hair using stroke paths and gradients.

Screenshot76

Vexel Eye Walkthrough
In this detailed tutorial you will learn how to create an eye in this style, It also shows you creating star bursts for the eye as well as how to compose the vexel shapes one group at a time.

Screenshot

Something Red Walkthrough77
This tutorial will go through how you can create the vexel portrait with complete line work and step-by-step process of coloring it in a vexel style.

Screenshot78

Vexel Start Tutorial
In this Tutorial you will start with the making of a vexel face using layer opacities, posterize, Pen Tool, layer setup, and other basic vexel techniques. This is so easy that even the starting beginner can do it.

Screenshot

Vector Tutorial79
This tutorial is going to show you how to create a vexel car using line work and coloring. You will find it very outstanding.

Screenshot80

Vexelling Hair81
A tutorial on how to make vexel hair in photoshop, it will show you some very cool techniques

Screenshot82

Footnotes Link

  1. 1 http://www.behance.net/Gallery/2008-Quarter-3/143760
  2. 2 http://www.behance.net/Gallery/2008-Quarter-3/143760
  3. 3 http://atixvector.deviantart.com/art/COBAIN-II-109099832
  4. 4 http://atixvector.deviantart.com/art/COBAIN-II-109099832
  5. 5 http://www.behance.net/Gallery/Digital-Portraits-(Vexels)/149182
  6. 6 http://www.behance.net/Gallery/Digital-Portraits-(Vexels)/149182
  7. 7 http://davidnanchin.deviantart.com/art/Hard-Candy-Scarlett-Johannson-56082763
  8. 8 http://davidnanchin.deviantart.com/art/Hard-Candy-Scarlett-Johannson-56082763
  9. 9 http://robotafro.deviantart.com/art/Natalie-Portman-79778997
  10. 10 http://robotafro.deviantart.com/art/Natalie-Portman-79778997
  11. 11 http://www.flickr.com/photos/exkarravelho/2627109796/in/pool-vexel
  12. 12 http://www.flickr.com/photos/exkarravelho/2627109796/in/pool-vexel
  13. 13 http://www.behance.net/Gallery/Digital-Portraits-(Vexels)/149182
  14. 14 http://www.behance.net/Gallery/Digital-Portraits-(Vexels)/149182
  15. 15 http://www.behance.net/Gallery/2008-Quarter-3/143760
  16. 16 http://www.behance.net/Gallery/2008-Quarter-3/143760
  17. 17 http://www.behance.net/Gallery/Vexel/92325
  18. 18 http://www.behance.net/Gallery/Vexel/92325
  19. 19 http://www.behance.net/Gallery/Digital-Portraits-(Vexels)/149182
  20. 20 http://www.behance.net/Gallery/Digital-Portraits-(Vexels)/149182
  21. 21 http://m0nobody.deviantart.com/art/avril-april-kwiecien-52096817
  22. 22 http://m0nobody.deviantart.com/art/avril-april-kwiecien-52096817
  23. 23 http://fat-jedgfx.deviantart.com/art/Thom-Yorke-the-Android-92214753
  24. 24 http://fat-jedgfx.deviantart.com/art/Thom-Yorke-the-Android-92214753
  25. 25 http://andersonmathias.deviantart.com/art/Jennifer-Garner-in-Elektra-64322219
  26. 26 http://andersonmathias.deviantart.com/art/Jennifer-Garner-in-Elektra-64322219
  27. 27 http://xnhan00.deviantart.com/art/Ao-Dai-Viet-Nam-90699926
  28. 28 http://xnhan00.deviantart.com/art/Ao-Dai-Viet-Nam-90699926
  29. 29 http://jussta.deviantart.com/art/Charlize-68356605
  30. 30 http://jussta.deviantart.com/art/Charlize-68356605
  31. 31 http://intoyourheart.deviantart.com/art/closing-in-26382227
  32. 32 http://intoyourheart.deviantart.com/art/closing-in-26382227
  33. 33 http://paulinetje25.deviantart.com/art/Staring-at-the-sun-58926201
  34. 34 http://paulinetje25.deviantart.com/art/Staring-at-the-sun-58926201
  35. 35 http://happyline.deviantart.com/art/Buffy-She-s-like-Madonna-59089581
  36. 36 http://happyline.deviantart.com/art/Buffy-She-s-like-Madonna-59089581
  37. 37 http://gilbert86.deviantart.com/art/vexel-for-me-107712372
  38. 38 http://gilbert86.deviantart.com/art/vexel-for-me-107712372
  39. 39 http://pixelledanddead.deviantart.com/art/Jessica-Redtail-Color-Test-126405507
  40. 40 http://pixelledanddead.deviantart.com/art/Jessica-Redtail-Color-Test-126405507
  41. 41 http://flavortooth.deviantart.com/art/and-I-say-welcome-to-the-show-57610868
  42. 42 http://flavortooth.deviantart.com/art/and-I-say-welcome-to-the-show-57610868
  43. 43 http://pixellorac.deviantart.com/art/Enchanted-91474844
  44. 44 http://pixellorac.deviantart.com/art/Enchanted-91474844
  45. 45 http://andersonmathias.deviantart.com/art/Fear-of-the-dark-67795462
  46. 46 http://andersonmathias.deviantart.com/art/Fear-of-the-dark-67795462
  47. 47 http://ll.deviantart.com/art/The-Music-In-You-31161924
  48. 48 http://ll.deviantart.com/art/The-Music-In-You-31161924
  49. 49 http://aegis-strife.deviantart.com/art/Where-I-End-and-You-Begin-43137463
  50. 50 http://aegis-strife.deviantart.com/art/Where-I-End-and-You-Begin-43137463
  51. 51 http://www.behance.net/Gallery/2008-Quarter-3/143760
  52. 52 http://www.behance.net/Gallery/2008-Quarter-3/143760
  53. 53 http://www.behance.net/Gallery/Temple/49835
  54. 54 http://www.behance.net/Gallery/Temple/49835
  55. 55 http://p00pstr34ks.deviantart.com/art/Yann-Tiersen-103915126
  56. 56 http://p00pstr34ks.deviantart.com/art/Yann-Tiersen-103915126
  57. 57 http://lordvenom05.deviantart.com/art/Vexel-girl-87178970
  58. 58 http://lordvenom05.deviantart.com/art/Vexel-girl-87178970
  59. 59 http://felipexavier.deviantart.com/art/Angelina-Jolie-Vexel-66211450
  60. 60 http://felipexavier.deviantart.com/art/Angelina-Jolie-Vexel-66211450
  61. 61 http://imnotdead.deviantart.com/art/Our-Earthly-Pleasure-62834891
  62. 62 http://imnotdead.deviantart.com/art/Our-Earthly-Pleasure-62834891
  63. 63 http://www.behance.net/Gallery/2008-Quarter-3/143760
  64. 64 http://www.behance.net/Gallery/2008-Quarter-3/143760
  65. 65 http://p00pstr34ks.deviantart.com/art/Ayumi-68470576
  66. 66 http://p00pstr34ks.deviantart.com/art/Ayumi-68470576
  67. 67 http://donbenni.deviantart.com/art/Orange-Plectrum-36829575
  68. 68 http://donbenni.deviantart.com/art/Orange-Plectrum-36829575
  69. 69 http://vangellj.deviantart.com/art/Vexel-Tutorial-Hair-106130740
  70. 70 http://vangellj.deviantart.com/art/Vexel-Tutorial-Hair-106130740
  71. 71 http://psd.tutsplus.com/tutorials/drawing/create-a-complete-vexel-image-using-photoshop/
  72. 72 http://psd.tutsplus.com/tutorials/drawing/create-a-complete-vexel-image-using-photoshop/
  73. 73 http://www.yoursite.nu/tutorials.php?tut=vector
  74. 74 http://www.yoursite.nu/tutorials.php?tut=vector
  75. 75 http://jussta.deviantart.com/art/Hair-tutorial-54857813
  76. 76 http://jussta.deviantart.com/art/Hair-tutorial-54857813
  77. 77 http://verucasalt82.deviantart.com/art/Something-Red-Walkthrough-25521333
  78. 78 http://verucasalt82.deviantart.com/art/Something-Red-Walkthrough-25521333
  79. 79 http://donbenni.deviantart.com/art/Vector-Tutorial-v2-16419597
  80. 80 http://donbenni.deviantart.com/art/Vector-Tutorial-v2-16419597
  81. 81 http://ilaria84.deviantart.com/art/Vexelling-Hair-26449207
  82. 82 http://ilaria84.deviantart.com/art/Vexelling-Hair-26449207
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Aquil Akhter is a web graphic designer and has been working in this field for 8 years. He also runs the blog webdesigncore.com, which focuses on free web resources and inspiration for designers and developers.

Advertisement
  1. 1

    Nice Tutorials.

    0
  2. 2

    Sorry, I just dont get it? It looks lovely and all, but not scaleable so why not use vectors?

    0
  3. 3

    amazing stuffs~

    0
  4. 4

    I also did some nice vector women artworks, check out my site :)
    rockbunch.com
    at all

    0
  5. 5

    Binoj Xavier

    July 3, 2009 5:07 am

    Great post ;) Thanks

    0
  6. 6

    http://www.diecastlovers.com

    July 3, 2009 5:36 am

    Great!

    0
  7. 7

    Joan Maresh Hansen

    July 3, 2009 5:59 am

    Beautiful Imagery. This is the kind of stuff that needs to be taught in schools so that young artists can gain skills in digital media. Art departments need of support to bring technology to young people. THANKS for SHARING your expertise!

    0
  8. 8

    the Unknown Pic is : anjaylia chan !! its written besides the picture !!! :)

    0
  9. 9

    wow, are you serious? some of this stuff is truly outstanding!! i am thoroughly amazed by all these talented artists.

    kudos on the christian bale one! ;)

    Sinoun O.

    0
  10. 10

    Very cool!

    0
  11. 11

    Jasper Kennis

    July 3, 2009 8:22 am

    Nice collection, these are good:) Their pretty much all portraits though, is there a reason for that?

    0
  12. 12

    Uh. Vector that looks like a stylized photograph. Not that hard to explain.
    Otherwise it’s just graphic made in photoshop.

    0
  13. 13

    AthenaEmily

    July 3, 2009 8:38 am

    The lady in the picture called “Candy” is Japanese pop singer Koda Kumi
    Give her some credits for her beauty….

    0
  14. 14

    “Ao Dai Viet Nam” is really beautiful. Most of the others are just the usual sexy girls and stars.

    0
  15. 15

    Phoenixheart

    July 3, 2009 9:38 am

    Wow, Áo dài from my country! That alone makes this article worth reading ;)

    0
  16. 16

    I agree with nina. Why not just use vector? These look very pretty, but if they were just straight vector, the quality would be even more amazing, plus you’d be able to scale. Very cool post though.

    0
  17. 17

    I agree with one of the posters. This is not scaleable so what is the point? Is it just because the people who do “vexel” art can’t for some reason.. use the pen tools on Illustrator? Hah.

    Also, these are all traces of images. How can you say they are artists when they TRACE over an image? There are a few in this bunch that seems to be artwork created by themselves though.. but a lot of them (the celebrity ones mainly) are allllllll traced. Come on…. same with a lot of vector “art work” out there, they are all traced over!

    Please. There is no such thing as originality anymore, but don’t call these people ARTISTS for tracing!

    -1
  18. 18

    dgfrancisco

    July 3, 2009 11:04 am

    What impresive technic nice work, thks for the tip :D

    0
  19. 19

    Superb artworks I have admired vexels for so long now, but really it is very time consuming work, I like first one apart and jennifer garner, definitely the best so far in my opinion, Loved it.

    0
  20. 20

    OMG that’s so beautiful!
    Love it :)

    0
  21. 21

    Basically: complete crap from people who can’t “draw” without a computer. The only impressive part is that you could find so many examples of bad taste.

    I thought this blog was for designers, but I guess it’s for designer wannabes…

    My eyes hurt… Unsubscribing.

    1
  22. 22

    On top of that a lot of them REALLY have the auto trace feature used on them. If you used it you can spot it right away.

    Ah well. Client buys it, then it does not matter.

    0
  23. 23

    Floris Fiedeldij Dop

    July 3, 2009 2:25 pm

    How do you guys keep knowing what I am working on and need help with ;) Excellent as usual.

    0
  24. 24

    Not a big fan of the word “vexel” for some reason but I love vector art. Some of these are very nice!

    0
  25. 25

    Áo dài Việt Nam, I love it, i love my country too.

    0
  26. 26

    Awesome… just loved all of them…
    i’d love some more tutorials…

    0
  27. 27

    these are incredible, in my opinion this is (or one of) the best posts you are created, as there is a lot of inspiration to be gained from each of the image, plus the tutorials see to be very nice, i will defenately have a try at some of the.

    i’d love to see a collection of vexel artwork on animals (i imagine a parrot would just look “smashing”)

    0
  28. 28

    Tejendra Shandilya

    July 3, 2009 7:39 pm

    will very helpful ………..amazing tutorial list

    0
  29. 29

    What is the purpose of it all? I don’t see any underlying concept that gives the “artworks” depth. Using Photoshop filters, plugins, et al is not artwork or ingenuity. I almost wondered why people do vexel art when it hit me that they cannot do vectoring.

    More and more of these articles are demonstrating what not to do when it comes to design. Unsubscribed.

    0
  30. 30

    mmh, can’t decide which one is the most misogynist…

    0
  31. 31

    I like this kind of stuff, I have tried myself to do something vexels, but still I can’t truly master it, but these tutorials will really help me a lot hopefully, really superb post.

    0
  32. 32

    I am your silent reader but in this post I can not stop myself, so commenting, really its mind blowing artworks… will definitely try it out and you should publish artworks post regularly… keep it going.

    0
  33. 33

    I was under the impression Vexel was dead, but the artwork produced really is beautiful. Looking forward to giving the tuts a go.

    0
  34. 34

    just say woooooooooooooow,really beautiful artwork

    0
  35. 35

    best da best artwork,be coooooooooooooool

    0
  36. 36

    Joseph Spurling

    July 4, 2009 5:03 am

    I’ve been a little confused recently what exactly ‘vexel’ means. I get it now and what’s more… I like it a lot!

    0
  37. 37

    Hi, keep it I like Yann Tiersen poster…

    0
  38. 38

    Not sure what is the point, vectors are good for certain purposes, bitmaps are good for others… but mixing both you get the worse of both.

    Vectors are good because its scalable, but its a pain working with vectors.
    Bitmaps are easier to work with, specially if you have a Wacom tablet, but its not so scalable.

    I think this is just a trend, actually you can get the same outcome using just vectors, or using just bitmaps.

    0
  39. 39

    Its Awesome Work

    0
  40. 40

    It looks like vector, but has all the drawbacks! WOW!

    0

↑ Back to top