SlideShare a Scribd company logo
1 of 3
Images taken from: http://vectips.com/tutorials/creating-seamless-textures/

CREATING A GRAPHIC USING TEXTURE

Create a RECTANGLE with a LINEAR
GRADIENT

Adjust the COLOR of the GRADIENT by
selecting new colors

Use the APPEARANCE window to add a
NEW FILL to your shape

Again, use the APPEARANCE window to
change the FILL

Use TEXTURE  GRAIN

Change the BLENDING MODE 
MULTIPLY

Add a NEW FILL  RADIAL GRADIENT, a
White to Transparent gradient

Change the BLENDING MODE to
OVERLAY

Add TEXT and remove the STROKE/FILL,
then from APPEARANCE  NEW FILL

Add a LINEAR GRADIENT

Experiment with FILLS, TEXTURES, and
BLENDING MODES

Experiment with EFFECTS like DROP
SHADOW, GLOW etc.
CREATING A GRAPHIC USING NEGATIVE SPACE

Images taken from: http://www.gomediazine.com/tutorials/illustrator/creating-an-illustrative-monogram/

Create a set of solid SHAPES

Create negative space SHAPES

Add more negative space shapes to fill
out the final form

Use the PEN TOOL and TRANSFORM
TOOLS to finish the shape

Create additional shapes using positive
and negative space

Use the PEN TOOL and different BRUSH
SETTINGS to create embellishments

Use different WEIGHTED brushes to
finalize the embellishments

Use the pen tool to create more shapes
and add a GRADIENT OR MESH

BEND, TRANSFORM and WARP the
gradients to fit the shapes

Repeat the first SEVEN steps to create a
complimentary graphic

Repeat the steps for creating a
GRADIENT or MESH

Place the pieces together to create a
strong composition and harmony
CREATING A GRAPHIC USING LINES for 3-Dimensional SPACE

Images taken from: http://vectips.com/tutorials/create-a-3d-text-effect-in-adobe-illustrator/

Create an “empty” text (no fill/stroke)
and then add a NEW FILL  GRADIENT

From APPEARANCE use TRANSFORM
EFFECT to create an OFFSET PATH

Repeat the last step and create a darker
colored OFFSET PATH (shadow)

Repeat the last step and use a lighter
colored OFFSET PATH (outline)

Repeat the last step and create a new
OFFSET PATH off centered (highlights)

Repeat the last step and create an
outline around the whole graphic

Repeat the last step for a bolder outline

Repeat the last step and create an off
centered OFFSET PATH (bevel)

Use STYLIZE  DROP SHADOW

Repeat the last step for other FILL
LAYERS (text itself, not the outline)

Finalize with EFFECTS

Experiment with colors, overlays and
textures

More Related Content

Viewers also liked

DID Unit 3 - Notes and Exercise
DID Unit 3 - Notes and Exercise DID Unit 3 - Notes and Exercise
DID Unit 3 - Notes and Exercise MrLawler
 
DID Unit 5 - Notes and Exercise
DID Unit 5 - Notes and ExerciseDID Unit 5 - Notes and Exercise
DID Unit 5 - Notes and ExerciseMrLawler
 
DID Unit 2: Exercises
DID Unit 2: Exercises DID Unit 2: Exercises
DID Unit 2: Exercises MrLawler
 
Digital photography handbook
Digital photography handbookDigital photography handbook
Digital photography handbookMrLawler
 
DID Unit 4: Tutorials and Project
DID Unit 4: Tutorials and ProjectDID Unit 4: Tutorials and Project
DID Unit 4: Tutorials and ProjectMrLawler
 
Unit 4: Case Study and Tutorials
Unit 4: Case Study and TutorialsUnit 4: Case Study and Tutorials
Unit 4: Case Study and TutorialsMrLawler
 
Unit 3 Notes - Urban Setting
Unit 3 Notes - Urban SettingUnit 3 Notes - Urban Setting
Unit 3 Notes - Urban SettingMrLawler
 
Unit 3 - Photography as Design: Principles
Unit 3 - Photography as Design: PrinciplesUnit 3 - Photography as Design: Principles
Unit 3 - Photography as Design: PrinciplesMrLawler
 
DID Unit 2 Exercises
DID Unit 2 ExercisesDID Unit 2 Exercises
DID Unit 2 ExercisesMrLawler
 
Case study 05
Case study 05Case study 05
Case study 05MrLawler
 
DID Unit 5 - Illustrator Basics
DID Unit 5 - Illustrator BasicsDID Unit 5 - Illustrator Basics
DID Unit 5 - Illustrator BasicsMrLawler
 
Unit 2 - Notes on Portraiture
Unit 2 - Notes on PortraitureUnit 2 - Notes on Portraiture
Unit 2 - Notes on PortraitureMrLawler
 

Viewers also liked (12)

DID Unit 3 - Notes and Exercise
DID Unit 3 - Notes and Exercise DID Unit 3 - Notes and Exercise
DID Unit 3 - Notes and Exercise
 
DID Unit 5 - Notes and Exercise
DID Unit 5 - Notes and ExerciseDID Unit 5 - Notes and Exercise
DID Unit 5 - Notes and Exercise
 
DID Unit 2: Exercises
DID Unit 2: Exercises DID Unit 2: Exercises
DID Unit 2: Exercises
 
Digital photography handbook
Digital photography handbookDigital photography handbook
Digital photography handbook
 
DID Unit 4: Tutorials and Project
DID Unit 4: Tutorials and ProjectDID Unit 4: Tutorials and Project
DID Unit 4: Tutorials and Project
 
Unit 4: Case Study and Tutorials
Unit 4: Case Study and TutorialsUnit 4: Case Study and Tutorials
Unit 4: Case Study and Tutorials
 
Unit 3 Notes - Urban Setting
Unit 3 Notes - Urban SettingUnit 3 Notes - Urban Setting
Unit 3 Notes - Urban Setting
 
Unit 3 - Photography as Design: Principles
Unit 3 - Photography as Design: PrinciplesUnit 3 - Photography as Design: Principles
Unit 3 - Photography as Design: Principles
 
DID Unit 2 Exercises
DID Unit 2 ExercisesDID Unit 2 Exercises
DID Unit 2 Exercises
 
Case study 05
Case study 05Case study 05
Case study 05
 
DID Unit 5 - Illustrator Basics
DID Unit 5 - Illustrator BasicsDID Unit 5 - Illustrator Basics
DID Unit 5 - Illustrator Basics
 
Unit 2 - Notes on Portraiture
Unit 2 - Notes on PortraitureUnit 2 - Notes on Portraiture
Unit 2 - Notes on Portraiture
 

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
 

Tutorials: Graphics Using the Elements of Design

  • 1. Images taken from: http://vectips.com/tutorials/creating-seamless-textures/ CREATING A GRAPHIC USING TEXTURE Create a RECTANGLE with a LINEAR GRADIENT Adjust the COLOR of the GRADIENT by selecting new colors Use the APPEARANCE window to add a NEW FILL to your shape Again, use the APPEARANCE window to change the FILL Use TEXTURE  GRAIN Change the BLENDING MODE  MULTIPLY Add a NEW FILL  RADIAL GRADIENT, a White to Transparent gradient Change the BLENDING MODE to OVERLAY Add TEXT and remove the STROKE/FILL, then from APPEARANCE  NEW FILL Add a LINEAR GRADIENT Experiment with FILLS, TEXTURES, and BLENDING MODES Experiment with EFFECTS like DROP SHADOW, GLOW etc.
  • 2. CREATING A GRAPHIC USING NEGATIVE SPACE Images taken from: http://www.gomediazine.com/tutorials/illustrator/creating-an-illustrative-monogram/ Create a set of solid SHAPES Create negative space SHAPES Add more negative space shapes to fill out the final form Use the PEN TOOL and TRANSFORM TOOLS to finish the shape Create additional shapes using positive and negative space Use the PEN TOOL and different BRUSH SETTINGS to create embellishments Use different WEIGHTED brushes to finalize the embellishments Use the pen tool to create more shapes and add a GRADIENT OR MESH BEND, TRANSFORM and WARP the gradients to fit the shapes Repeat the first SEVEN steps to create a complimentary graphic Repeat the steps for creating a GRADIENT or MESH Place the pieces together to create a strong composition and harmony
  • 3. CREATING A GRAPHIC USING LINES for 3-Dimensional SPACE Images taken from: http://vectips.com/tutorials/create-a-3d-text-effect-in-adobe-illustrator/ Create an “empty” text (no fill/stroke) and then add a NEW FILL  GRADIENT From APPEARANCE use TRANSFORM EFFECT to create an OFFSET PATH Repeat the last step and create a darker colored OFFSET PATH (shadow) Repeat the last step and use a lighter colored OFFSET PATH (outline) Repeat the last step and create a new OFFSET PATH off centered (highlights) Repeat the last step and create an outline around the whole graphic Repeat the last step for a bolder outline Repeat the last step and create an off centered OFFSET PATH (bevel) Use STYLIZE  DROP SHADOW Repeat the last step for other FILL LAYERS (text itself, not the outline) Finalize with EFFECTS Experiment with colors, overlays and textures