Menu Search
Jump to the content X X
The Smashing Book #5

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. new Smashing Book 5 features smart responsive design techniques and 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 Venturan5

Screenshot6

Vexel Portrait25197

Screenshot8

Hard Candy: Scarlett Johannson9

Screenshot10

robotafro11

Screenshot12

Manuel13

Screenshot14

Hypnosis15

Screenshot16

Candy17

Screenshot18

Vexel Portrait25197

Screenshot20

Daymaker21

Screenshot22

Revolution Spark23

Screenshot24

Vexel Portrait25197

Screenshot26

Avril april kwiecien27

Screenshot28

Colors, Oldie N129

Screenshot30

Thom Yorke the Android 31

Screenshot32

Jennifer Garner – in Elektra33

Screenshot34

Anjaylia Chan35

Screenshot36

Ao Dai Viet Nam37

Screenshot38

Charlize39

Screenshot40

Puff

Screenshot

Closing in41

Screenshot42

Staring at the sun43

Screenshot44

Buffy: She’s like Madonna45

Screenshot46

Vexel for me47

Screenshot48

Resist

Screenshot

Jessica Redtail Color Test49

Screenshot50

and I say welcome to the show51

Screenshot52

Enchanted53

Screenshot54

Fear of the dark55

Screenshot56

The Music In You-57

Screenshot58

Where I End… and You Begin59

Screenshot60

Metaphloura61

Screenshot62

Communion63

Screenshot64

Yann Tiersen65

Screenshot66

Vexel girl67

Screenshot68

Beyonce Vexel

Screenshot

Angelina Jolie Vexel69

Screenshot70

Like a butterfly

Screenshot

Our Earthly Pleasure71

Screenshot72

As the world falls down73

Screenshot74

Zemotion

Screenshot

Sunshine

Screenshot

Ayumi75

Screenshot76

Orange Plectrum77

Screenshot78

Vexel Tutorials Link

Vexel Tutorial – Hair79
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.

Screenshot80

Create a Complete Vexel Image Using Photoshop81
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.

Screenshot82

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

Screenshot84

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

Screenshot86

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 Walkthrough87
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.

Screenshot88

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 Tutorial89
This tutorial is going to show you how to create a vexel car using line work and coloring. You will find it very outstanding.

Screenshot90

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

Screenshot92

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

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 Oxford, on March 15—16, 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

    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

    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

    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

    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

    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

↑ Back to top