SlideShare una empresa de Scribd logo
1 de 41
Graphic Design Tutorial:
Adobe Illustrator Basics
Open your Illustrator
Use the Start Menu
OR
the AI icon on your desktop
What is Illustrator?
• Illustrator is a vector drawing program.
• It is used to draw
illustrations, cartoons, diagrams, charts and
logos.
• Unlike bitmap images that store information
in a grid of dots, Illustrator uses mathematical
equations to draw out the shapes.
• This makes vector graphics scalable without
the loss of resolution.
Advantages of Vector Graphics
• Scalable without resolution loss
• Lines are crisp and sharp at any sizes
• Print at high resolution
• Smaller file size
• Good for drawing illustrations
Disadvantages of Vector graphics
• Drawings tend to look flat and cartoon
• Hard to produce photo realistic drawings
Common Uses of Illustrator
1. Designing Logos
Common Uses of Illustrator
2. Drawing Maps
Common Uses of Illustrator
3. Drawing Illustrations
Common Uses of Illustrator
4. Infographics
Common Uses of Illustrator
5. Packaging Design
Illustrator Workspace
Toolbar
Status Bar
Menu
Control Palette
Artboard
Floating Palette
The Floating Palette
This is the floating palette which contains properties for our
shapes. It is commonly used for changing colors and stroke
width.
Please Complete
the Ai Tool
Identification
Worksheet
Turn into the Inbox when
completed
Day 2: Basic Shapes
•
In this lesson, we will look at how to use the
shape tools to draw our basic shapes in
illustrator. But before we start, we will look at
how to select a basic shape so that you have
no problems in selecting and editing shapes in
Illustrator.
Selection Tool: Used for selecting and moving a
shape. It can also be used to resize a shape.
Direct Selection Tool: Selects a single anchor
point instead of the whole shape. Used for
editing anchor point of a shape. Click once on a
point to select and hold Shift to select multiple
anchor points.
Shape Tools
Now we will move on to the Shape Tools. When
you go to the Tool Palette and hold the
Rectangle Tool, a list of shape tools will expand
out for you to pick. We will start with the default
Rectangle Tool.
Understanding Fill & Stroke
Click and drag out a Rectangle as shown. By
default, it has a white fill and black stroke.
(Stroke is the border of the shape)
Changing Fill Color
Let’s start changing the fill color for the
rectangle. Double click the Fill from the Tool
Palette. It will pop up the Color Picker. Drag the
slider to blue and select a deep blue color. Click
Ok after that.
Removing Stroke
Click the Stroke in the Tool Palette once to swap
it above Fill. Click the None icon boxed up in red
to set the Stroke to None. The black stroke will
disappear.
Constrain Proportions
To draw a perfect square, we will select the
Rectangle Tool. Hold Shift and drag to draw a
square. Same for the circle, we will select the
Ellipse Tool and hold Shift to drag out a circle.
Resizing Shapes
To resize shapes, select the shape using the
Selection Tool and a bounding box will appear.
Drag the corner anchor point to resize it. To
constrain to proportion while resizing, hold Shift
as you resize. Hold Alt if your want to resize
from the same position.
Rotating Shapes
Select the shape with the Selection Tool and a
bounding box will appear. Move your cursor
near the anchor corner and a rotation icon will
icon, click and turn it to rotate the square. To
snap at 45 degrees increment, hold Shift and
turn.
More Options for Shape Tools
Select the Star Tool. Click once on the artboard
and an option will pop up. Enter the same
values below and click Ok. It will draw a star
burst shape. This method can be used to bring
out more options for shape tools.
Conclusion
Almost all the objects found in our daily life can
be built from combining using the basic shape
tools.
Assignment
Using your knowledge of Ai so far, create an
animal or object using the basic shape tools.
Submit your finished animal on eChalk as a .PDF
file.
How to save files…
Go to File>Save As…
File Name:
BE SPECIFIC
File Type
How to save files…
Day 3: Drawing with the Pencil Tool
• We can quickly draw shapes and lines quickly
using the Pencil and Pen tool.
• Assignment: Watch the video at the link
below. Create a house with a background
using the Pencil and/or Pen tool.
• Submit design via eChalk, in a .pdf format.
Pencil and Pen Tool Video
Drawing a Line
Select the pencil tool and click and drag to draw
a free hand line drawing.
Closing Paths with Pencil Tool
To close a path, hold Alt/Option as your Pencil
Tool reaches the start point. A circle icon will
appear next to the Pencil Tool to indicate path
closure.
Smoothing Jaggy Lines
Normally when you draw with the Pencil
Tool, the path looks jaggy. To smoothen the
parts that are jaggy, simply hold Alt/Option to
turn the Pencil Tool to Smooth Tool. Then draw
over the area of the lines which you would like
to smoothen.
Reshaping Path
To reshape a path, make sure your path is
selected and use the Pencil Tool to redraw the
parts you would like to reshape. Note that the
start and end path must be close to the original
path to make it work.
Pencil Tool Preferences
You can turn on the Pencil Tool Preferences by
double clicking on the Pencil Tool. You can
change the fidelity and smoothness to find a
combination that works for you.
Fidelity: Determines how close the path is drawn to your mouse movement.
Set it at a higher fidelity if your not good at drawing with your mouse.
Smoothness: The higher you set for smoothness, the less anchor point it
produces. Thus, producing a smoother line.
Placing an Image
• Go to File > Place.
• A dialogue box will pop up and the file in
shared-->vmontgomery-->illustrator
• Find a photo you’ve saved somewhere on your
computer.
• Click outside your photo to place.
Layers
• Double click on the Layer name.
• The default name is Layer 1.
• A dialogue box will pop up. Here you can
change some of the Layer preferences like the
name. This is my photo layer, so I changed the
name to “Will.”
• Next, I want to lock my sketch layer, so I don’t draw on it.
To lock a layer, click on the area to the left of the layer
name. A lock will appear. This isn’t permanent, so you can
always unlock it by clicking it again.
• FYI, to the left of the Lock is the Visibility. This makes the
layer visible or invisible.
• Finally, you want to create a second layer to draw
on. Click on the icon at the bottom that looks like
a sheet of paper. A new layer appears. You can
click on the name to change the name or other
preferences.
Day 4: Illustrator Animal
-Using your knowledge of
Illustrator, create an animal using
basic shapes and the pencil tool.

Más contenido relacionado

La actualidad más candente

Adobe Photoshop for Beginners
Adobe Photoshop for BeginnersAdobe Photoshop for Beginners
Adobe Photoshop for BeginnersMahmoud Salah
 
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6ilaazmil2
 
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
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe IllustratorDUSPviz
 
Photoshop intro to basics
Photoshop intro to basicsPhotoshop intro to basics
Photoshop intro to basicsNatalie Hurd
 
Lesson 1 • Introduction to Photoshop
Lesson 1 • Introduction to PhotoshopLesson 1 • Introduction to Photoshop
Lesson 1 • Introduction to PhotoshopMarcio Sargento
 
Session 2.2 photoshop interface
Session 2.2   photoshop interfaceSession 2.2   photoshop interface
Session 2.2 photoshop interfaceJohn Josef Jimenez
 
Presentation on Adobe Photoshop
Presentation on Adobe PhotoshopPresentation on Adobe Photoshop
Presentation on Adobe PhotoshopMohak Jain
 
Designing with illustrator
Designing with illustratorDesigning with illustrator
Designing with illustratorLesley Baumann
 
PPT on Photoshop
PPT on PhotoshopPPT on Photoshop
PPT on PhotoshopPaddy Lock
 
Basic Photoshop Tutorial
Basic Photoshop TutorialBasic Photoshop Tutorial
Basic Photoshop TutorialMarc Dy
 
Introduction to photoshop
Introduction to photoshopIntroduction to photoshop
Introduction to photoshopReymart Canuel
 
Photoshop Introduction
Photoshop IntroductionPhotoshop Introduction
Photoshop IntroductionZ Hoeben
 

La actualidad más candente (20)

Photoshop Guide
Photoshop GuidePhotoshop Guide
Photoshop Guide
 
Adobe Photoshop for Beginners
Adobe Photoshop for BeginnersAdobe Photoshop for Beginners
Adobe Photoshop for Beginners
 
Adobe photoshop cs6
Adobe photoshop cs6Adobe photoshop cs6
Adobe photoshop cs6
 
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
 
Intro to Adobe Illustrator
Intro to Adobe IllustratorIntro to Adobe Illustrator
Intro to Adobe Illustrator
 
Adobe Photoshop
Adobe PhotoshopAdobe Photoshop
Adobe Photoshop
 
Photoshop intro to basics
Photoshop intro to basicsPhotoshop intro to basics
Photoshop intro to basics
 
Lesson 1 • Introduction to Photoshop
Lesson 1 • Introduction to PhotoshopLesson 1 • Introduction to Photoshop
Lesson 1 • Introduction to Photoshop
 
Session 2.2 photoshop interface
Session 2.2   photoshop interfaceSession 2.2   photoshop interface
Session 2.2 photoshop interface
 
TUTORIAL ON PHOTOSHOP
TUTORIAL ON PHOTOSHOPTUTORIAL ON PHOTOSHOP
TUTORIAL ON PHOTOSHOP
 
Adobe Photoshop Tools
Adobe Photoshop ToolsAdobe Photoshop Tools
Adobe Photoshop Tools
 
Presentation on Adobe Photoshop
Presentation on Adobe PhotoshopPresentation on Adobe Photoshop
Presentation on Adobe Photoshop
 
Basics of Photoshop Tutorial
Basics of Photoshop TutorialBasics of Photoshop Tutorial
Basics of Photoshop Tutorial
 
Designing with illustrator
Designing with illustratorDesigning with illustrator
Designing with illustrator
 
PPT on Photoshop
PPT on PhotoshopPPT on Photoshop
PPT on Photoshop
 
Basic Photoshop Tutorial
Basic Photoshop TutorialBasic Photoshop Tutorial
Basic Photoshop Tutorial
 
Adobe Photoshop Tools
Adobe Photoshop ToolsAdobe Photoshop Tools
Adobe Photoshop Tools
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Introduction to photoshop
Introduction to photoshopIntroduction to photoshop
Introduction to photoshop
 
Photoshop Introduction
Photoshop IntroductionPhotoshop Introduction
Photoshop Introduction
 

Similar a Adobe illustrator basics

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
 
Adobe illustrator cs4 tutorial
Adobe illustrator cs4 tutorial Adobe illustrator cs4 tutorial
Adobe illustrator cs4 tutorial Agung Yuwono
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6ilaazmil2
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6Ila Azmil
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6Ila Azmil
 
0313 adobe-illustrator-cc
0313 adobe-illustrator-cc0313 adobe-illustrator-cc
0313 adobe-illustrator-ccbyline2010
 
Photoshop Tutorial Booklet
Photoshop Tutorial BookletPhotoshop Tutorial Booklet
Photoshop Tutorial BookletGraveney School
 
Unit 1- Introduction.pptx
Unit 1- Introduction.pptxUnit 1- Introduction.pptx
Unit 1- Introduction.pptxSanthiNivas
 
Introduction to CorelDRAW
Introduction to CorelDRAWIntroduction to CorelDRAW
Introduction to CorelDRAWSanthiNivas
 
Photoshop editing booklet 2019
Photoshop editing booklet 2019Photoshop editing booklet 2019
Photoshop editing booklet 2019missfcmay
 
Digital work station intro
Digital work station introDigital work station intro
Digital work station introWhitney Brooks
 
Managing Visual Design in Axure
Managing Visual Design in AxureManaging Visual Design in Axure
Managing Visual Design in AxureFred Beecher
 

Similar a Adobe illustrator basics (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
 
Adobe illustrator cs4 tutorial
Adobe illustrator cs4 tutorial Adobe illustrator cs4 tutorial
Adobe illustrator cs4 tutorial
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6
 
Adobe illustrator cs6
Adobe illustrator cs6Adobe illustrator cs6
Adobe illustrator cs6
 
Graphics
GraphicsGraphics
Graphics
 
Digitizing a logo
Digitizing a logoDigitizing a logo
Digitizing a logo
 
0313 adobe-illustrator-cc
0313 adobe-illustrator-cc0313 adobe-illustrator-cc
0313 adobe-illustrator-cc
 
Photoshop Tutorial Booklet
Photoshop Tutorial BookletPhotoshop Tutorial Booklet
Photoshop Tutorial Booklet
 
Unit 1- Introduction.pptx
Unit 1- Introduction.pptxUnit 1- Introduction.pptx
Unit 1- Introduction.pptx
 
Introduction to CorelDRAW
Introduction to CorelDRAWIntroduction to CorelDRAW
Introduction to CorelDRAW
 
Photoshop basics
Photoshop basicsPhotoshop basics
Photoshop basics
 
Photoshop editing booklet 2019
Photoshop editing booklet 2019Photoshop editing booklet 2019
Photoshop editing booklet 2019
 
2010 11 Graphics
2010 11 Graphics2010 11 Graphics
2010 11 Graphics
 
photoshopbasics.pdf
photoshopbasics.pdfphotoshopbasics.pdf
photoshopbasics.pdf
 
Chap39
Chap39Chap39
Chap39
 
Digital work station intro
Digital work station introDigital work station intro
Digital work station intro
 
Managing Visual Design in Axure
Managing Visual Design in AxureManaging Visual Design in Axure
Managing Visual Design in Axure
 
Corel draw
Corel drawCorel draw
Corel draw
 
dr_4
dr_4dr_4
dr_4
 

Último

Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajanpragatimahajan3
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...PsychoTech Services
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 

Último (20)

Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
IGNOU MSCCFT and PGDCFT Exam Question Pattern: MCFT003 Counselling and Family...
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 

Adobe illustrator basics

  • 1. Graphic Design Tutorial: Adobe Illustrator Basics
  • 2. Open your Illustrator Use the Start Menu OR the AI icon on your desktop
  • 3. What is Illustrator? • Illustrator is a vector drawing program. • It is used to draw illustrations, cartoons, diagrams, charts and logos. • Unlike bitmap images that store information in a grid of dots, Illustrator uses mathematical equations to draw out the shapes. • This makes vector graphics scalable without the loss of resolution.
  • 4.
  • 5. Advantages of Vector Graphics • Scalable without resolution loss • Lines are crisp and sharp at any sizes • Print at high resolution • Smaller file size • Good for drawing illustrations Disadvantages of Vector graphics • Drawings tend to look flat and cartoon • Hard to produce photo realistic drawings
  • 6. Common Uses of Illustrator 1. Designing Logos
  • 7. Common Uses of Illustrator 2. Drawing Maps
  • 8. Common Uses of Illustrator 3. Drawing Illustrations
  • 9. Common Uses of Illustrator 4. Infographics
  • 10. Common Uses of Illustrator 5. Packaging Design
  • 11.
  • 12. Illustrator Workspace Toolbar Status Bar Menu Control Palette Artboard Floating Palette
  • 13. The Floating Palette This is the floating palette which contains properties for our shapes. It is commonly used for changing colors and stroke width. Please Complete the Ai Tool Identification Worksheet Turn into the Inbox when completed
  • 14.
  • 15. Day 2: Basic Shapes • In this lesson, we will look at how to use the shape tools to draw our basic shapes in illustrator. But before we start, we will look at how to select a basic shape so that you have no problems in selecting and editing shapes in Illustrator.
  • 16. Selection Tool: Used for selecting and moving a shape. It can also be used to resize a shape. Direct Selection Tool: Selects a single anchor point instead of the whole shape. Used for editing anchor point of a shape. Click once on a point to select and hold Shift to select multiple anchor points.
  • 17. Shape Tools Now we will move on to the Shape Tools. When you go to the Tool Palette and hold the Rectangle Tool, a list of shape tools will expand out for you to pick. We will start with the default Rectangle Tool.
  • 18. Understanding Fill & Stroke Click and drag out a Rectangle as shown. By default, it has a white fill and black stroke. (Stroke is the border of the shape)
  • 19. Changing Fill Color Let’s start changing the fill color for the rectangle. Double click the Fill from the Tool Palette. It will pop up the Color Picker. Drag the slider to blue and select a deep blue color. Click Ok after that.
  • 20. Removing Stroke Click the Stroke in the Tool Palette once to swap it above Fill. Click the None icon boxed up in red to set the Stroke to None. The black stroke will disappear.
  • 21. Constrain Proportions To draw a perfect square, we will select the Rectangle Tool. Hold Shift and drag to draw a square. Same for the circle, we will select the Ellipse Tool and hold Shift to drag out a circle.
  • 22. Resizing Shapes To resize shapes, select the shape using the Selection Tool and a bounding box will appear. Drag the corner anchor point to resize it. To constrain to proportion while resizing, hold Shift as you resize. Hold Alt if your want to resize from the same position.
  • 23. Rotating Shapes Select the shape with the Selection Tool and a bounding box will appear. Move your cursor near the anchor corner and a rotation icon will icon, click and turn it to rotate the square. To snap at 45 degrees increment, hold Shift and turn.
  • 24. More Options for Shape Tools Select the Star Tool. Click once on the artboard and an option will pop up. Enter the same values below and click Ok. It will draw a star burst shape. This method can be used to bring out more options for shape tools.
  • 25. Conclusion Almost all the objects found in our daily life can be built from combining using the basic shape tools. Assignment Using your knowledge of Ai so far, create an animal or object using the basic shape tools. Submit your finished animal on eChalk as a .PDF file.
  • 26. How to save files… Go to File>Save As… File Name: BE SPECIFIC File Type
  • 27. How to save files…
  • 28.
  • 29. Day 3: Drawing with the Pencil Tool • We can quickly draw shapes and lines quickly using the Pencil and Pen tool. • Assignment: Watch the video at the link below. Create a house with a background using the Pencil and/or Pen tool. • Submit design via eChalk, in a .pdf format. Pencil and Pen Tool Video
  • 30. Drawing a Line Select the pencil tool and click and drag to draw a free hand line drawing.
  • 31. Closing Paths with Pencil Tool To close a path, hold Alt/Option as your Pencil Tool reaches the start point. A circle icon will appear next to the Pencil Tool to indicate path closure.
  • 32. Smoothing Jaggy Lines Normally when you draw with the Pencil Tool, the path looks jaggy. To smoothen the parts that are jaggy, simply hold Alt/Option to turn the Pencil Tool to Smooth Tool. Then draw over the area of the lines which you would like to smoothen.
  • 33. Reshaping Path To reshape a path, make sure your path is selected and use the Pencil Tool to redraw the parts you would like to reshape. Note that the start and end path must be close to the original path to make it work.
  • 34. Pencil Tool Preferences You can turn on the Pencil Tool Preferences by double clicking on the Pencil Tool. You can change the fidelity and smoothness to find a combination that works for you. Fidelity: Determines how close the path is drawn to your mouse movement. Set it at a higher fidelity if your not good at drawing with your mouse. Smoothness: The higher you set for smoothness, the less anchor point it produces. Thus, producing a smoother line.
  • 35. Placing an Image • Go to File > Place. • A dialogue box will pop up and the file in shared-->vmontgomery-->illustrator • Find a photo you’ve saved somewhere on your computer. • Click outside your photo to place.
  • 36. Layers • Double click on the Layer name. • The default name is Layer 1. • A dialogue box will pop up. Here you can change some of the Layer preferences like the name. This is my photo layer, so I changed the name to “Will.”
  • 37.
  • 38. • Next, I want to lock my sketch layer, so I don’t draw on it. To lock a layer, click on the area to the left of the layer name. A lock will appear. This isn’t permanent, so you can always unlock it by clicking it again. • FYI, to the left of the Lock is the Visibility. This makes the layer visible or invisible.
  • 39. • Finally, you want to create a second layer to draw on. Click on the icon at the bottom that looks like a sheet of paper. A new layer appears. You can click on the name to change the name or other preferences.
  • 40.
  • 41. Day 4: Illustrator Animal -Using your knowledge of Illustrator, create an animal using basic shapes and the pencil tool.