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 Barcelona, dedicated to smart front-end techniques and design patterns.

Beautiful Examples of Vexel Artworks and Tutorials

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 in

Screenshot

Staring at the sun31

Screenshot32

Buffy: She’s like Madonna33

Screenshot34

Vexel for me35

Screenshot36

Resist

Screenshot

Jessica Redtail Color Test37

Screenshot38

and I say welcome to the show39

Screenshot40

Enchanted41

Screenshot42

Fear of the dark43

Screenshot44

The Music In You-45

Screenshot46

Where I End… and You Begin47

Screenshot48

Metaphloura49

Screenshot50

Communion51

Screenshot52

Yann Tiersen53

Screenshot54

Vexel girl55

Screenshot56

Beyonce Vexel

Screenshot

Angelina Jolie Vexel57

Screenshot58

Like a butterfly

Screenshot

Our Earthly Pleasure59

Screenshot60

As the world falls down61

Screenshot62

Zemotion

Screenshot

Sunshine

Screenshot

Ayumi63

Screenshot64

Orange Plectrum65

Screenshot66

Vexel Tutorials Link

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

Screenshot68

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

Screenshot70

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

Screenshot72

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

Screenshot74

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

Screenshot76

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

Screenshot78

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

Screenshot80

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://paulinetje25.deviantart.com/art/Staring-at-the-sun-58926201
  32. 32 http://paulinetje25.deviantart.com/art/Staring-at-the-sun-58926201
  33. 33 http://happyline.deviantart.com/art/Buffy-She-s-like-Madonna-59089581
  34. 34 http://happyline.deviantart.com/art/Buffy-She-s-like-Madonna-59089581
  35. 35 http://gilbert86.deviantart.com/art/vexel-for-me-107712372
  36. 36 http://gilbert86.deviantart.com/art/vexel-for-me-107712372
  37. 37 http://pixelledanddead.deviantart.com/art/Jessica-Redtail-Color-Test-126405507
  38. 38 http://pixelledanddead.deviantart.com/art/Jessica-Redtail-Color-Test-126405507
  39. 39 http://flavortooth.deviantart.com/art/and-I-say-welcome-to-the-show-57610868
  40. 40 http://flavortooth.deviantart.com/art/and-I-say-welcome-to-the-show-57610868
  41. 41 http://pixellorac.deviantart.com/art/Enchanted-91474844
  42. 42 http://pixellorac.deviantart.com/art/Enchanted-91474844
  43. 43 http://andersonmathias.deviantart.com/art/Fear-of-the-dark-67795462
  44. 44 http://andersonmathias.deviantart.com/art/Fear-of-the-dark-67795462
  45. 45 http://ll.deviantart.com/art/The-Music-In-You-31161924
  46. 46 http://ll.deviantart.com/art/The-Music-In-You-31161924
  47. 47 http://aegis-strife.deviantart.com/art/Where-I-End-and-You-Begin-43137463
  48. 48 http://aegis-strife.deviantart.com/art/Where-I-End-and-You-Begin-43137463
  49. 49 http://www.behance.net/Gallery/2008-Quarter-3/143760
  50. 50 http://www.behance.net/Gallery/2008-Quarter-3/143760
  51. 51 http://www.behance.net/Gallery/Temple/49835
  52. 52 http://www.behance.net/Gallery/Temple/49835
  53. 53 http://p00pstr34ks.deviantart.com/art/Yann-Tiersen-103915126
  54. 54 http://p00pstr34ks.deviantart.com/art/Yann-Tiersen-103915126
  55. 55 http://lordvenom05.deviantart.com/art/Vexel-girl-87178970
  56. 56 http://lordvenom05.deviantart.com/art/Vexel-girl-87178970
  57. 57 http://felipexavier.deviantart.com/art/Angelina-Jolie-Vexel-66211450
  58. 58 http://felipexavier.deviantart.com/art/Angelina-Jolie-Vexel-66211450
  59. 59 http://imnotdead.deviantart.com/art/Our-Earthly-Pleasure-62834891
  60. 60 http://imnotdead.deviantart.com/art/Our-Earthly-Pleasure-62834891
  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://p00pstr34ks.deviantart.com/art/Ayumi-68470576
  64. 64 http://p00pstr34ks.deviantart.com/art/Ayumi-68470576
  65. 65 http://donbenni.deviantart.com/art/Orange-Plectrum-36829575
  66. 66 http://donbenni.deviantart.com/art/Orange-Plectrum-36829575
  67. 67 http://vangellj.deviantart.com/art/Vexel-Tutorial-Hair-106130740
  68. 68 http://vangellj.deviantart.com/art/Vexel-Tutorial-Hair-106130740
  69. 69 http://psd.tutsplus.com/tutorials/drawing/create-a-complete-vexel-image-using-photoshop/
  70. 70 http://psd.tutsplus.com/tutorials/drawing/create-a-complete-vexel-image-using-photoshop/
  71. 71 http://www.yoursite.nu/tutorials.php?tut=vector
  72. 72 http://www.yoursite.nu/tutorials.php?tut=vector
  73. 73 http://jussta.deviantart.com/art/Hair-tutorial-54857813
  74. 74 http://jussta.deviantart.com/art/Hair-tutorial-54857813
  75. 75 http://verucasalt82.deviantart.com/art/Something-Red-Walkthrough-25521333
  76. 76 http://verucasalt82.deviantart.com/art/Something-Red-Walkthrough-25521333
  77. 77 http://donbenni.deviantart.com/art/Vector-Tutorial-v2-16419597
  78. 78 http://donbenni.deviantart.com/art/Vector-Tutorial-v2-16419597
  79. 79 http://ilaria84.deviantart.com/art/Vexelling-Hair-26449207
  80. 80 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 Barcelona, on October 25–26, 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.

  1. 1

    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!

    -2
  2. 2

    Nice Tutorials.

    0
  3. 3

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

    0
  4. 4

    amazing stuffs~

    0
  5. 5

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

    0
  6. 6

    Binoj Xavier

    July 3, 2009 5:07 am

    Great post ;) Thanks

    0
  7. 7

    http://www.diecastlovers.com

    July 3, 2009 5:36 am

    Great!

    0
  8. 8

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

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

    0
  10. 10

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

    Very cool!

    0
  12. 12

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

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

    0
  14. 14

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

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

    0
  16. 16

    Phoenixheart

    July 3, 2009 9:38 am

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

    0
  17. 17

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

↑ Back to top