Shop Forum More Submit  Join Login
Vexel Carbon Fiber Tutorial by dangeruss Vexel Carbon Fiber Tutorial by dangeruss
By popular demand a simple carbon-fiber tutorial of my vexel technique. Enjoy.
Add a Comment:
 
:iconguzspeed:
GUZSPEED Featured By Owner Feb 9, 2014  Student Interface Designer
its help , i really need this.. thanks
Reply
:iconbunnyvoid:
BunnyVoid Featured By Owner Nov 29, 2012
really cool. also applicable to other textures... thanks :3
Reply
:icongalangpersada:
galangpersada Featured By Owner Nov 13, 2012  Hobbyist Digital Artist
thanks for good tutorial
Reply
:icontorino0101:
Torino0101 Featured By Owner Dec 8, 2010  Hobbyist General Artist
what are you using
Reply
:icondangeruss:
dangeruss Featured By Owner Dec 8, 2010  Professional Digital Artist
read step one
Reply
:iconsamholy:
Samholy Featured By Owner Oct 28, 2009
nice technique !! thanks for the tutorial

but on step 6, you should definitively use a mask instead of deleting. This way you keep the original texture in case something must be repositioned, redimensioned or whatever.
Viva el masquo !
Reply
:iconxxjohnnnyxx:
xXJohnnnYXx Featured By Owner Oct 28, 2009  Hobbyist
very .. VERY helpful, thx alot :) ..
Reply
:iconalon97photo:
Alon97Photo Featured By Owner Dec 20, 2008
=.= thnk
Reply
:iconalon97photo:
Alon97Photo Featured By Owner Dec 20, 2008
=.= thnk
Reply
:iconevangelynn:
evangelynn Featured By Owner Oct 15, 2008
you're a God.
Reply
:iconlalikillah:
LALIkillah Featured By Owner Oct 13, 2008
awesome work.

Question: What is a 'vexel'?
Reply
:icondangeruss:
dangeruss Featured By Owner Oct 13, 2008  Professional Digital Artist
What the heck is a vexel?

"Vexel" is a term that's been coined to describe the fusion of Vector and Pixel forms of illustration. Vexels are not Vector - scalable - mathematically derived images based on paths and fills as one would produce in Illustrator or CorelDRAW or perhaps Flash. Nor are they pure painted images as one might create in Photoshop or Painter.

My Vexels include elements from 4 disciplines: Digital photography, Vector path definition, Digital Painting and 3D modeling.

A typical Vexel starts with a high resolution digital photo. Most often, in my case, of a car. I'll analyze the photo and determine what elements I want to add, modify or enhance. I typically begin by defining Photoshop vector paths that provide the basis for the line art that I use to add a stylized "toon look to the finished piece. These paths are stroked with Photoshop paintbrushes of various widths. I use many layers to assist with intersections and overlaps. I tend to merge these as I go, but the linework usually requires about 30 layers.

Once the basic line art is complete I throw in a few ellipses to indicate wheel positions or other details I want to create in 3D. I'll next bring the image into my 3D application as use it as a viewport background image. I'll create the wheels and other details in 3D then create and apply appropriate materials. The real trick is matching the camera angle, rotation FOV and lens used in the original photo. Once everything is lined up and matches, I'll create lights that match the key and fill lighting of the original image as well. Now I can render both a shaded render and a line art render. I use a third party plug-in to create the line art views.

Next I'll import those views into my Photoshop file and composite those elements and perform various editing techniques to enhance the toon look and blend it into my finished style. So now I have the basis of my Vexel; a lineart layer, and various 3D rendered layers for wheels and other details.

Body paint, headlights and other details are systematically added using vector based paths that I use as selection sets for painting those elements. Doing the body color highlights, shadows and reflections plus the various details like intercoolers, lights, grills interior details typically requires 120 layers or so - and not a few hours of patient work.

Decals are created by drawing master files in CorelDRAW and saved as Adobe Illustrator (.ai) files. These are then placed one-by-one in Photoshop and manipulated to match the perspective of the car. I'll lock the transparencey of that layer and paint in highlights and shadows where required, like when a decal falls across a highlight line. Figure a layer per decal here.

Once the car is complete, I'll create an appropriate background. Sometimes this is a simple gradient, a filtered photo, or a stylized painted background. Usually it's something simple that highlights the car rather than detracts from it. I find that the more realistic the Vexel comes out, the more realistic a background it can support.

So there you have it. If you've persisted in reading this far, you've got a pretty good understanding of what a Vexel is
Reply
:iconyitux:
yitux Featured By Owner Mar 30, 2009
you are sick! really good work!!
Reply
:icondottgonzo:
DottGonzo Featured By Owner Oct 2, 2008
That's what I was looking for!
Thank you!
Reply
:iconkhaikai:
khaikai Featured By Owner Sep 20, 2008
i like this tutorial.thanks
Reply
:icondanieltalhaug:
DanielTalhaug Featured By Owner Sep 7, 2008
This might become handy :D
Reply
:icondostudios:
DOStudios Featured By Owner Dec 25, 2007
this is a really good tutorial with a great technique, congrats
Reply
:iconpixel-mason:
Pixel-Mason Featured By Owner Nov 30, 2007   Interface Designer
FiNaLlY!!

I've been looking for a decent carbon fibre effect and tutorial for ever. Thanks Russ :D
Reply
:icondzyner:
dzyner Featured By Owner Nov 16, 2007
super cool..
Reply
:iconwilde-media:
wilde-media Featured By Owner Oct 29, 2007
oh my god! you are a legend! *bows* Keep up the AMAZING work! This tut will be very useful!
Reply
:iconroyks:
Royks Featured By Owner Jul 22, 2007  Professional Interface Designer
Nice. :D
Reply
:iconkrtoon:
krtoon Featured By Owner Jul 9, 2007  Professional Artist
very helpful tutorial...
Reply
:iconjascar:
jascar Featured By Owner Jun 14, 2007   Digital Artist
sweet tutorial thanks alot
Reply
:iconmase0ne:
mase0ne Featured By Owner Jun 12, 2007   Digital Artist
I tried it out on this illo: [link]

Thanks for the tip.
Reply
:iconillusionator:
Illusionator Featured By Owner May 28, 2007
cool, thx for sharing
Reply
:iconboaz-rbg:
boaz-rbg Featured By Owner May 13, 2007   Photographer
you rock dude... this tutorial is quite very useful indeed!
Reply
:iconclark-v:
Clark-v Featured By Owner Apr 24, 2007   Digital Artist
no nos podrias subir tu pattern mejor?
Reply
:iconstrangelet:
strangelet Featured By Owner Apr 24, 2007  Professional Digital Artist
thats awesome man, might i point out that PS CS2 now has an excellent Warp Transform mode (standard free transform, then hit the lil mesh icon on the right side of the top bar) which is SO much better and more flexible than using twirl....

scuse me if im being patronising.
Reply
:iconcarnagereview:
carnagereview Featured By Owner Apr 17, 2007  Hobbyist
Thats useful and I don't even use photoshop! :+fav:
Reply
:iconcarnagereview:
carnagereview Featured By Owner Apr 17, 2007  Hobbyist
*adds to faves* thanks man!
Reply
:iconaquarius1:
AQUARIUS1 Featured By Owner Apr 14, 2007   Digital Artist
thank's xD
Reply
:iconlawgraphix:
lawgraphix Featured By Owner Apr 13, 2007
Great tutorial! THANKS!! :clap:
Reply
:iconelusive:
elusive Featured By Owner Apr 13, 2007
Fantastic tutorial. I want to try this on many things now :P
Reply
:iconblue-16:
Blue-16 Featured By Owner Apr 12, 2007
sweet dude i been looking for a good carbon fibe tut.
Reply
:iconpaarman:
paarman Featured By Owner Apr 11, 2007
thats cool man, nice write up
Reply
:iconrougewisp:
rougewisp Featured By Owner Apr 10, 2007  Student General Artist
I gotta say, the pattern you gave is ruined imo by the top right of the pattern being too bright. It looks really bad tiled.
Reply
:icondangeruss:
dangeruss Featured By Owner Apr 11, 2007  Professional Digital Artist
It's what I use, and I lke the result. Can't you change ONE pixel you don't care for?!
Reply
:iconrougewisp:
rougewisp Featured By Owner Apr 11, 2007  Student General Artist
I guess I'm just picky. It makes it feel too patterned, I think. Obviously it's a quick fix for anyone who doesn't like it.

You use it normally, though? I'm surprised I haven't noticed and whined about it already.
Reply
:icongymnart:
Gymnart Featured By Owner Apr 10, 2007  Hobbyist General Artist
Nice tutorial!
Reply
:iconfisk1:
Fisk1 Featured By Owner Apr 10, 2007
Nice tutorial! :)
Might do for a daily dev...

:+fav:
Reply
:iconremember-the-one:
remember-the-one Featured By Owner Apr 9, 2007
That'd go greatly with any conversions, etc in vector art. +Fav just for the memories.
Reply
:icondragslicks:
DRAGSLICKS Featured By Owner Apr 9, 2007
Grazie Mile!
I'll try it out next time!
Reply
:iconnickdorenbos:
nickdorenbos Featured By Owner Apr 9, 2007   Digital Artist
Nice work!
Lets hope loads of people will be helped thanks to your tutorial :lol:

:+fav:
Reply
:iconjanusmemory:
janusmemory Featured By Owner Apr 9, 2007
Man, you really saved a lot of asses here... and a lot of time too!
Reply
:iconinspironx:
Inspironx Featured By Owner Apr 9, 2007
Thanks for taking the time to produce this.

Faved.
Reply
:iconaphaits:
aphaits Featured By Owner Apr 9, 2007  Hobbyist General Artist
using liquefy instead of twirl is also good :)
I think it saves up time to do it all at once rather than twirling one by one.
Reply
:icongeek-rohit:
Geek-Rohit Featured By Owner Apr 9, 2007
Thanks a lot for this tut mate..cheers! :D
Reply
:iconfredjman73:
fredjman73 Featured By Owner Apr 8, 2007
not only a good tut, but the pattern is very useful as well. thanks.
Reply
:icongreyghostxxx:
greyghostXXX Featured By Owner Apr 8, 2007
Great tutorial Russ. Thanks!
Reply
:iconz3speed4me:
z3speed4me Featured By Owner Apr 8, 2007  Hobbyist Photographer
if i could only do a vexel in the first place, i would like it even MORE... regarless nice tut, and maybe ill attemp a decent vexel one day, but for now ill simply continue to drool at all of yours...


i still think you should still do the new ac schnitzer m coupe.....
Reply
Add a Comment:
 
×




Details

Submitted on
April 7, 2007
Image Size
1.1 MB
Resolution
1600×1400
Link
Thumb

Stats

Views
43,366
Favourites
373 (who?)
Comments
82
Downloads
2,766