Ultrashock Tutorials > Photoshop > Advanced Drawing with Illustrator  
 
by Julie-Ann Reitz  
 
Advanced Drawing with Illustrator
 
 Introduction: Drawing People in Flash  
 Step 1: Preparation  
 Step 2: Line Art
 Step 3: Coloring  
 Step 4: The Background
 Step 5: Final Details

Author:
Julie-Ann Reitz

Contact Julie

- discuss this tutorial -

4. The Background

Until this point, I still wasn’t sure if I’d make a outdoor or indoor vector of this piece and that’s why I kept the overall shading rather neutral, so if I decide to add a sky background to it or whatever, I don’t need to change everything. However, I decided to do an indoor background. I wanted them to stay in front of a simple wallpaper at this time, so I created a new layer filled it with an appropriate color and gave the whole thing a pretty simple structure:

Background Setup

Now, even if the coloring of the two persons is quite neutral and would almost allow me to leave the background like it is right now, it still looked a lot too clean to me. So I gave the background a little bit of shading, too:

Background Shading

I chose a darker value of the background color only (not a darker shade of the stripe’s color), because that saved me a lot of time and looked more natural. I handled the transparency of the background shading exactly like all the other shades. Opacity values went from 40% down to 10% in this case. Now that the shading is applied, the vector gets a lot more value:

Shading Outline

I was about to call this a wrap when I thought that the design of the wallpaper would probably be a bit too uninteresting, because there’s no detail on it whatsoever. So I opened up a new document within Illustrator and created a random shape:

Random Shape

At first I had only one part of this shape after I basically just clicked and dragged the mouse around with the pen tool, because I wanted something really random. Then I just copied this shape, pasted two copies of it and moved and rotated them around until a shape turned out that I liked. I then grouped this shape copied it and returned to my vector painting. Creating a new layer I started to paste the shape I just created a couple of times and spread it all over the background:

Shape Arrangement

But only estimated the correct placement, because I didn’t want the wallpaper to look 100% perfect and linear. The only problem was, that the shapes actually looked really generic and you could totally tell that they were just copy and pasted all over the background. Therefore I started to rotate almost every shape in different directions as you can see here:

Shape Arrangement 2

The Difference between both arrangements might not be the biggest one, but it is still there.
Last but not least, I selected all shapes, gave them the same color the background shade had and reduced their opacity:

Background Final

Transparency is a really nice feature in both programs. You don’t have to adjust your color palette all the time but only need to reduce or increase the opacity of a shape. And you only need a few colors and after all, this will affect your final file size in a positive way.

Proceed to step 5

- discuss this tutorial -
 
©2006 Ultrashock.com - All rights reserved