Skip to main content

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

Lesson 27 from: Adobe Illustrator: From Shapes to Complex & Beautiful Illustrations

Junichi Tsuneoka

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

Lesson 27 from: Adobe Illustrator: From Shapes to Complex & Beautiful Illustrations

Junichi Tsuneoka

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

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

Next Lesson: Adding Colors

Lessons

Class Trailer

Course Introduction

1

Introduction

01:44
2

Basic Concept of the Course

00:58
3

Examples and Applications

00:39
4

Process Overview

01:44
5

Quiz - Introduction

Getting Started

6

Concept Development

09:12
7

Tips for Pencil Sketch

18:12
8

Shape Tool Basics

06:58
9

Shape Tool Advance

08:36
10

How to Control Shapes by Different Movements

04:49
11

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

05:45
12

Combine Multiple Shapes with Pathfinder Tool

04:19
13

Create Complex Shapes with Pathfinder Tool

06:51
14

Quiz - Getting Started

Case Study 1: Stand Alone Graphic

15

Case Study 1 Overview (Stand Alone Design)

02:04
16

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

03:29
17

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

13:03
18

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

05:43
19

Adding Colors

11:12
20

How to Fine Tune the Design and Finalize It

03:27
21

Exercise

00:51
22

Quiz - Case Study 1: Stand Alone Graphic

Case Study 2: Illustrative Pattern

23

Case Study 2 Overview (Illustrative Pattern)

01:41
24

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

01:37
25

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

14:01
26

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

01:48
27

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

09:56
28

Adding Colors

07:27
29

How to Fine Tune the Design and Finalize It

06:38
30

Quiz - Case Study 2: Illustrative Pattern

Conclusion

31

Conclusion

00:59

Final Quiz

32

Final Quiz

Lesson Info

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

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

RELATED ARTICLES

RELATED ARTICLES