SlideShare a Scribd company logo
Illustrator’s Basic Shapes
part 1
Rectangles & Ellipses
Rectangles & Ellipses
These two are the most basic shapes you can create and are
used repeatedly in design. It’s important to gain a good working
knowledge on how to make and modify these shapes. We will
use our new VCP118 Tool Bar.
SELECTION
TOOL
The Selection Tool (Shortcut Key v)
is the tool used to select, move,
rotate, and resize objects.
Remember that this is the black
arrow tool. This shortcut is worth
remembering since it work with all
three of our Adobe application.
DIRECT
SELECTION
TOOL
The Direct Selection Tool (Shortcut
Key a) is the tool used to select,
move, rotate, and resize objects
parts of an object. Whereas the
Selection Tool works with the whole
object, the Direct Selection Tool
works with parts. Remember that this
is the white arrow tool. This shortcut
is worth remembering since it work
with all three of our Adobe
application.
RECTANGLE
TOOL
The Rectangle Tool (Shortcut Key m)
is the tool used to create quadrilaterals
with four right angles, or commonly
known as rectangles and squares.
RECTANGLE
TOOL
Select the rectangle tool, or better yet,
hit the m key to select the tool.
Notice the icon changes shape to a
cross. In the Adobe product, it’s
important to pay attention to the shape
of the icon for it will tell you many
things.
RECTANGLE
TOOL
Using the rectangle tool, draw a
rectangle from the top left to the bottom
right. You usually create a rectangle by
drawing diagonally from corner to
corner while holding down the mouse
button.
Start here
Draw to here
RECTANGLE
TOOL
If you hold the shift key down (this is
known as a modifier key) while drawing,
the rectangle will be a perfect square.
May also notice small number next to
the cursor, this is a feedback on the
cursor.
Start here
while
holding
the Shift
key
Draw to here
RECTANGLE
TOOL
Another modifying key is the Option key. With the
Rectangle key selected, hold down the Option
key. Notice the icon changes to a cross with a
square around it. Now if you draw, it will go from
the center out. You can combine modifier keys, so
with Shift & Option held you’ll draw a square
from the center out.
Start here
Draw to here
RECTANGLE
TOOL
Sometimes, it’s important to make the rectangle to
a pre-determined size. To do that, select the
Rectangle tool (or just the m key) and click on
the artboard where you want your rectangle to
appear. You will see this dialog box:
Now you can just
enter in the
values you need
and click OK. You
can enter in any
values, so if you
wanted inches
you would enter
in instead of pt.
ELLIPSE
TOOL
The Ellipse Tool (Shortcut Key l) is the
tool used to create ellipses and circles.
Select the ellipse tool, or better yet, hit
the l key to select the tool.
Notice the icon changes shape to a
cross like before with the rectangle tool.
ELLIPSE
TOOL
Using the Ellipse tool, draw a rectangle
from the top left to the bottom right. You
usually create an ellipse by drawing
diagonally from corner to corner while
holding down the mouse button.
Start here
ELLIPSE
TOOL
Draw to here
If you hold the shift key down while
drawing, the rectangle will be a perfect
circle.
Start here
while
holding
the Shift
key
Draw to here
ELLIPSE
TOOL
Another modifying key is the Option key. With the
ellipse tool selected, hold down the option key.
Notice the icon changes to a cross with a circle
around it. Now if you draw, it will go from the
center out. You can combine modifier keys, with
Shift & Option held you’ll draw a circle from the
center out.
Start
here
Draw to here
ELLIPSE
TOOL
Sometimes, it’s important to make the ellipse to a
pre-determined size. To do that, select the Ellipse
tool (or just the l key) and click on the artboard
where you want your ellipse to appear. You will
see this dialog box:
Now you can just
enter in the
values you need
and click OK. You
can enter in any
values, so if you
wanted inches
you would enter
in instead of pt.
ELLIPSE
TOOL
After drawing the ellipse, it will
remain selected so you may be able
to quickly modify its attributes. A
selected element will have a blue
bounding box around it.
There are 8 handles, or little
squares, on the bounding box, 3 at
the top and bottom and 1
each on each side.
Selecting one of these with
the Selection Tool will allow
you to modify its shape. Unlike a
Photoshop element, they remain
editable.
ELLIPSE
TOOL
The default attributes are a
white fill and black stroke. If
you check the properties (to the
left side of the window) you will
see this information. It matches
the symbols on the tool bar.
Clicking on the Fill color box or
the stroke color box will allow
you access to the Swatches
Panel to choose another color.
FILL &
STROKE
FILL
STOKE
COLOR
With the Swatches Panel you have selection of
colors to choose from. You can change the color
of the fill and the stroke. The first square in the
swatches panel has a red line and that
represents none.
So an item can
have any color
fill and stroke or
no fill or no stroke.
Swatches Panel
You also can double click on the fill box or the
Stroke box on your tool bar to open the Color
Picker. On the tool bar, the top box is the active one,
whether it’s the fill (solid) or the stoke (outlined).
Here, you can visually choose any color.
FILL COLOR
(ACTIVE ON
TOP)
STROKE
COLOR
Here we can see an
ellipse with a fill of
an aqua and a
magenta stroke.
Notice the stroke
weight is now 7 pt.
This value can be
entered in when the
object is selected.
STROKE
WEIGHT
Under Transform there is a little
box with 9 little boxes. The
center box is filled. This is the
anchor point for the ellipse and
right now it’s the center point.
You can click on any of the other
little boxes to change the anchor.
That is where Illustrator places
the object measurement. These
are the X and Y values. More on
this later.
The W is the object’s width and
the H is the object’s height.
Another attribute of an object is
its opacity or how transparent
the object is. That setting is also
in the properties panel. OPACITY
After creating an object you can
rotate it by changing the angle in
the Properties Panel, or with
the Selection Tool go to a
corner of the bounding box until
you see a curved arrow (like the
one in the illustration) and just
drag and the object will rotate.
ROTATION
You should now be able to
create a new Illustrator
document and configure a new
tool bar for the tools you like to
use. You should be able to
create rectangles and ellipses
and adjust their fill and stroke
colors, their stroke weight, rotate
and the adjust the object’s
transparency.

More Related Content

What's hot

Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
DUSPviz
 
Lines, shapes, docker
Lines, shapes, dockerLines, shapes, docker
Lines, shapes, docker
SanthiNivas
 
Adobe illustrator cs4 tutorial
Adobe illustrator cs4 tutorial Adobe illustrator cs4 tutorial
Adobe illustrator cs4 tutorial
Agung Yuwono
 
Lesson 9 (Tools Palette 1)
Lesson 9 (Tools Palette 1)Lesson 9 (Tools Palette 1)
Lesson 9 (Tools Palette 1)
Denden Amarante
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6Ila Azmil
 
Drawing and selecting
Drawing and selectingDrawing and selecting
Drawing and selecting
SanthiNivas
 
Pepsi vector tutorial
Pepsi vector tutorialPepsi vector tutorial
Pepsi vector tutorial
balermm
 
Adobe illustrator 2
Adobe illustrator 2Adobe illustrator 2
Adobe illustrator 2
ilaazmil2
 
Google sketch up
Google sketch upGoogle sketch up
Google sketch up
bhushann61294
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
DUSPviz
 
Image manipulation - Photoshop
Image manipulation - PhotoshopImage manipulation - Photoshop
Image manipulation - Photoshop
Cardinal Newman Catholic School
 
Adobe Illustrator CS6 - Magic paintbrush howto
Adobe Illustrator CS6 - Magic paintbrush howtoAdobe Illustrator CS6 - Magic paintbrush howto
Adobe Illustrator CS6 - Magic paintbrush howto
Rafael Felipe Santos
 
Vectors and Pen tool
Vectors and Pen toolVectors and Pen tool
Vectors and Pen tool
clewis86
 
learn sketchup (for the beginners)
learn sketchup (for the beginners)learn sketchup (for the beginners)
learn sketchup (for the beginners)
Moksha Bhatia
 
Educ 215 final- how to guide
Educ 215 final- how to guideEduc 215 final- how to guide
Educ 215 final- how to guide
smemontech
 
Drawing geometric figures
Drawing geometric figuresDrawing geometric figures
Drawing geometric figures
SanthiNivas
 
How to Make a Web 2.0 Play Button in Adobe Illustrator CS6
How to Make a Web 2.0 Play Button in Adobe Illustrator CS6How to Make a Web 2.0 Play Button in Adobe Illustrator CS6
How to Make a Web 2.0 Play Button in Adobe Illustrator CS6
ZillionDesigns
 
Image manipulation - Photoshop
Image manipulation - PhotoshopImage manipulation - Photoshop
Image manipulation - Photoshop
Cardinal Newman Catholic School
 
Corel Draw Beginner Tutorial: How to Make a New Product Flyer
Corel Draw Beginner Tutorial: How to Make a New Product FlyerCorel Draw Beginner Tutorial: How to Make a New Product Flyer
Corel Draw Beginner Tutorial: How to Make a New Product Flyer
Flyer Tutor
 

What's hot (20)

Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
Lines, shapes, docker
Lines, shapes, dockerLines, shapes, docker
Lines, shapes, docker
 
Adobe illustrator cs4 tutorial
Adobe illustrator cs4 tutorial Adobe illustrator cs4 tutorial
Adobe illustrator cs4 tutorial
 
Lesson 9 (Tools Palette 1)
Lesson 9 (Tools Palette 1)Lesson 9 (Tools Palette 1)
Lesson 9 (Tools Palette 1)
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6
 
Drawing and selecting
Drawing and selectingDrawing and selecting
Drawing and selecting
 
Pepsi vector tutorial
Pepsi vector tutorialPepsi vector tutorial
Pepsi vector tutorial
 
Adobe illustrator 2
Adobe illustrator 2Adobe illustrator 2
Adobe illustrator 2
 
Google sketch up
Google sketch upGoogle sketch up
Google sketch up
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
Image manipulation - Photoshop
Image manipulation - PhotoshopImage manipulation - Photoshop
Image manipulation - Photoshop
 
Adobe Illustrator CS6 - Magic paintbrush howto
Adobe Illustrator CS6 - Magic paintbrush howtoAdobe Illustrator CS6 - Magic paintbrush howto
Adobe Illustrator CS6 - Magic paintbrush howto
 
Vectors and Pen tool
Vectors and Pen toolVectors and Pen tool
Vectors and Pen tool
 
Google sketch up tutorial
Google sketch up tutorialGoogle sketch up tutorial
Google sketch up tutorial
 
learn sketchup (for the beginners)
learn sketchup (for the beginners)learn sketchup (for the beginners)
learn sketchup (for the beginners)
 
Educ 215 final- how to guide
Educ 215 final- how to guideEduc 215 final- how to guide
Educ 215 final- how to guide
 
Drawing geometric figures
Drawing geometric figuresDrawing geometric figures
Drawing geometric figures
 
How to Make a Web 2.0 Play Button in Adobe Illustrator CS6
How to Make a Web 2.0 Play Button in Adobe Illustrator CS6How to Make a Web 2.0 Play Button in Adobe Illustrator CS6
How to Make a Web 2.0 Play Button in Adobe Illustrator CS6
 
Image manipulation - Photoshop
Image manipulation - PhotoshopImage manipulation - Photoshop
Image manipulation - Photoshop
 
Corel Draw Beginner Tutorial: How to Make a New Product Flyer
Corel Draw Beginner Tutorial: How to Make a New Product FlyerCorel Draw Beginner Tutorial: How to Make a New Product Flyer
Corel Draw Beginner Tutorial: How to Make a New Product Flyer
 

Similar to Illustrator's basic shapes part 1

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
NitinKumar12570
 
Photoshop Tutorial Booklet
Photoshop Tutorial BookletPhotoshop Tutorial Booklet
Photoshop Tutorial BookletGraveney School
 
Adobe Photoshop Toolbar Introduction
Adobe Photoshop Toolbar IntroductionAdobe Photoshop Toolbar Introduction
Adobe Photoshop Toolbar Introduction
Sidrah Noor
 
Corel draw 12 notes
Corel draw 12 notesCorel draw 12 notes
Corel draw 12 notesSirajRock
 
Session 2.2 photoshop interface
Session 2.2   photoshop interfaceSession 2.2   photoshop interface
Session 2.2 photoshop interface
John Josef Jimenez
 
Edit images using selection in Adobe Photoshop.pptx
Edit images using selection in Adobe Photoshop.pptxEdit images using selection in Adobe Photoshop.pptx
Edit images using selection in Adobe Photoshop.pptx
Marvin Santiago
 
Photoshop Selections
Photoshop SelectionsPhotoshop Selections
Photoshop Selections
Michael e. Stern Photography
 
Photoshop Selections
Photoshop SelectionsPhotoshop Selections
Photoshop Selections
guest694f6a5d
 
3Dimention_lessonA_introMayaModeling.pptx
3Dimention_lessonA_introMayaModeling.pptx3Dimention_lessonA_introMayaModeling.pptx
3Dimention_lessonA_introMayaModeling.pptx
Faris Abuhashish
 
Corel draw
Corel drawCorel draw
Corel draw
argusacademy
 
photoshopbasics.pdf
photoshopbasics.pdfphotoshopbasics.pdf
photoshopbasics.pdf
JoconPaulLauren
 
Adobe illustrator basics
Adobe illustrator basicsAdobe illustrator basics
Adobe illustrator basics
Val Pirch Montgomery
 
0313 adobe-illustrator-cc
0313 adobe-illustrator-cc0313 adobe-illustrator-cc
0313 adobe-illustrator-cc
byline2010
 
PAL #1: Interface and basic drawing
PAL #1: Interface and basic drawingPAL #1: Interface and basic drawing
PAL #1: Interface and basic drawingjbellWCT
 

Similar to Illustrator's basic shapes part 1 (20)

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
 
Photoshop Tutorial Booklet
Photoshop Tutorial BookletPhotoshop Tutorial Booklet
Photoshop Tutorial Booklet
 
Ai tool box 1
Ai tool box 1Ai tool box 1
Ai tool box 1
 
Adobe Photoshop Toolbar Introduction
Adobe Photoshop Toolbar IntroductionAdobe Photoshop Toolbar Introduction
Adobe Photoshop Toolbar Introduction
 
Corel draw 12 notes
Corel draw 12 notesCorel draw 12 notes
Corel draw 12 notes
 
Session 2.2 photoshop interface
Session 2.2   photoshop interfaceSession 2.2   photoshop interface
Session 2.2 photoshop interface
 
Edit images using selection in Adobe Photoshop.pptx
Edit images using selection in Adobe Photoshop.pptxEdit images using selection in Adobe Photoshop.pptx
Edit images using selection in Adobe Photoshop.pptx
 
Photoshop Selections
Photoshop SelectionsPhotoshop Selections
Photoshop Selections
 
Photoshop Selections
Photoshop SelectionsPhotoshop Selections
Photoshop Selections
 
3Dimention_lessonA_introMayaModeling.pptx
3Dimention_lessonA_introMayaModeling.pptx3Dimention_lessonA_introMayaModeling.pptx
3Dimention_lessonA_introMayaModeling.pptx
 
Corel draw
Corel drawCorel draw
Corel draw
 
photoshopbasics.pdf
photoshopbasics.pdfphotoshopbasics.pdf
photoshopbasics.pdf
 
Graphics
GraphicsGraphics
Graphics
 
Adobe illustrator basics
Adobe illustrator basicsAdobe illustrator basics
Adobe illustrator basics
 
Owl Clock
Owl ClockOwl Clock
Owl Clock
 
0313 adobe-illustrator-cc
0313 adobe-illustrator-cc0313 adobe-illustrator-cc
0313 adobe-illustrator-cc
 
Inkscape - A brief
Inkscape - A briefInkscape - A brief
Inkscape - A brief
 
Text and Extrude
Text and ExtrudeText and Extrude
Text and Extrude
 
PAL #1: Interface and basic drawing
PAL #1: Interface and basic drawingPAL #1: Interface and basic drawing
PAL #1: Interface and basic drawing
 
Ip lesson3 notes -master
Ip lesson3 notes -masterIp lesson3 notes -master
Ip lesson3 notes -master
 

More from Jerry Arnold

Photoshop Background
Photoshop BackgroundPhotoshop Background
Photoshop Background
Jerry Arnold
 
InDesign's image frame
InDesign's image frameInDesign's image frame
InDesign's image frame
Jerry Arnold
 
Exploring the workspace part 1
Exploring the workspace part 1Exploring the workspace part 1
Exploring the workspace part 1
Jerry Arnold
 
VCP 118-2 Fall Class information
VCP 118-2 Fall Class informationVCP 118-2 Fall Class information
VCP 118-2 Fall Class information
Jerry Arnold
 
Creating a photoshop document
Creating a photoshop documentCreating a photoshop document
Creating a photoshop document
Jerry Arnold
 
Creating an in InDesign document
Creating an in InDesign documentCreating an in InDesign document
Creating an in InDesign document
Jerry Arnold
 
Creating an Illustrator document for VCP118-2
Creating an Illustrator document for VCP118-2Creating an Illustrator document for VCP118-2
Creating an Illustrator document for VCP118-2
Jerry Arnold
 
VCP 118-2 First class introduction information
VCP 118-2 First class introduction informationVCP 118-2 First class introduction information
VCP 118-2 First class introduction information
Jerry Arnold
 
First class introduction information
First class introduction informationFirst class introduction information
First class introduction information
Jerry Arnold
 
InDesign 2018 Festival Poster
InDesign 2018 Festival PosterInDesign 2018 Festival Poster
InDesign 2018 Festival Poster
Jerry Arnold
 
InDesign Project 7 LetterHead Design
InDesign Project 7 LetterHead DesignInDesign Project 7 LetterHead Design
InDesign Project 7 LetterHead Design
Jerry Arnold
 
Photoshop 2018 Car Magazine Cover
Photoshop 2018 Car Magazine CoverPhotoshop 2018 Car Magazine Cover
Photoshop 2018 Car Magazine Cover
Jerry Arnold
 
Photoshop 2018 Music CD Artwork
Photoshop 2018 Music CD ArtworkPhotoshop 2018 Music CD Artwork
Photoshop 2018 Music CD Artwork
Jerry Arnold
 
Illustrator 18 Identity Package
Illustrator 18 Identity PackageIllustrator 18 Identity Package
Illustrator 18 Identity Package
Jerry Arnold
 
Illustrator 2018 Identity Package
Illustrator 2018 Identity PackageIllustrator 2018 Identity Package
Illustrator 2018 Identity Package
Jerry Arnold
 
Illustrator 2018 Regatta Artwork
Illustrator 2018 Regatta ArtworkIllustrator 2018 Regatta Artwork
Illustrator 2018 Regatta Artwork
Jerry Arnold
 
Illustrator 2018 Campground Icons
Illustrator 2018 Campground Icons Illustrator 2018 Campground Icons
Illustrator 2018 Campground Icons
Jerry Arnold
 
Adobe CC2018 Interface
Adobe CC2018 InterfaceAdobe CC2018 Interface
Adobe CC2018 Interface
Jerry Arnold
 
Print17 slides p5
Print17 slides p5Print17 slides p5
Print17 slides p5
Jerry Arnold
 
Print17 slides p10
Print17 slides p10Print17 slides p10
Print17 slides p10
Jerry Arnold
 

More from Jerry Arnold (20)

Photoshop Background
Photoshop BackgroundPhotoshop Background
Photoshop Background
 
InDesign's image frame
InDesign's image frameInDesign's image frame
InDesign's image frame
 
Exploring the workspace part 1
Exploring the workspace part 1Exploring the workspace part 1
Exploring the workspace part 1
 
VCP 118-2 Fall Class information
VCP 118-2 Fall Class informationVCP 118-2 Fall Class information
VCP 118-2 Fall Class information
 
Creating a photoshop document
Creating a photoshop documentCreating a photoshop document
Creating a photoshop document
 
Creating an in InDesign document
Creating an in InDesign documentCreating an in InDesign document
Creating an in InDesign document
 
Creating an Illustrator document for VCP118-2
Creating an Illustrator document for VCP118-2Creating an Illustrator document for VCP118-2
Creating an Illustrator document for VCP118-2
 
VCP 118-2 First class introduction information
VCP 118-2 First class introduction informationVCP 118-2 First class introduction information
VCP 118-2 First class introduction information
 
First class introduction information
First class introduction informationFirst class introduction information
First class introduction information
 
InDesign 2018 Festival Poster
InDesign 2018 Festival PosterInDesign 2018 Festival Poster
InDesign 2018 Festival Poster
 
InDesign Project 7 LetterHead Design
InDesign Project 7 LetterHead DesignInDesign Project 7 LetterHead Design
InDesign Project 7 LetterHead Design
 
Photoshop 2018 Car Magazine Cover
Photoshop 2018 Car Magazine CoverPhotoshop 2018 Car Magazine Cover
Photoshop 2018 Car Magazine Cover
 
Photoshop 2018 Music CD Artwork
Photoshop 2018 Music CD ArtworkPhotoshop 2018 Music CD Artwork
Photoshop 2018 Music CD Artwork
 
Illustrator 18 Identity Package
Illustrator 18 Identity PackageIllustrator 18 Identity Package
Illustrator 18 Identity Package
 
Illustrator 2018 Identity Package
Illustrator 2018 Identity PackageIllustrator 2018 Identity Package
Illustrator 2018 Identity Package
 
Illustrator 2018 Regatta Artwork
Illustrator 2018 Regatta ArtworkIllustrator 2018 Regatta Artwork
Illustrator 2018 Regatta Artwork
 
Illustrator 2018 Campground Icons
Illustrator 2018 Campground Icons Illustrator 2018 Campground Icons
Illustrator 2018 Campground Icons
 
Adobe CC2018 Interface
Adobe CC2018 InterfaceAdobe CC2018 Interface
Adobe CC2018 Interface
 
Print17 slides p5
Print17 slides p5Print17 slides p5
Print17 slides p5
 
Print17 slides p10
Print17 slides p10Print17 slides p10
Print17 slides p10
 

Recently uploaded

一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
Exploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdfExploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdf
fastfixgaragedoor
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
farazahmadas6
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
madhavlakhanpal29
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 

Recently uploaded (20)

一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
Exploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdfExploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdf
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 

Illustrator's basic shapes part 1

  • 1. Illustrator’s Basic Shapes part 1 Rectangles & Ellipses
  • 2. Rectangles & Ellipses These two are the most basic shapes you can create and are used repeatedly in design. It’s important to gain a good working knowledge on how to make and modify these shapes. We will use our new VCP118 Tool Bar.
  • 3. SELECTION TOOL The Selection Tool (Shortcut Key v) is the tool used to select, move, rotate, and resize objects. Remember that this is the black arrow tool. This shortcut is worth remembering since it work with all three of our Adobe application.
  • 4. DIRECT SELECTION TOOL The Direct Selection Tool (Shortcut Key a) is the tool used to select, move, rotate, and resize objects parts of an object. Whereas the Selection Tool works with the whole object, the Direct Selection Tool works with parts. Remember that this is the white arrow tool. This shortcut is worth remembering since it work with all three of our Adobe application.
  • 5. RECTANGLE TOOL The Rectangle Tool (Shortcut Key m) is the tool used to create quadrilaterals with four right angles, or commonly known as rectangles and squares.
  • 6. RECTANGLE TOOL Select the rectangle tool, or better yet, hit the m key to select the tool. Notice the icon changes shape to a cross. In the Adobe product, it’s important to pay attention to the shape of the icon for it will tell you many things.
  • 7. RECTANGLE TOOL Using the rectangle tool, draw a rectangle from the top left to the bottom right. You usually create a rectangle by drawing diagonally from corner to corner while holding down the mouse button. Start here Draw to here
  • 8. RECTANGLE TOOL If you hold the shift key down (this is known as a modifier key) while drawing, the rectangle will be a perfect square. May also notice small number next to the cursor, this is a feedback on the cursor. Start here while holding the Shift key Draw to here
  • 9. RECTANGLE TOOL Another modifying key is the Option key. With the Rectangle key selected, hold down the Option key. Notice the icon changes to a cross with a square around it. Now if you draw, it will go from the center out. You can combine modifier keys, so with Shift & Option held you’ll draw a square from the center out. Start here Draw to here
  • 10. RECTANGLE TOOL Sometimes, it’s important to make the rectangle to a pre-determined size. To do that, select the Rectangle tool (or just the m key) and click on the artboard where you want your rectangle to appear. You will see this dialog box: Now you can just enter in the values you need and click OK. You can enter in any values, so if you wanted inches you would enter in instead of pt.
  • 11. ELLIPSE TOOL The Ellipse Tool (Shortcut Key l) is the tool used to create ellipses and circles.
  • 12. Select the ellipse tool, or better yet, hit the l key to select the tool. Notice the icon changes shape to a cross like before with the rectangle tool. ELLIPSE TOOL
  • 13. Using the Ellipse tool, draw a rectangle from the top left to the bottom right. You usually create an ellipse by drawing diagonally from corner to corner while holding down the mouse button. Start here ELLIPSE TOOL Draw to here
  • 14. If you hold the shift key down while drawing, the rectangle will be a perfect circle. Start here while holding the Shift key Draw to here ELLIPSE TOOL
  • 15. Another modifying key is the Option key. With the ellipse tool selected, hold down the option key. Notice the icon changes to a cross with a circle around it. Now if you draw, it will go from the center out. You can combine modifier keys, with Shift & Option held you’ll draw a circle from the center out. Start here Draw to here ELLIPSE TOOL
  • 16. Sometimes, it’s important to make the ellipse to a pre-determined size. To do that, select the Ellipse tool (or just the l key) and click on the artboard where you want your ellipse to appear. You will see this dialog box: Now you can just enter in the values you need and click OK. You can enter in any values, so if you wanted inches you would enter in instead of pt. ELLIPSE TOOL
  • 17. After drawing the ellipse, it will remain selected so you may be able to quickly modify its attributes. A selected element will have a blue bounding box around it. There are 8 handles, or little squares, on the bounding box, 3 at the top and bottom and 1 each on each side. Selecting one of these with the Selection Tool will allow you to modify its shape. Unlike a Photoshop element, they remain editable. ELLIPSE TOOL
  • 18. The default attributes are a white fill and black stroke. If you check the properties (to the left side of the window) you will see this information. It matches the symbols on the tool bar. Clicking on the Fill color box or the stroke color box will allow you access to the Swatches Panel to choose another color. FILL & STROKE FILL STOKE COLOR
  • 19. With the Swatches Panel you have selection of colors to choose from. You can change the color of the fill and the stroke. The first square in the swatches panel has a red line and that represents none. So an item can have any color fill and stroke or no fill or no stroke. Swatches Panel
  • 20. You also can double click on the fill box or the Stroke box on your tool bar to open the Color Picker. On the tool bar, the top box is the active one, whether it’s the fill (solid) or the stoke (outlined). Here, you can visually choose any color. FILL COLOR (ACTIVE ON TOP) STROKE COLOR
  • 21. Here we can see an ellipse with a fill of an aqua and a magenta stroke. Notice the stroke weight is now 7 pt. This value can be entered in when the object is selected. STROKE WEIGHT
  • 22. Under Transform there is a little box with 9 little boxes. The center box is filled. This is the anchor point for the ellipse and right now it’s the center point. You can click on any of the other little boxes to change the anchor. That is where Illustrator places the object measurement. These are the X and Y values. More on this later. The W is the object’s width and the H is the object’s height.
  • 23. Another attribute of an object is its opacity or how transparent the object is. That setting is also in the properties panel. OPACITY
  • 24. After creating an object you can rotate it by changing the angle in the Properties Panel, or with the Selection Tool go to a corner of the bounding box until you see a curved arrow (like the one in the illustration) and just drag and the object will rotate. ROTATION
  • 25. You should now be able to create a new Illustrator document and configure a new tool bar for the tools you like to use. You should be able to create rectangles and ellipses and adjust their fill and stroke colors, their stroke weight, rotate and the adjust the object’s transparency.