PDA

Click to See Complete Forum and Search --> : Photo Illustration technique using CorelDraw (also good for Illy users)


Rkn
03-05-2005, 09:35 PM
Hello people! First post, yay, etc.

After searching a few different forums I still haven't found a good tutorial on this, so I decided to write one myself. Many tuts about this use techniques that, in my humble opinion, produce pretty messy results. And no, there are no PS filters that produce as nice things as the raw kneading of those vectors. To some, this technique may seem too simple to even mention, but it might inspire you anyway.

I use CorelDRAW for all my work but I guess other programs have the same features as well. This tutorial is written for Corel v12 but will work on very old versions too.

If you're a complete newcomer to working with vectors this might not be a good way to get started, though it's not that complicated. At all, actually. But you need to know the basics and I'm not good at explaining those. On with the tutorial then:

First, take a picture of an extraordinarily beautiful human. Like Christina Ricci, in my example.

http://www.cc.jyu.fi/~weckman/kuvat/tutorial/t01.jpg

Select the Freehand Tool (F5) and right-click on a nice, bright color on your palette to make it your default outline color. This way you can see better what you're doing. Click on a starting point along the line of her face, add points around the face, and finish where you started. it can be pretty rough and, of course, all points can be moved around freely anytime.

http://www.cc.jyu.fi/~weckman/kuvat/tutorial/t02.jpg

Next, select the Shape Tool (F10) and right-click on a line between any two points. This will pop up a menu where you can do stuff like add and remove points and change the way they behave. Select Convert to Curve. I've changed my keyboard shortcuts for fast access to these very important commands.

http://www.cc.jyu.fi/~weckman/kuvat/tutorial/t03.jpg

Now you can left-click and pull on the line with the Shape Tool selected. Make the lines fit her jaw and face nice and snug, and remember to also move the points where necessary.

http://www.cc.jyu.fi/~weckman/kuvat/tutorial/t04.jpg

Create another piece of the shadows on the sides of her face, it's good to make it loose and well outside the main face outline. Curve out those lines as before.

http://www.cc.jyu.fi/~weckman/kuvat/tutorial/t05.jpg

Select first the shadow piece, then, holding shift, the main outline to select both. The order is important. Find Arrange -> Shaping -> Intersect. This will cut away the part of the shadow that's left outside the main outline. Nice and precise. The other Shaping tools are very useful as well, especially Trim.

Depending on your preferences the uncut shadow might be left hanging around. If so, just delete it.

http://www.cc.jyu.fi/~weckman/kuvat/tutorial/t06.jpg

Assigning some arbitrary colors for the pieces reveal things more clearly.

http://www.cc.jyu.fi/~weckman/kuvat/tutorial/t07.jpg

So, by using this simple technique you can just keep going and adding as much detail as you want. It's time consuming, sure, but you can get some really nice and smooth vectors this way. When you add pieces for the eyes, nose and mouth, you don't really have to cut or intersect unless they overlap.

It's all a matter of experimenting and finding the right points and curves, depending on the current base image. Here you'll see the amount of detail I managed to create before deciding to move on.

http://www.cc.jyu.fi/~weckman/kuvat/tutorial/t08.jpg

I remove the background and start assigning colors to the pieces. She looks pretty damn nasty, no?

Some of the pieces are probably in the wrong order so you may need to move them forwards or backwards (right-click -> order). I don't use layers in Corel, but I think I'll make that effort soon. You can browse, locate and rename your objects through Window -> Dockers -> Object Manager.

http://www.cc.jyu.fi/~weckman/kuvat/tutorial/t09.jpg

Now she's beginning to look human. The cheeks seem to be too wide comparing to the original photo but I'm going to fix that some other time.

http://www.cc.jyu.fi/~weckman/kuvat/tutorial/t10.jpg

After this I remove the outline color from all the pieces and start experimenting, adding details, messing with opacity values and just having fun. So here she is then!

http://www.cc.jyu.fi/~weckman/kuvat/tutorial/t11.jpg

The hair needs a lot of work still but I decide to work around this by making a very light version, like this:

http://www.cc.jyu.fi/~weckman/kuvat/tutorial/t12.jpg

So this is the one I ended up with, for now, though I can't find the right shade of blue for the eyeliner. You can also make nice tones on the shadows and skin by using gradients instead of solid colors.

Hope someone will get something out of this. If not, at least I got to show off my renditions of Christina. Feedback is appreciated!


EDIT: Um, I just noticed there's a complete subforum for Corel products. If this post is in the wrong place I apologize.

You get the ankles and I'll get the wrists.

Post Edited (Rkn) : 3/5/2005 7:24:13 PM GMT

PrintDriver
03-05-2005, 11:02 PM
You're ok here.
It's a technique that not only Corel users can use but also people using Illustrator.
Nice work.
Can I, or can you change your subject line to read 'Photo Illustration technique using CorelDraw (also good for Illy users)'?

PD is a grande format digital print dude. His advice/opinions may not apply to the 4color/offset/web world of printing

Rkn
03-05-2005, 11:06 PM
Done and done.

Sounds more informative anyway. Thanks for the advice PD.

You get the ankles and I'll get the wrists.

Post Edited (Rkn) : 3/5/2005 7:25:17 PM GMT

tZ
03-06-2005, 08:08 PM
wouldn't this be in illustrator just tracing thedesired contours with the bezei tool then creating a bunch of compound paths and shapes? Then after filling them all in... basically said

Neuro
03-07-2005, 12:45 AM
Tried this tut today. Pretty cool! Thanks for the info Rkn.

** Personal Blog</font> (http://neuro-i-carmotur.blogspot.com)

** Business Blog</font> (http://catseyecreations.blogspot.com) - updated 3/04/2005</font>

Rkn
03-07-2005, 02:19 AM
Thanks Neuro! Glad if you found it useful.

I want to learn some Illustrator.. It's weird, the softwares used for this kind of stuff are basically the same but I just can't get the hang of it. I haven't found a way to do the things I want. I'd love to read a tutorial on this same thing for Illustrator, maybe I'll try and find one.

You get the ankles and I'll get the wrists.

morea
03-07-2005, 03:09 AM
^ neuro actually followed the basics of the tut in Illustrator... we don't have corel! The principles are really the same... I'm sure he'd be happy to try to answer any questions you might have if you give it a try in Illy.

[I]The more people I meet, the more I love my cats.</A>

Kink
03-07-2005, 06:58 PM
I'm gunna try this... I'll let you know how it goes... it'll be the first for this type for me.

May take me a while.. :)

Excellent job by the way~!




http://img106.exs.cx/img106/6982/knk3yr.jpg

Patrick Shannon
03-07-2005, 09:11 PM
I soooo have to give this a try. And since I never get anything portfolio worthwhile anyway, I'll happily do this project on the timeclock if you get my drift. ;)

Patrick Shannon

'Dear valued customer, go home and die. Signed, your friendly graphic artist.'

http://www.patrickshannon.com/mwwc_sm.gif
My War With Culture (http://www.mywarwithculture.com)
Political incorrectness reinvented.

Eraser Nubbin
03-08-2005, 03:02 AM
That looks amazing, thanks muchly for posting that / coming up with it.

Match in the gas tank, boom boom.

uncle carbunkle
03-08-2005, 10:44 PM
very similar to a method d-frag posted last year, only this one employs the pen tool and has much prettier step-by-step ills.

nice one! hooray for you!

(sorry d-frag. christina ricci is SUPERhot & jugsy).
:)

::Don't call me Foreman, for I am your Boss::