in this lesson I would like to talk about depth or sense of space. This type of vector illustration can easily be flat unless that is what you want. If you're illustration can create a good sense of depth. I think that image is more appealing. This means we need to think about the design in at least three layers, foreground, middle ground and background layer. Once you create these three layer in your image, the sense of this will improve dramatically. Now up to here we've been walking on tracing the image by just using the stroke color and no fuel since from now on thinking about the depth, we will be doing lots of overlapping so we need to add feel color to almost everywhere possible. Some areas has a closed shape contained area by stroke. Then in that case it's easier to add fuel bye adding fuel color to the object like so but in some areas for example if I want to add fuel in this area it is not easy to do. So in that case you want to select the area, you want to add the field in f...

irst convert into outline stroke, then I use pathfinder unite and this will give me a few options. For example if I click here with direct selection tool by deleting this particular area, I can add the fuel color but here if I try to do that then there is a pot that will be hidden. So there is an area that you can use this particular technique and there are areas that you cannot use that for the area you can use then we need to create the shape that goes behind it to cover the area and I will change the arrange to send to back. No select the image and choose pathfinder divide and this will give me the individual shapes divided by all the lines that selected and use that as filling in areas. So either you can just simply apply few color or use the alternative method to add fuel color. You want to add all the field color too to your image and fast forward. Imagine we have done this much now we will walk on more overlapping different elements so we can create more of the sense of depth. Let's look at this area first. Right now this small illustration and this bigger area of illustration. If you compare these two there's no overlapping. So there is a disconnection here. Makes this image leather floating field. So it doesn't really create a sense of depth. So if I put this object here and bring it forward, then I create a little bit of overlap there. So now this object is clearly in front of this object and we can create a sense of death that way let's look at this area for a second. If I move this element over here and there's a piece of white shape that I can put it here. Then I'm hiding this mountain shape. So this shooting star image looks like it's in front of these mountains. Then this mountain will become the background and this will be the foreground image. Now we achieved the sense of depth. Well look at this area and here is this object. When I put it here there is an overlap. But if I put this image here and make it into white using the fuel color control, then this image looks like behind this image. No, again we created a sense of death for this part of the illustration, in to the main illustration this is rather connection more than overlap. So I would like to create a sense of overlapping a little bit around this area so I can add this design. I created sense of overlap but this area is rather confusing which object is front, in which object is behind. So I create a new shape that fits right around there, change the color. He moved this object to the front. Now this way you can see this character is actually in front of this area because of this. Now again I created overlap effectively to achieve the sense of death. So the negative space will become background or the small object is becoming the middle ground and you can see the foreground, you can start to see the layers of areas. So you get the idea in order to create a good sense of depth in your image. You want to control these imaginary layers and think about how shapes overlap each other and especially these victor shapes are simple shapes. So I think it's more effective to have rather complicated overlap, complicated sense of depth, actually increase the the effectiveness of the design, and also because we created large, medium small or really good range of size variation. This three layer approach is very effective when you use with large, medium small concept at the same time.

Class Materials

Bonus Materials with Purchase

Course Materials

buy this class

$00

Buy Class

Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2000+ more >

79.7K Students

99% Recommend this Class

00 Student Work

0 Video lessons in HD
00h 00m of class content
Exclusive bonus content
Lifetime access, anywhere, anytime
Streaming access on desktop and mobile browsers
Download and offline access with class purchase
Offline sync with our iPhone & iPad apps
100% satisfaction guarantee

Junichi Tsuneoka

Graphic design and illustration expert with an established “California Roll Style”; worked with Google, Nike & Adidas

SEE INSTRUCTOR'S CLASSES

topics covered in this class

Branding Graphic Design Design Thinking Illustration Adobe Illustrator Drawing

Ratings and Reviews

Zubair Khan

Great Work.

2,000+ classes ranging from fundamentals to advanced techniques.

How to Introduce Foreground Middle and Background Elements to the Overall Design to Achieve More Depth

How to Introduce Foreground Middle and Background Elements to the Overall Design to Achieve More Depth

Lesson Info

27. How to Introduce Foreground Middle and Background Elements to the Overall Design to Achieve More Depth

Lessons

Introduction

Basic Concept of the Course

Examples and Applications

Process Overview

Quiz - Introduction

Concept Development

Tips for Pencil Sketch

Shape Tool Basics

Shape Tool Advance

How to Control Shapes by Different Movements

How to Control Shapes By Reflect Skew and Rotate Tools to Create Complex Shapes

Combine Multiple Shapes with Pathfinder Tool

Create Complex Shapes with Pathfinder Tool

Quiz - Getting Started

Case Study 1 Overview (Stand Alone Design)

Creating an Environment for Converting the Pencil Sketch into Editable Vector Graphic

Create a Group of Shapes to be Used as a Base of the Illustration

How to Introduce Large Medium and Small Design Elements to the Overall Design to Achieve Depth and More Detailed Result

Adding Colors

How to Fine Tune the Design and Finalize It

Exercise

Quiz - Case Study 1: Stand Alone Graphic

Case Study 2 Overview (Illustrative Pattern)

Creating an Environment for Converting the Pencil Sketch into Editable Vector Graphic

Create a Small Unit of Complex Shapes to Use as a Base of the Whole Illustration

How to Introduce Large Medium and Small Design Elements to the Overall Design to Achieve Depth and More Detailed Result