11/18/11

ThInK dIfFeReNt.... Do DiFfErEnT....: Beautiful Vector Illustration in Illustrator and Photoshop by Ca

Compartilhar Denunciar abuso Prximo blog Criar um blog Login

ThInK dIfFeReNt.... Do DiFfErEnT....

SUNDAY, 25 SEPTEMBER 2011

Beautiful Vector Illustration in Illustrator and Photoshop by Carol Rivello

Beautiful Vector Illustration in Illustrator and Photoshop by Carol Rivello

SHARE IT
Share this on Facebook Tweet this
View stats
Get more gadgets for your site

SEARCH THIS BLOG

Search powered by

Hey guys! For this tutorial/making of I created a fun illustration for my sister Stella's blog. In her blog she writes about funny daily situations and I thought that it would be nice to develop an illustration that expressed that somehow. I hope that this step by step help the new designers and illustrators. So, prepare yourself, and continue reading because even though it is a quite long post I hope it might be useful for your illustration projects. Also, feel free to share your thoughts with comments. Step 1 - Brainstorming ftw
When Im creating an illustration for someone, I like to make a brainstorm and write down stuff that person likes, to create a moodboard and capture her personality in the drawing. In my sisters case, for example, Italy, Trips and Pasta were mandatory in the illustration. In this step I also make preliminary roughs, testing new shapes and interesting compositions.

BLOG ARCHIVE

balaji-m-p.blogspot.com/2011/09/beautiful-vector-illustration-in.html

1/7

11/18/11

ThInK dIfFeReNt.... Do DiFfErEnT....: Beautiful Vector Illustration in Illustrator and Photoshop by Ca

! 2011 (902) " November (12) " October (5) ! September (19) Aurora Borealis Wallpaper in Photoshop Flashing Design in Photoshop by Mike Speero Clash of the Titans Text Effect in Photoshop Simple Underwater Scene in Photoshop The Cyber Future by Benedict Campbell Beautiful Vector Illustration in Illustrator and P... Tron Legacy Tutorial Light Effect Text Button Artistic Printing Inspiration in Illustrator and P... Vintage 3D Typography in Photoshop The Seven Golden Rules Of Data Backups Maximize Dial-up Modem Settings Speed Up Internet How to Speed Up Internet? How to Protect Your Computer and Your Business? How to use pen drive as RAM in Windows XP How to Use Your Pen Drive as RAM? Tips To Boost Up Torrent Downloads Free YouTube to MP3 Online Converters " August (64) " July (80) " June (229) " May (489) " April (4)

Step 2 - Roughs, Sketches & Drawings

After I pick the elements that will be part of the final illustration, and develop an initial graphic style, I start the rough that will be used as a direct reference for the vector. In this step I like to use a lot of details to simulate strokes and vector gradients. Lots of people ditch this part and go straight to the computer, but I personally prefer to create first in the paper. No only I feel more creative, its also a pretty good excuse to leave the computer for a change.

Step 3 - Vector madness

After I finish the rough, its time to scan it. (0r take a picture of it, if the paper its too big for your scanner). Then, I place the jpg file into a vectorial illustration software. My favorite software is illustrator, but feel free to use the one you like the most. Right now I only care about making the strokes and outlines, leaving the colors and filling for later. I recommend using a color that contrast with your sketch, to help you visualize it. In this case i chose a red stroke.
ABOUT ME

BaLaJi Helping & Lovable Person View my complete profile

FACEBOOK BADGE
Bala Ji

Create Your Badge

balaji-m-p.blogspot.com/2011/09/beautiful-vector-illustration-in.html

2/7

11/18/11

ThInK dIfFeReNt.... Do DiFfErEnT....: Beautiful Vector Illustration in Illustrator and Photoshop by Ca

FEEDJIT

Live Traffic Feed

Step 4
I like Illustrator because it offers you a ton of cool resources to help your vectorizing process. A solution that I often use is called Pattern Brush. Instead of drawing a whole flower, for example, you can make just one petal, turn that petal into a patten brush, create a shape with that outline, and achieve fun results! This tip is specially useful to illustrators that prefers abstract compositions, like me.

Step 5 - Cleaning up the house

After I finally finish the whole vector madness, I spend a little while organizing the file, putting the objects into the right order. All this to help the next step, that I consider to be the hardest part

See your visitors in RealTime! Get the Free Live Traffic Feed Get Feedjit Now! A visitor from Londrina, Parana arrived from google.com.br and viewed "ThInK dIfFeReNt.... Do DiFfErEnT....: Beautiful Vector Illustration in Illustrator and Photoshop by Carol Rivello" 0 secs ago A visitor from United States left "ThInK dIfFeReNt.... Do DiFfErEnT....: MF Hussain Paintings" via 4.bp.blogspot.com 37 mins ago A visitor from United States left "ThInK dIfFeReNt.... Do DiFfErEnT....: MF Hussain Paintings" via 4.bp.blogspot.com 37 mins ago A visitor from United States arrived from google.com and viewed "ThInK dIfFeReNt.... Do DiFfErEnT....: MF Hussain Paintings" 39 mins ago A visitor from Etawah, Uttar Pradesh arrived from google.co.in and viewed "ThInK dIfFeReNt.... Do DiFfErEnT....: Mehandi Designs" 1 hour 13 mins ago A visitor from Coimbatore, Tamil Nadu arrived from blogger.com and viewed "ThInK dIfFeReNt.... Do DiFfErEnT...." 1 hour 16 mins ago A visitor from Coimbatore, Tamil Nadu arrived from blogger.com and viewed "ThInK dIfFeReNt.... Do DiFfErEnT...." 1 day 1 hour ago

Step 6 - Choosing Colors

The moment to chose the colors and paint the illustration is the hardest and longest part to me. In this project I was inspired by the italy flag colors, mixed with the vibrant colors of the brazilian flag, all this with a vintage look and feel. In this step I also develop some gradients and chose the textures that Ill use later. My tip is to take a look at the patterns

balaji-m-p.blogspot.com/2011/09/beautiful-vector-illustration-in.html

3/7

11/18/11

ThInK dIfFeReNt.... Do DiFfErEnT....: Beautiful Vector Illustration in Illustrator and Photoshop by Ca

gradients and chose the textures that Ill use later. My tip is to take a look at the patterns from illustrator, hidden inside Swatches Patterns Basic Graphics.

Step 7 - Color Groups & Inspiration

A great site to search for color inspiration is colourlovers.com. There you can search between endless palettes developed by their creative users. After I chose my color palette, I find really usefull to create a new color group with the chosen tones.

Step 8 - Almost there

Sneak peek of the coloring process.

Step 9 - Typography
Choosing a font to use in the illustration is really fun! I love to test lots of combinations and to hunt for new fonts. The problem is that I get *too* excited in this step, and sometimes I download 30 fonts, and later I simply cant decide which one to use. For this illustration I imagined a strong, bold and modern font, making a visual contrast with a script font.

balaji-m-p.blogspot.com/2011/09/beautiful-vector-illustration-in.html

4/7

11/18/11

ThInK dIfFeReNt.... Do DiFfErEnT....: Beautiful Vector Illustration in Illustrator and Photoshop by Ca

Step 10
When you are going to use the same shape over and over again, a good tip is to use the symbol tool. You make a motion clip, and spread the object in your comp, according to your preset. With the tools options you can increase or decrease the symbol, change its opacity, position, etc. This way you dont have to duplicate and reposition the object manually.

Step 11 - Blending Modes

After I fill al my shapes with my chosen colors, I like to refine the composition with gradients and textures. Some illustrations look better with solid colors, but in this case I decided to use gradients to create more volume. One secret to a visually rich comp is to test different textures and blending modes. My fav ones are: multiply, overlay and softlight. I also like to play with different opacities.

Step 12 - Photoshop
After I finish the vector process, I export my work for a final polishing in Photoshop. At photoshop I mix the vector with bitmap images, to achieve a more organic feel. I also use the adjustment layers e test some colors adjustments, levels, curves, etc. And use

balaji-m-p.blogspot.com/2011/09/beautiful-vector-illustration-in.html

5/7

11/18/11

ThInK dIfFeReNt.... Do DiFfErEnT....: Beautiful Vector Illustration in Illustrator and Photoshop by Ca

the adjustment layers e test some colors adjustments, levels, curves, etc. And use brushes.

Step 13 - Dont be messy

Its common to make a lot of layers in Photoshop, and Its really easy to lose yourself in the mess. Try to avoid that, and keep a file with the layers named in an appropriate manner and use organized layer groups.

Step 14 - Brushes and Scribbles

With the idea to create an organic look in mind, I blended the original vector illustrations with hand drawn scribbles, to create a hybrid composition. I also added brushes, colorful gradients, all in separated layers, preserving the original illustration.

Conclusion
And thats it. Now Its time to create the rest of the layout But thats for another making of. Thanks for reading the whole post! If you want to read more nonsense from me, or for more cool tips and random links, feel free to follow me on twitter: www.twitter.com/carolrivello.

balaji-m-p.blogspot.com/2011/09/beautiful-vector-illustration-in.html

6/7

11/18/11

ThInK dIfFeReNt.... Do DiFfErEnT....: Beautiful Vector Illustration in Illustrator and Photoshop by Ca

Posted by BaLaJi at 10:48

Recommend this on Google

Labels: Beautiful Vector Illustration in Illustrator and Photoshop by Carol Rivello

0 comments: Post a Comment

Comment as:
Post Comment

Select profile... Preview

Newer Post
Subscribe to: Post Comments (Atom)

Home

Older Post

Picture Window template. Powered by Blogger.

balaji-m-p.blogspot.com/2011/09/beautiful-vector-illustration-in.html

7/7