Smashing Magazine - we smash you with the information that will make your life easier. really.
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.
[Offtopic: by the way, did you already get your copy of the brand new Smashing Book?]
Vexel Artworks
Hard Candy: Scarlett Johannson
Vexel Tutorials
Vexel Tutorial – Hair
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.
Create a Complete Vexel Image Using Photoshop
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.
Vexel Art in Photoshop
This is an outstanding tutorial that covers the detailed process of converting a photo to a vexel illustration with the pen tool.
Vexel Hair tutorial
This tutorial is focused on the process of creating a beautiful vexel hair using stroke paths and gradients.
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.
Something Red Walkthrough
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.
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.
Vector Tutorial
This tutorial is going to show you how to create a vexel car using line work and coloring. You will find it very outstanding.
Vexelling Hair
A tutorial on how to make vexel hair in photoshop, it will show you some very cool techniques
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.
- 76 Comments
- 1
- 2
July 3rd, 2009 4:22 amSorry, I just dont get it? It looks lovely and all, but not scaleable so why not use vectors?
- 3
July 3rd, 2009 4:52 amamazing stuffs~
- 4
July 3rd, 2009 4:59 amI also did some nice vector women artworks, check out my site :)
rockbunch.com
at all - 5
July 3rd, 2009 5:07 amGreat post ;) Thanks
- 6
July 3rd, 2009 5:36 amGreat!
- 7
July 3rd, 2009 5:59 amBeautiful 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!
- 8
July 3rd, 2009 6:47 amthe Unknown Pic is : anjaylia chan !! its written besides the picture !!! :)
- 9
July 3rd, 2009 7:09 amwow, 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.
- 10
July 3rd, 2009 8:00 amVery cool!
- 11
July 3rd, 2009 8:22 amNice collection, these are good:) Their pretty much all portraits though, is there a reason for that?
- 12
July 3rd, 2009 8:23 amUh. Vector that looks like a stylized photograph. Not that hard to explain.
Otherwise it’s just graphic made in photoshop. - 13
July 3rd, 2009 8:38 amThe lady in the picture called “Candy” is Japanese pop singer Koda Kumi
Give her some credits for her beauty…. - 14
July 3rd, 2009 9:25 am“Ao Dai Viet Nam” is really beautiful. Most of the others are just the usual sexy girls and stars.
- 15
July 3rd, 2009 9:38 amWow, Áo dài from my country! That alone makes this article worth reading ;)
- 16
July 3rd, 2009 10:36 amI 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.
- 17
July 3rd, 2009 10:37 amI 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!
- 18
July 3rd, 2009 11:04 amWhat impresive technic nice work, thks for the tip :D
- 19
July 3rd, 2009 11:37 amSuperb 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.
- 20
July 3rd, 2009 12:08 pmOMG that’s so beautiful!
Love it :) - 21
July 3rd, 2009 12:43 pmBasically: 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.
- 22
July 3rd, 2009 12:47 pmOn 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.
- 23
July 3rd, 2009 2:25 pmHow do you guys keep knowing what I am working on and need help with ;) Excellent as usual.
- 24
July 3rd, 2009 2:42 pmNot a big fan of the word “vexel” for some reason but I love vector art. Some of these are very nice!
- 25
July 3rd, 2009 5:38 pmÁo dài Việt Nam, I love it, i love my country too.
- 26
July 3rd, 2009 6:04 pmAwesome… just loved all of them…
i’d love some more tutorials… - 27
July 3rd, 2009 7:08 pmthese 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”)
- 28
July 3rd, 2009 7:39 pmwill very helpful ………..amazing tutorial list
- 29
July 3rd, 2009 8:19 pmWhat 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.
- 30
July 3rd, 2009 10:38 pmmmh, can’t decide which one is the most misogynist…
- 31
July 4th, 2009 12:12 amI 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.
- 32
July 4th, 2009 12:34 amI 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.
- 33
July 4th, 2009 2:16 amI was under the impression Vexel was dead, but the artwork produced really is beautiful. Looking forward to giving the tuts a go.
- 34
July 4th, 2009 3:36 amjust say woooooooooooooow,really beautiful artwork
- 35
July 4th, 2009 3:41 ambest da best artwork,be coooooooooooooool
- 36
July 4th, 2009 5:03 amI’ve been a little confused recently what exactly ‘vexel’ means. I get it now and what’s more… I like it a lot!
- 37
July 4th, 2009 5:24 amHi, keep it I like Yann Tiersen poster…
- 38
July 4th, 2009 11:14 amNot 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.
- 39
July 4th, 2009 2:31 pmIts Awesome Work
- 40
July 4th, 2009 6:34 pmIt looks like vector, but has all the drawbacks! WOW!
- 41
July 4th, 2009 7:15 pmugly
- 42
July 5th, 2009 6:39 amVexel art is pointless. And most of these appear to be trace-overs. I thought Smashing was for professionals, not playing artist with a pirated copy of PS.
- 43
July 5th, 2009 7:15 amMind blowing! fantastic!
Truly Art Lover - 44
July 5th, 2009 9:26 amthis stuff is colourful, but hardly could be named art…
some experimentation are nice and it’s interesting to explore boundaries between vector and raster graphics. Vexel is a technique to be learned and lately forgotten, just to be kept in mind as a tool and not a scope in itself.
In the end 90% of what’s shown here are expressions of a new form of craftmaship…like airbrush was in the 80es…a bit repetitive in the end…
anyway…Compliments on the patience of all this guys! - 45
July 5th, 2009 9:23 pmVery nice :)
I like most of them - 46
July 5th, 2009 11:21 pmI love Cobain , I love his sound. and I love these artworks too.
- 47
July 5th, 2009 11:49 pmYou wouldn’t spend hours in Illustrator drawing little squares to make a raster image. Why not just make real vectors?
- 48
July 6th, 2009 12:20 amThese are really nice. I’ll definatly be looking at the tutorials.
- 49
July 6th, 2009 12:35 amWhy is the subject matter of vexel art seemingly limited to pop culture foolishness?
- 50
July 6th, 2009 12:57 amEveryone that can’t see what this is, face it!
It’s art, whether you like it or not. We all have different tastes in art, something I think you ‘designers’ (as you pitifully call yourselves) seem to have a problem comprehending.
There is art out there that I completely hate. You know the kind. Someone throws a couple of red blobs on a wall and hey presto – art you’ll see in a gallery for years to come! But hang on, my unborn child could have done better and it’s not even out yet. But still, I have to accept it’s art.
This comment is aimed at the children that will read this and then litter the comments (just like I’m doing here) with pointless crap. If your not interested, don’t look at it! If you really want to unsubscribe then DO IT! But please stop coming back and reading future posts!
I think this work is great. I could find copies of the photographs easily on the internet or in magazines. But to see this kind of art – someone had to have created it. Both the taking of the photo and the final drawing reflect a good image of the person/s portrayed.
Great post, keep up the variety.
- 51
July 6th, 2009 4:39 amThere’s a lot of misconceptions in some of the comments I’ve read.
Why not vector? Most vexel artists don’t create vexels for the purpose of selling them, but simply because it’s a hobby, something you enjoy to do. So resizing is not necessarily a problem. Also vexels allow you to include raster elements that you wouldn’t be allowed to use in vectors.
Every vexel is a trace? I beg to differ. Surely there are still a lot of people that follow a reference picture too closely, to the point where it’s almost impossible to see it’s not a photo. (Still, kudos to them for having the patience and will power to MANUALLY and INDIVIDUALLY draw hundreds if not thousands of shapes!) Yet, a lot of people use reference pictures as just that: references. They don’t recreate the image, but they use it as a guide, they add their own vision to it, add elements, change stuff around. I wish I could post links here to give you an idea of what I’m talking about.
Just my two cents. Art is art. :) As long as you enjoy what you do, no one else should have the right to knock what you’re doing.
- 52
July 6th, 2009 6:30 amCool post. I think vexel art is a cool digital expression. Thanks for the post.
- 53
July 6th, 2009 7:11 amIt’s a cool technique but should be viewed primarily as a photo filter in my opinion. That said, I think some of the commentators who are blasting this post for being aimed at “wannabes with pirated copies of PS” and unprofessional hacks, etc. need to relax. I think anything that allows people to express themselves creatively is a good thing, even if its a simple Photoshop trick. Unless someone is trying to pass it off as an original painting, who cares? Who are you to decide what is worthy as ‘art’ or ‘creativity’? And if it threatens you that much, I’d say you probably don’t have much faith in your own art and creativity.
- 54
July 6th, 2009 8:43 amI agree with the above about ‘why not just use vectors?’. I also agree about the tracing.. it’s.
Another thing is that these all have the same look.. there is barely any variety.. I’m so bored after looking at 6 of these…The one bright point is the before/after with the hair… finally something original.. using this (or simply a vector) technique and mixing it with photography.. actually enhances the artwork and isn’t just a simple copy…
- 55
July 6th, 2009 9:01 amSome of these are nice, but many are just examples of what you can get by fiddling with live trace on a photo in illustrator. Some of them are even just out and out bad attempts at live trace.
- 56
July 6th, 2009 1:16 pmMy main problem with this is that its name implies something completely unrelated. Its name implies its a form of pixel-art, but in reality it is just a vector style done with raster graphics. Vexel is a confusing and misleading name for the style.
- 57
July 6th, 2009 9:51 pmAll of them would be very beautiful on any… trucks!
- 58
July 7th, 2009 1:45 pmIt’s incredible that nobody creates a software to do that automatically…
- 59
July 7th, 2009 2:46 pmThat’s a very nice list.. I can’t wait to do one for my wife!
- 60
July 7th, 2009 7:25 pmReally Superb!
- 61
July 8th, 2009 12:01 pmWake up, men! That’s absolutely HORRIBLE! What do you want to do with that? A carpet? Make a tattoo? Make a paint on your car?……………………….
- 62
July 9th, 2009 3:51 amIs it a coincidence that such a labour intensive technique produces such unanimously infantile content?
- 63
July 13th, 2009 1:20 amI think they are amazingly beautiful. I am disappointed reading so many comments by “designers” who think this is not art. It takes hours to make something like this. They make it in photoshop as well as illustrator if they want to re size it like a vector, its a matter of choice. They can use it just like you use pixel graphics, vectors graphics or any other stuff for web designing and all. Also, the sole purpose of digital art is not to just to use it for website/logo/whatever designing. People do it because they enjoy doing it, they like the results and there are many who appreciate their work.
I have a strong feeling that those who are ridiculing this for form of digital art can not make one of such vexel/vector to save their lives. It takes a lot of practice and these artists probably handle the “pen tool” in illustrator as well as photoshop a lot better than you do. Its sickening how disrespectful these so called “designers” are if they are. Probably they are just jealous. To all the vexel artists, hats off! Most of the stuff looks far better than vectors made in illustrator. Its different and its amazing. I love these.
P.S: I am not a great vexel artist, I have tried vexlling people but I suck and have no patience…I enjoy making cartoon vectors in illustrator and pixel art in photoshop but I admit these vexels are breath taking and I can understand how long t must have taken for each one the artists to make something as amazing as these.
- 64
July 13th, 2009 1:25 amOh and I think I know people who are saying this is useless and can not be called art are probably those who went to special graphic schools, took special courses for illustrator and spent hours leaning how to make vectors so they just can’t digest the fact that some people learned and mastered all that and better just using photoshop or by not going to special graphic designing schools.
Please people…it shows you are plain jealous because you can’t help but make a negative comment here instead of ignoring the post if you did not like it.
- 65
July 13th, 2009 5:21 amMaking a negative comment is not necessarily a bad thing. Its called criticism, most adults can deal with it, and it’s utterly necessary to progress.
Sorry to those who are hypnotised by the work ethic, but I really am intrigued to know why the content is so childish. I can’t find a more fitting word for the overwhelming surfeit of idealised images of women.
There doesn’t seem to be any irony in these images: its like we are really supposed to be admiring the flawless skin, and the ‘come hither’ poses.
Sorry, again, but I think its all poop. But just to be clear, I don’t really care about the technique… Its interesting, slightly playful, but doesn’t really add much the world. The same could be said of any technique. Technique always supports content, and its the content of these images that I find so repetitive, so tedious. So much so that I have to ask does laborious technique necessarily result in tedious, uncritical, and joyless content?
The answer I suspect is “no”. But there is nothing in this selection to prove that.
- 66
July 14th, 2009 6:30 amNihil,
Thanks for your comments! I fully agree with you! - 67
July 21st, 2009 6:35 amTo those who whine and complain about vector/vexel art: Have you ever TRIED actually sitting down and creating one? It’s rather obvious that those complaining must have had the auto trace on and failed at creating a vexel piece.
- 68
July 22nd, 2009 8:26 amVery nice. I love the Gaia one especially. I too, am not quite sure the purpose of not going all vector with these, but they look awesome none the less.
- 69
August 4th, 2009 3:33 pmYes, I’ve tried to do my own vexel art. It is challenging. I know not everyone is going to love everything posted (I know I don’t) but that’s life that’s art. Sometimes you like it sometimes you don’t. I don’t expect everyone to love the art on this post but I do.
Just because there’s no depth or deeper meaning here doesn’t take anything away from the final product itself.
I’d like to see more kinds of art like this, not just vexel, but illustrative art.
- 70
August 4th, 2009 9:23 pmgreat…
- 71
August 5th, 2009 12:24 amI wish I could do something like this! =[
- 72
August 5th, 2009 9:17 amgreat and what a outcome, looks like a real revolution
- 73
August 6th, 2009 2:53 amReally fantastic! I’ll have a look at the tuts…
- 74
August 12th, 2009 8:32 pmHi i love tut thx
- 75
September 1st, 2009 10:45 pmI did a nice vector also, hihi. please go and see:
http://annarki.deviantart.com/art/His-Infernal-Majesty-34735422thanks! :-)
- 76
January 7th, 2010 11:36 pmcool, very nice vexel images! specially the one from binjoo.deviantart.com, I have a bit knowledge in crating vectorized image but I really want to learn how to create Vexel images…
- 00
There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.
Leave a Comment
Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!
Interact
Popular
- 100 Wordpress Themes
- Photoshop Tutorials
- Fantastic Wallpapers
- 40+ Excellent Freefonts
- Dual-Screen Wallpapers
- Wordpress Themes for 2009
- Illustrator Tutorials
- Incredible Free Icon Sets
- High-Quality Free Fonts
- 30 Scripts For Galleries
- Photoshop Text Effects
- Useful Icon Sets
- Web Design Trends
- iPhone Wallpapers
- Before Launching a Website
- CSS Layouts And Templates
- Photoshop Actions
- Stunning Pictures and Photos
- Fantastic HDR Pictures
- Logo Design Tutorials
- Free Design Templates
- 10 Mistakes In Logo Design
- Photoshop Custom Shapes
- 40 Creative Design Layouts
- 8 Layout Solutions
- 53 CSS Techniques
- Photography Techniques
- Black & White Photography
- Styling Design Elements
- CSS-Based Forms
- 50 jQuery Techniques
- 50 Portfolio Websites
- 50 CSS Techniques
- Creative Logo Designs
- Desktop Wallpapers
- 25 Open Source Mac Apps
- 50 Free Icon Sets
- We’re Ready for CSS3, but are we Ready for CSS3? - http://bit.ly/cKN7Bz
- lovely-css: a grid-based CSS framework - http://bit.ly/ayA0wb
- How The CSS Selector nth-child Works - http://bit.ly/cgPMqe
- 33 New High Quality Adobe Illustrator Tutorials - http://bit.ly/bTgFbu
- How to Drastically Improve Your Designs - http://bit.ly/a9L1sb
- A Quick Look at Mobile Web Designs - http://bit.ly/9TCWCG
- How to Test your JavaScript Code with QUnit - http://bit.ly/da853c
























































Nice Tutorials.