SlideShare a Scribd company logo
1 of 8
ADOBE ILLUSTRATOR
introduction to vector graphics
Basics of Illustrator

Illustrator uses layers like
Photoshop.

There are two color swatches: the
stroke (the outline) and the fills
(shape color)

The pen tool is the easiest way to
begin to understand vector
graphics. Use the anchor points to
rotate, stretch, resize etc. Add
points to make shapes.

Make a curved line now: Make your
first point. Then, make your second
point, but don’t release the mouse.
Instead, drag the mouse downward
or upward slowly. You’ll notice the
line starts to curve. When you get
the curve you want, release the
mouse button.
Lesson 1: Tracing a Sketch with the Pen
Tool

Step 1

Step 2

Step 3

Step 4

Import a hand drawn image of the
cartoon character above. For this
lesson draw the leaf above.

Use the pen tool an trace portions
of the image. Work in small areas
at first, try not to do too much at
once.

Use the zoom tool to see where
you are bending points. Continue
to add points before making
segments.

Complete one side of the image.
You will copy this and join it later.
Lesson 1: Tracing a Sketch with the Pen
Tool

Step 5

Step 6

Step 7

Step 8

Copy and past the line work.
Illustrator not only uses layers, but
also uses stacking (Bring Forward,
Send Backward) like in PPT. Then
reflect the copied image.

Use the ALIGN TOP function to
keep the copies aligned.

In order to “join” work you must use
the Pathfinder. Illustrator is not like
in Photoshop in that you can just
use the eraser tool. Illustrator is not
a BITMAP editor.

Use the shape tool to create other
parts of the drawing (such as the
ellipse, rectangular, star or
polygon)
Lesson 1: Tracing a Sketch with the Pen
Tool

Step 9

Step 10

Step 11

Step 12

Adjust the shapes using the anchor
point and handle.

Finalize any of the missing shapes.
Again, use the handle and anchor
points to adjust “perfect” polygons.

Create a symmetrical curve. TIP:
While using the Pen Tool you can
press CTRL to deselect the curve
and use the selection too.

Turn your strokes into a closed
shape using the Outline Stroke and
Pathfinder window.
Lesson 1: Tracing a Sketch with the Pen
Tool

Step 13

Step 14

Step 15

Step 16

Draw a path using the pen tool.
Then change the stroke weight so
that the line becomes thick.

Use the OUTLINE STROKE to turn
this into a shape.

Adjust the shape using the anchor
points and handles. Add an anchor
point to the center.

Use the CONVERT to round the
point.
Lesson 1: Tracing a Sketch with the Pen
Tool

Step 17

Step 18

Step 19

Step 20

Add fill colors by turning off the
stroke and turning on the fill.

Copy and paste part of your
drawing. Choose offset path to turn
your path into a shape.

Using stacked copies of your
original image, you can use the
arrow keys to nudge the image.
This will create a less uniform
outline.

Add a GRADIENT by choosing the
red to yellow gradient from the FILL
MENU.
Lesson 1: Tracing a Sketch with the Pen
Tool

Step 21

Step 22

Step 23

Step 24

Choose GRADIENT from the
WINDOW menu. Click on a color
swatch in the gradient menu to
adjust the colors.

Change the gradient color for the
shapes.

Use the gradient tool from the tool
bar. You can adjust the direction
gradients go using this tool.

Make any final adjustments and
complete your vector cartoon
drawing. When you are done, you
should have something like the
image above.

More Related Content

What's hot

Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6Ila Azmil
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe IllustratorDUSPviz
 
Intro to Adobe Illustrator CS4 (2010)
Intro to Adobe Illustrator CS4 (2010)Intro to Adobe Illustrator CS4 (2010)
Intro to Adobe Illustrator CS4 (2010)Matteo Wyllyamz
 
Intro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector ConceptsIntro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector ConceptsKaitlin Hanger, Ph.D.
 
Adobe illustrator getting started
Adobe illustrator getting startedAdobe illustrator getting started
Adobe illustrator getting startedDanielle Oser, APR
 
Adobe illustrator 1
Adobe illustrator 1Adobe illustrator 1
Adobe illustrator 1ilaazmil2
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe IllustratorDUSPviz
 
Adobe Illustrator for beginners
Adobe Illustrator for beginners Adobe Illustrator for beginners
Adobe Illustrator for beginners suniltalekar1
 
Illustrator assignment 1
Illustrator assignment 1Illustrator assignment 1
Illustrator assignment 1rgosselin
 
Adobe illustrator 2
Adobe illustrator 2Adobe illustrator 2
Adobe illustrator 2ilaazmil2
 
The A to Z of Adobe Illustrator – design & illustration
The A to Z of Adobe Illustrator – design & illustrationThe A to Z of Adobe Illustrator – design & illustration
The A to Z of Adobe Illustrator – design & illustrationFanus van Straten
 
Illustrator's basic shapes part 2 & combining shapes
Illustrator's basic shapes part 2 & combining shapesIllustrator's basic shapes part 2 & combining shapes
Illustrator's basic shapes part 2 & combining shapesJerry Arnold
 
Illustrator's basic shapes part 1
Illustrator's basic shapes part 1Illustrator's basic shapes part 1
Illustrator's basic shapes part 1Jerry Arnold
 
Photoshop dimensional looking sphere
Photoshop dimensional looking spherePhotoshop dimensional looking sphere
Photoshop dimensional looking sphereJerry Arnold
 
Intermediate Adobe Illustrator CS3 welcome & course outline (2009)
Intermediate Adobe Illustrator CS3 welcome & course outline (2009)Intermediate Adobe Illustrator CS3 welcome & course outline (2009)
Intermediate Adobe Illustrator CS3 welcome & course outline (2009)Matteo Wyllyamz
 
Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue Solutions
Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue SolutionsMeet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue Solutions
Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue SolutionsRapidValue
 
Corel draw 12 notes
Corel draw 12 notesCorel draw 12 notes
Corel draw 12 notesSirajRock
 
Learning Illustrator CS6 with 100 practical exercises
Learning Illustrator CS6 with 100 practical exercisesLearning Illustrator CS6 with 100 practical exercises
Learning Illustrator CS6 with 100 practical exercisesMCB Press
 
Designing with illustrator
Designing with illustratorDesigning with illustrator
Designing with illustratorLesley Baumann
 

What's hot (20)

Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
Intro to Adobe Illustrator CS4 (2010)
Intro to Adobe Illustrator CS4 (2010)Intro to Adobe Illustrator CS4 (2010)
Intro to Adobe Illustrator CS4 (2010)
 
Intro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector ConceptsIntro to Adobe Illustrator Vector Concepts
Intro to Adobe Illustrator Vector Concepts
 
Adobe illustrator getting started
Adobe illustrator getting startedAdobe illustrator getting started
Adobe illustrator getting started
 
Adobe illustrator 1
Adobe illustrator 1Adobe illustrator 1
Adobe illustrator 1
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
Adobe Illustrator for beginners
Adobe Illustrator for beginners Adobe Illustrator for beginners
Adobe Illustrator for beginners
 
Adobe illustrator basics
Adobe illustrator basicsAdobe illustrator basics
Adobe illustrator basics
 
Illustrator assignment 1
Illustrator assignment 1Illustrator assignment 1
Illustrator assignment 1
 
Adobe illustrator 2
Adobe illustrator 2Adobe illustrator 2
Adobe illustrator 2
 
The A to Z of Adobe Illustrator – design & illustration
The A to Z of Adobe Illustrator – design & illustrationThe A to Z of Adobe Illustrator – design & illustration
The A to Z of Adobe Illustrator – design & illustration
 
Illustrator's basic shapes part 2 & combining shapes
Illustrator's basic shapes part 2 & combining shapesIllustrator's basic shapes part 2 & combining shapes
Illustrator's basic shapes part 2 & combining shapes
 
Illustrator's basic shapes part 1
Illustrator's basic shapes part 1Illustrator's basic shapes part 1
Illustrator's basic shapes part 1
 
Photoshop dimensional looking sphere
Photoshop dimensional looking spherePhotoshop dimensional looking sphere
Photoshop dimensional looking sphere
 
Intermediate Adobe Illustrator CS3 welcome & course outline (2009)
Intermediate Adobe Illustrator CS3 welcome & course outline (2009)Intermediate Adobe Illustrator CS3 welcome & course outline (2009)
Intermediate Adobe Illustrator CS3 welcome & course outline (2009)
 
Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue Solutions
Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue SolutionsMeet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue Solutions
Meet The Vector Superhero - Seminar on Adobe Illustrator by RapidValue Solutions
 
Corel draw 12 notes
Corel draw 12 notesCorel draw 12 notes
Corel draw 12 notes
 
Learning Illustrator CS6 with 100 practical exercises
Learning Illustrator CS6 with 100 practical exercisesLearning Illustrator CS6 with 100 practical exercises
Learning Illustrator CS6 with 100 practical exercises
 
Designing with illustrator
Designing with illustratorDesigning with illustrator
Designing with illustrator
 

Viewers also liked

Illustrator vs Photoshop
Illustrator vs PhotoshopIllustrator vs Photoshop
Illustrator vs PhotoshopAnnie Maldonado
 
Top 10 Differences between illustrator & Photoshop - illustrator vs Photoshop
Top 10 Differences between illustrator & Photoshop - illustrator vs PhotoshopTop 10 Differences between illustrator & Photoshop - illustrator vs Photoshop
Top 10 Differences between illustrator & Photoshop - illustrator vs PhotoshopCPZ Media
 
Adobe Illustrator – Minimal introduction
Adobe Illustrator – Minimal introductionAdobe Illustrator – Minimal introduction
Adobe Illustrator – Minimal introductionRamses Cabello
 
Illustrator Basics
Illustrator BasicsIllustrator Basics
Illustrator BasicsMikaela Ehly
 
Adobe illustrator Beginner Tutorial #2 - Telkom University
Adobe illustrator Beginner Tutorial #2 - Telkom UniversityAdobe illustrator Beginner Tutorial #2 - Telkom University
Adobe illustrator Beginner Tutorial #2 - Telkom UniversityFarid Naufal Aslam
 
Office Automation Final
Office Automation FinalOffice Automation Final
Office Automation Finalmakhtar79
 
Multimedia Interaktif - HTML5 Introduction
Multimedia Interaktif - HTML5 Introduction Multimedia Interaktif - HTML5 Introduction
Multimedia Interaktif - HTML5 Introduction Farid Naufal Aslam
 
Adobe illustrator
Adobe illustratorAdobe illustrator
Adobe illustratoritalorns
 
Introduccion a illustrator
Introduccion a illustratorIntroduccion a illustrator
Introduccion a illustratorGerardo Heredia
 
Office automation system
Office automation systemOffice automation system
Office automation systemMilan Padariya
 

Viewers also liked (16)

Illustrator vs Photoshop
Illustrator vs PhotoshopIllustrator vs Photoshop
Illustrator vs Photoshop
 
Top 10 Differences between illustrator & Photoshop - illustrator vs Photoshop
Top 10 Differences between illustrator & Photoshop - illustrator vs PhotoshopTop 10 Differences between illustrator & Photoshop - illustrator vs Photoshop
Top 10 Differences between illustrator & Photoshop - illustrator vs Photoshop
 
Adobe Illustrator – Minimal introduction
Adobe Illustrator – Minimal introductionAdobe Illustrator – Minimal introduction
Adobe Illustrator – Minimal introduction
 
Illustrator Basics
Illustrator BasicsIllustrator Basics
Illustrator Basics
 
Adobe illustrator Beginner Tutorial #2 - Telkom University
Adobe illustrator Beginner Tutorial #2 - Telkom UniversityAdobe illustrator Beginner Tutorial #2 - Telkom University
Adobe illustrator Beginner Tutorial #2 - Telkom University
 
What is HTML 5?
What is HTML 5?What is HTML 5?
What is HTML 5?
 
Office Automation Final
Office Automation FinalOffice Automation Final
Office Automation Final
 
Multimedia Interaktif - HTML5 Introduction
Multimedia Interaktif - HTML5 Introduction Multimedia Interaktif - HTML5 Introduction
Multimedia Interaktif - HTML5 Introduction
 
Office Automation System
Office Automation SystemOffice Automation System
Office Automation System
 
Adobe Illustrator
Adobe IllustratorAdobe Illustrator
Adobe Illustrator
 
ILLUSTRATOR CS6
ILLUSTRATOR CS6ILLUSTRATOR CS6
ILLUSTRATOR CS6
 
Adobe illustrator
Adobe illustratorAdobe illustrator
Adobe illustrator
 
Introduccion a illustrator
Introduccion a illustratorIntroduccion a illustrator
Introduccion a illustrator
 
Up to Speed on HTML 5 and CSS 3
Up to Speed on HTML 5 and CSS 3Up to Speed on HTML 5 and CSS 3
Up to Speed on HTML 5 and CSS 3
 
Office automation sysmtems
Office automation sysmtemsOffice automation sysmtems
Office automation sysmtems
 
Office automation system
Office automation systemOffice automation system
Office automation system
 

Similar to DID Unit 5 - Illustrator Basics

Tutorial: Photoshop Paths Explained
Tutorial: Photoshop Paths ExplainedTutorial: Photoshop Paths Explained
Tutorial: Photoshop Paths ExplainedClippingimages
 
Using inkscape for portraits
Using inkscape for portraitsUsing inkscape for portraits
Using inkscape for portraitsjohnhouliart
 
Wd133 unit 9 module 1 working with the pen tool
Wd133 unit 9 module 1 working with the pen toolWd133 unit 9 module 1 working with the pen tool
Wd133 unit 9 module 1 working with the pen toolkateridrex
 
DID Unit 2: Exercises
DID Unit 2: Exercises DID Unit 2: Exercises
DID Unit 2: Exercises MrLawler
 
Dig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen toolDig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen toolkateridrex
 
Lesson revolve
Lesson revolveLesson revolve
Lesson revolveMr_Burns
 
Educ 215 final- how to guide
Educ 215 final- how to guideEduc 215 final- how to guide
Educ 215 final- how to guidesmemontech
 
How to Use the Photoshop Pen Tool – Photoshop Beginner Tutorial
How to Use the Photoshop Pen Tool – Photoshop Beginner TutorialHow to Use the Photoshop Pen Tool – Photoshop Beginner Tutorial
How to Use the Photoshop Pen Tool – Photoshop Beginner TutorialTowab Muhammad Yusuf
 
how to use design by software.pptx
how to use design by software.pptxhow to use design by software.pptx
how to use design by software.pptxNitinKumar12570
 
Pepsi vector tutorial
Pepsi vector tutorialPepsi vector tutorial
Pepsi vector tutorialbalermm
 
Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class FlyerInkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class FlyerFlyer Tutor
 

Similar to DID Unit 5 - Illustrator Basics (20)

Tutorial: Photoshop Paths Explained
Tutorial: Photoshop Paths ExplainedTutorial: Photoshop Paths Explained
Tutorial: Photoshop Paths Explained
 
Flash 5 toolbar
Flash 5 toolbarFlash 5 toolbar
Flash 5 toolbar
 
Image manipulation - Photoshop
Image manipulation - PhotoshopImage manipulation - Photoshop
Image manipulation - Photoshop
 
Using inkscape for portraits
Using inkscape for portraitsUsing inkscape for portraits
Using inkscape for portraits
 
Tutorial
TutorialTutorial
Tutorial
 
Wd133 unit 9 module 1 working with the pen tool
Wd133 unit 9 module 1 working with the pen toolWd133 unit 9 module 1 working with the pen tool
Wd133 unit 9 module 1 working with the pen tool
 
DID Unit 2: Exercises
DID Unit 2: Exercises DID Unit 2: Exercises
DID Unit 2: Exercises
 
Dig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen toolDig imag unit 9 module 1 working with the pen tool
Dig imag unit 9 module 1 working with the pen tool
 
Lesson revolve
Lesson revolveLesson revolve
Lesson revolve
 
Educ 215 final- how to guide
Educ 215 final- how to guideEduc 215 final- how to guide
Educ 215 final- how to guide
 
How to Use the Photoshop Pen Tool – Photoshop Beginner Tutorial
How to Use the Photoshop Pen Tool – Photoshop Beginner TutorialHow to Use the Photoshop Pen Tool – Photoshop Beginner Tutorial
How to Use the Photoshop Pen Tool – Photoshop Beginner Tutorial
 
Unit 14 LO3
Unit 14 LO3Unit 14 LO3
Unit 14 LO3
 
Chap20
Chap20Chap20
Chap20
 
Unit 14 LO3
Unit 14  LO3Unit 14  LO3
Unit 14 LO3
 
how to use design by software.pptx
how to use design by software.pptxhow to use design by software.pptx
how to use design by software.pptx
 
Pepsi vector tutorial
Pepsi vector tutorialPepsi vector tutorial
Pepsi vector tutorial
 
Photoshop clipping path service.
Photoshop clipping path service.Photoshop clipping path service.
Photoshop clipping path service.
 
eye on window
eye on windoweye on window
eye on window
 
Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class FlyerInkscape Beginner Tutorial: How to Make a Yoga Class Flyer
Inkscape Beginner Tutorial: How to Make a Yoga Class Flyer
 
Graphics
GraphicsGraphics
Graphics
 

More from MrLawler

Final project (pbl)
Final project (pbl)Final project (pbl)
Final project (pbl)MrLawler
 
Hum 201 microlesson mod 2
Hum 201 microlesson mod 2Hum 201 microlesson mod 2
Hum 201 microlesson mod 2MrLawler
 
Hum 201 microlesson mod 1
Hum 201 microlesson mod 1Hum 201 microlesson mod 1
Hum 201 microlesson mod 1MrLawler
 
History of Animation
History of AnimationHistory of Animation
History of AnimationMrLawler
 
Final Review
Final ReviewFinal Review
Final ReviewMrLawler
 
Cultural study
Cultural studyCultural study
Cultural studyMrLawler
 
Tips on taking good photos
Tips on taking good photosTips on taking good photos
Tips on taking good photosMrLawler
 
Alyson Martinez
Alyson MartinezAlyson Martinez
Alyson MartinezMrLawler
 
DID/COMM: URBAN TOY
DID/COMM: URBAN TOYDID/COMM: URBAN TOY
DID/COMM: URBAN TOYMrLawler
 
DID/COMM: URBAN TOY
DID/COMM: URBAN TOYDID/COMM: URBAN TOY
DID/COMM: URBAN TOYMrLawler
 
You Pick-Three Part 2
You Pick-Three Part 2You Pick-Three Part 2
You Pick-Three Part 2MrLawler
 
YOU PICK THREE
YOU PICK THREEYOU PICK THREE
YOU PICK THREEMrLawler
 
DPI 1 and DPI 2 Texture Mapping
DPI 1 and DPI 2 Texture MappingDPI 1 and DPI 2 Texture Mapping
DPI 1 and DPI 2 Texture MappingMrLawler
 
DID Children's Book
DID Children's BookDID Children's Book
DID Children's BookMrLawler
 
Case Study and Tutorials
Case Study and TutorialsCase Study and Tutorials
Case Study and TutorialsMrLawler
 
Origins of photography
Origins of photographyOrigins of photography
Origins of photographyMrLawler
 
DPI 2: Final
DPI 2: FinalDPI 2: Final
DPI 2: FinalMrLawler
 
DPI Final Instructions
DPI Final InstructionsDPI Final Instructions
DPI Final InstructionsMrLawler
 
Digital illustration final
Digital illustration finalDigital illustration final
Digital illustration finalMrLawler
 
Case Studies - Masters
Case Studies - MastersCase Studies - Masters
Case Studies - MastersMrLawler
 

More from MrLawler (20)

Final project (pbl)
Final project (pbl)Final project (pbl)
Final project (pbl)
 
Hum 201 microlesson mod 2
Hum 201 microlesson mod 2Hum 201 microlesson mod 2
Hum 201 microlesson mod 2
 
Hum 201 microlesson mod 1
Hum 201 microlesson mod 1Hum 201 microlesson mod 1
Hum 201 microlesson mod 1
 
History of Animation
History of AnimationHistory of Animation
History of Animation
 
Final Review
Final ReviewFinal Review
Final Review
 
Cultural study
Cultural studyCultural study
Cultural study
 
Tips on taking good photos
Tips on taking good photosTips on taking good photos
Tips on taking good photos
 
Alyson Martinez
Alyson MartinezAlyson Martinez
Alyson Martinez
 
DID/COMM: URBAN TOY
DID/COMM: URBAN TOYDID/COMM: URBAN TOY
DID/COMM: URBAN TOY
 
DID/COMM: URBAN TOY
DID/COMM: URBAN TOYDID/COMM: URBAN TOY
DID/COMM: URBAN TOY
 
You Pick-Three Part 2
You Pick-Three Part 2You Pick-Three Part 2
You Pick-Three Part 2
 
YOU PICK THREE
YOU PICK THREEYOU PICK THREE
YOU PICK THREE
 
DPI 1 and DPI 2 Texture Mapping
DPI 1 and DPI 2 Texture MappingDPI 1 and DPI 2 Texture Mapping
DPI 1 and DPI 2 Texture Mapping
 
DID Children's Book
DID Children's BookDID Children's Book
DID Children's Book
 
Case Study and Tutorials
Case Study and TutorialsCase Study and Tutorials
Case Study and Tutorials
 
Origins of photography
Origins of photographyOrigins of photography
Origins of photography
 
DPI 2: Final
DPI 2: FinalDPI 2: Final
DPI 2: Final
 
DPI Final Instructions
DPI Final InstructionsDPI Final Instructions
DPI Final Instructions
 
Digital illustration final
Digital illustration finalDigital illustration final
Digital illustration final
 
Case Studies - Masters
Case Studies - MastersCase Studies - Masters
Case Studies - Masters
 

Recently uploaded

8377087607, Door Step Call Girls In Gaur City (NOIDA) 24/7 Available
8377087607, Door Step Call Girls In Gaur City (NOIDA) 24/7 Available8377087607, Door Step Call Girls In Gaur City (NOIDA) 24/7 Available
8377087607, Door Step Call Girls In Gaur City (NOIDA) 24/7 Availabledollysharma2066
 
Pragati Maidan Call Girls : ☎ 8527673949, Low rate Call Girls
Pragati Maidan Call Girls : ☎ 8527673949, Low rate Call GirlsPragati Maidan Call Girls : ☎ 8527673949, Low rate Call Girls
Pragati Maidan Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
Laxmi Nagar Call Girls : ☎ 8527673949, Low rate Call Girls
Laxmi Nagar Call Girls : ☎ 8527673949, Low rate Call GirlsLaxmi Nagar Call Girls : ☎ 8527673949, Low rate Call Girls
Laxmi Nagar Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
Triangle Vinyl Record Store, Clermont Florida
Triangle Vinyl Record Store, Clermont FloridaTriangle Vinyl Record Store, Clermont Florida
Triangle Vinyl Record Store, Clermont FloridaGabrielaMiletti
 
Benjamin Portfolio Process Work Slideshow
Benjamin Portfolio Process Work SlideshowBenjamin Portfolio Process Work Slideshow
Benjamin Portfolio Process Work Slideshowssuser971f6c
 
MinSheng Gaofeng Estate commercial storyboard
MinSheng Gaofeng Estate commercial storyboardMinSheng Gaofeng Estate commercial storyboard
MinSheng Gaofeng Estate commercial storyboardjessica288382
 
Kishangarh Call Girls : ☎ 8527673949, Low rate Call Girls
Kishangarh Call Girls : ☎ 8527673949, Low rate Call GirlsKishangarh Call Girls : ☎ 8527673949, Low rate Call Girls
Kishangarh Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
Low Rate Call Girls in Laxmi Nagar Delhi Call 9990771857
Low Rate Call Girls in Laxmi Nagar Delhi Call 9990771857Low Rate Call Girls in Laxmi Nagar Delhi Call 9990771857
Low Rate Call Girls in Laxmi Nagar Delhi Call 9990771857delhimodel235
 
Govindpuri Call Girls : ☎ 8527673949, Low rate Call Girls
Govindpuri Call Girls : ☎ 8527673949, Low rate Call GirlsGovindpuri Call Girls : ☎ 8527673949, Low rate Call Girls
Govindpuri Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
SHIVNA SAHITYIKI APRIL JUNE 2024 Magazine
SHIVNA SAHITYIKI APRIL JUNE 2024 MagazineSHIVNA SAHITYIKI APRIL JUNE 2024 Magazine
SHIVNA SAHITYIKI APRIL JUNE 2024 MagazineShivna Prakashan
 
FULL ENJOY - 9953040155 Call Girls in Gandhi Vihar | Delhi
FULL ENJOY - 9953040155 Call Girls in Gandhi Vihar | DelhiFULL ENJOY - 9953040155 Call Girls in Gandhi Vihar | Delhi
FULL ENJOY - 9953040155 Call Girls in Gandhi Vihar | DelhiMalviyaNagarCallGirl
 
Retail Store Scavanger Hunt - Foundation College Park
Retail Store Scavanger Hunt - Foundation College ParkRetail Store Scavanger Hunt - Foundation College Park
Retail Store Scavanger Hunt - Foundation College Parkjosebenzaquen
 
9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr
9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr
9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi NcrSapana Sha
 
FULL ENJOY - 9953040155 Call Girls in Noida | Delhi
FULL ENJOY - 9953040155 Call Girls in Noida | DelhiFULL ENJOY - 9953040155 Call Girls in Noida | Delhi
FULL ENJOY - 9953040155 Call Girls in Noida | DelhiMalviyaNagarCallGirl
 
San Jon Motel, Motel/Residence, San Jon NM
San Jon Motel, Motel/Residence, San Jon NMSan Jon Motel, Motel/Residence, San Jon NM
San Jon Motel, Motel/Residence, San Jon NMroute66connected
 
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur DubaiBur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubaidajasot375
 
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | DelhiFULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | DelhiMalviyaNagarCallGirl
 
Bobbie goods colorinsssssssssssg book.pdf
Bobbie goods colorinsssssssssssg book.pdfBobbie goods colorinsssssssssssg book.pdf
Bobbie goods colorinsssssssssssg book.pdflunavro0105
 
Jagat Puri Call Girls : ☎ 8527673949, Low rate Call Girls
Jagat Puri Call Girls : ☎ 8527673949, Low rate Call GirlsJagat Puri Call Girls : ☎ 8527673949, Low rate Call Girls
Jagat Puri Call Girls : ☎ 8527673949, Low rate Call Girlsashishs7044
 
Strip Zagor Extra 322 - Dva ortaka.pdf
Strip   Zagor Extra 322 - Dva ortaka.pdfStrip   Zagor Extra 322 - Dva ortaka.pdf
Strip Zagor Extra 322 - Dva ortaka.pdfStripovizijacom
 

Recently uploaded (20)

8377087607, Door Step Call Girls In Gaur City (NOIDA) 24/7 Available
8377087607, Door Step Call Girls In Gaur City (NOIDA) 24/7 Available8377087607, Door Step Call Girls In Gaur City (NOIDA) 24/7 Available
8377087607, Door Step Call Girls In Gaur City (NOIDA) 24/7 Available
 
Pragati Maidan Call Girls : ☎ 8527673949, Low rate Call Girls
Pragati Maidan Call Girls : ☎ 8527673949, Low rate Call GirlsPragati Maidan Call Girls : ☎ 8527673949, Low rate Call Girls
Pragati Maidan Call Girls : ☎ 8527673949, Low rate Call Girls
 
Laxmi Nagar Call Girls : ☎ 8527673949, Low rate Call Girls
Laxmi Nagar Call Girls : ☎ 8527673949, Low rate Call GirlsLaxmi Nagar Call Girls : ☎ 8527673949, Low rate Call Girls
Laxmi Nagar Call Girls : ☎ 8527673949, Low rate Call Girls
 
Triangle Vinyl Record Store, Clermont Florida
Triangle Vinyl Record Store, Clermont FloridaTriangle Vinyl Record Store, Clermont Florida
Triangle Vinyl Record Store, Clermont Florida
 
Benjamin Portfolio Process Work Slideshow
Benjamin Portfolio Process Work SlideshowBenjamin Portfolio Process Work Slideshow
Benjamin Portfolio Process Work Slideshow
 
MinSheng Gaofeng Estate commercial storyboard
MinSheng Gaofeng Estate commercial storyboardMinSheng Gaofeng Estate commercial storyboard
MinSheng Gaofeng Estate commercial storyboard
 
Kishangarh Call Girls : ☎ 8527673949, Low rate Call Girls
Kishangarh Call Girls : ☎ 8527673949, Low rate Call GirlsKishangarh Call Girls : ☎ 8527673949, Low rate Call Girls
Kishangarh Call Girls : ☎ 8527673949, Low rate Call Girls
 
Low Rate Call Girls in Laxmi Nagar Delhi Call 9990771857
Low Rate Call Girls in Laxmi Nagar Delhi Call 9990771857Low Rate Call Girls in Laxmi Nagar Delhi Call 9990771857
Low Rate Call Girls in Laxmi Nagar Delhi Call 9990771857
 
Govindpuri Call Girls : ☎ 8527673949, Low rate Call Girls
Govindpuri Call Girls : ☎ 8527673949, Low rate Call GirlsGovindpuri Call Girls : ☎ 8527673949, Low rate Call Girls
Govindpuri Call Girls : ☎ 8527673949, Low rate Call Girls
 
SHIVNA SAHITYIKI APRIL JUNE 2024 Magazine
SHIVNA SAHITYIKI APRIL JUNE 2024 MagazineSHIVNA SAHITYIKI APRIL JUNE 2024 Magazine
SHIVNA SAHITYIKI APRIL JUNE 2024 Magazine
 
FULL ENJOY - 9953040155 Call Girls in Gandhi Vihar | Delhi
FULL ENJOY - 9953040155 Call Girls in Gandhi Vihar | DelhiFULL ENJOY - 9953040155 Call Girls in Gandhi Vihar | Delhi
FULL ENJOY - 9953040155 Call Girls in Gandhi Vihar | Delhi
 
Retail Store Scavanger Hunt - Foundation College Park
Retail Store Scavanger Hunt - Foundation College ParkRetail Store Scavanger Hunt - Foundation College Park
Retail Store Scavanger Hunt - Foundation College Park
 
9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr
9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr
9654467111 Full Enjoy @24/7 Call Girls In Saket Delhi Ncr
 
FULL ENJOY - 9953040155 Call Girls in Noida | Delhi
FULL ENJOY - 9953040155 Call Girls in Noida | DelhiFULL ENJOY - 9953040155 Call Girls in Noida | Delhi
FULL ENJOY - 9953040155 Call Girls in Noida | Delhi
 
San Jon Motel, Motel/Residence, San Jon NM
San Jon Motel, Motel/Residence, San Jon NMSan Jon Motel, Motel/Residence, San Jon NM
San Jon Motel, Motel/Residence, San Jon NM
 
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur DubaiBur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
Bur Dubai Call Girls O58993O4O2 Call Girls in Bur Dubai
 
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | DelhiFULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
FULL ENJOY - 9953040155 Call Girls in Mahipalpur | Delhi
 
Bobbie goods colorinsssssssssssg book.pdf
Bobbie goods colorinsssssssssssg book.pdfBobbie goods colorinsssssssssssg book.pdf
Bobbie goods colorinsssssssssssg book.pdf
 
Jagat Puri Call Girls : ☎ 8527673949, Low rate Call Girls
Jagat Puri Call Girls : ☎ 8527673949, Low rate Call GirlsJagat Puri Call Girls : ☎ 8527673949, Low rate Call Girls
Jagat Puri Call Girls : ☎ 8527673949, Low rate Call Girls
 
Strip Zagor Extra 322 - Dva ortaka.pdf
Strip   Zagor Extra 322 - Dva ortaka.pdfStrip   Zagor Extra 322 - Dva ortaka.pdf
Strip Zagor Extra 322 - Dva ortaka.pdf
 

DID Unit 5 - Illustrator Basics

  • 2. Basics of Illustrator Illustrator uses layers like Photoshop. There are two color swatches: the stroke (the outline) and the fills (shape color) The pen tool is the easiest way to begin to understand vector graphics. Use the anchor points to rotate, stretch, resize etc. Add points to make shapes. Make a curved line now: Make your first point. Then, make your second point, but don’t release the mouse. Instead, drag the mouse downward or upward slowly. You’ll notice the line starts to curve. When you get the curve you want, release the mouse button.
  • 3. Lesson 1: Tracing a Sketch with the Pen Tool Step 1 Step 2 Step 3 Step 4 Import a hand drawn image of the cartoon character above. For this lesson draw the leaf above. Use the pen tool an trace portions of the image. Work in small areas at first, try not to do too much at once. Use the zoom tool to see where you are bending points. Continue to add points before making segments. Complete one side of the image. You will copy this and join it later.
  • 4. Lesson 1: Tracing a Sketch with the Pen Tool Step 5 Step 6 Step 7 Step 8 Copy and past the line work. Illustrator not only uses layers, but also uses stacking (Bring Forward, Send Backward) like in PPT. Then reflect the copied image. Use the ALIGN TOP function to keep the copies aligned. In order to “join” work you must use the Pathfinder. Illustrator is not like in Photoshop in that you can just use the eraser tool. Illustrator is not a BITMAP editor. Use the shape tool to create other parts of the drawing (such as the ellipse, rectangular, star or polygon)
  • 5. Lesson 1: Tracing a Sketch with the Pen Tool Step 9 Step 10 Step 11 Step 12 Adjust the shapes using the anchor point and handle. Finalize any of the missing shapes. Again, use the handle and anchor points to adjust “perfect” polygons. Create a symmetrical curve. TIP: While using the Pen Tool you can press CTRL to deselect the curve and use the selection too. Turn your strokes into a closed shape using the Outline Stroke and Pathfinder window.
  • 6. Lesson 1: Tracing a Sketch with the Pen Tool Step 13 Step 14 Step 15 Step 16 Draw a path using the pen tool. Then change the stroke weight so that the line becomes thick. Use the OUTLINE STROKE to turn this into a shape. Adjust the shape using the anchor points and handles. Add an anchor point to the center. Use the CONVERT to round the point.
  • 7. Lesson 1: Tracing a Sketch with the Pen Tool Step 17 Step 18 Step 19 Step 20 Add fill colors by turning off the stroke and turning on the fill. Copy and paste part of your drawing. Choose offset path to turn your path into a shape. Using stacked copies of your original image, you can use the arrow keys to nudge the image. This will create a less uniform outline. Add a GRADIENT by choosing the red to yellow gradient from the FILL MENU.
  • 8. Lesson 1: Tracing a Sketch with the Pen Tool Step 21 Step 22 Step 23 Step 24 Choose GRADIENT from the WINDOW menu. Click on a color swatch in the gradient menu to adjust the colors. Change the gradient color for the shapes. Use the gradient tool from the tool bar. You can adjust the direction gradients go using this tool. Make any final adjustments and complete your vector cartoon drawing. When you are done, you should have something like the image above.