Embedded Files
Why do this?
Why do this?
Infographics are essential to a graphic designer's toolbox of skills
Infographics are essential to a graphic designer's toolbox of skills
Graphic/visual designers use symbols and simple images to communicate big ideas
Graphic/visual designers use symbols and simple images to communicate big ideas
We need to know the importance of Composition Principles to create a quality product!
We need to know the importance of Composition Principles to create a quality product!
Outcomes (what we end up with):
Outcomes (what we end up with):
an infographic about you, as a teenager
an understanding of vector and alignment tools in Illustrator
practice making simple icons/graphics for visual communication in online vector software with Vectr.
basic layout and composition skills
understanding of grid based design and hierarchy of design
Infographics
Infographics
Watch for introduction to the importance of (5 minutes):
Proximity
White Space (negative space)
Alignment
Contrast
Repetition
Watch this video to see how Typography choice can influence the success of your layout! Look out for:
What fonts to avoid and how to replace them
What's the max number of fonts to use, and how you can create variety without changing the typeface
What kerning, leading, tracking, and hierarchy are
Intro to Photoshop: Select and Mask
Intro to Photoshop: Select and Mask
Open photo in Photoshop
Click on a Selection Tool and then on Select and Mask at top of window
In Properties, change View Mode to Overlay (red background), toggle between View modes to see the edge of your selection better
At top of window, use Select Subject - it may take a few seconds
Use Quick Selection tool, Refine Edge tool, Object Selection tool, and Polygonal Lasso tool with Add to selection and Subtract from selection to refine your selection [right and left bracket keys will make the tool larger or smaller]
Use the option sliders in Properties for a better edge.
When your selection is clean, say Okay at the bottom of Properties
On the main page, your image will be masked. If it isn't, click on Layer Mask at bottom of Layers panel
Three Levels of Hierarchy of Design using Typeface
Three Levels of Hierarchy of Design using Typeface
Infographics
Infographics
Data that is sorted and arranged
Data that is sorted and arranged
Emphasize images over text
Emphasize images over text
Use simple images
Use simple images
Use uncomplicated readable fonts
Use uncomplicated readable fonts
Have COLOR SCHEMES
Have COLOR SCHEMES
Use graphs and charts to sort data
Use graphs and charts to sort data
Use lines, arrows, and implied lines to visually connect
Use lines, arrows, and implied lines to visually connect
Have a hierarchy of design that is clear. Most important things are BIGGER, BOLDER, BRIGHTER and given more SPACE
Have a hierarchy of design that is clear. Most important things are BIGGER, BOLDER, BRIGHTER and given more SPACE
General Criteria for Infographic
General Criteria for Infographic
Positive humor - YES! Negativity ... no.
Positive humor - YES! Negativity ... no.
Infographic includes:
Infographic includes:
Title
Your Name
Uses Hierarchy of Design
No more than one typeface!
Habitat, appearance, and 3 more categories of facts (ex: music, favorite food, hobbies, social connection, family, technology, entertainment, etc.) Categories are titled.
One full figure image developed either digitally drawn or developed in Photoshop
GRID BASED design! Everything is aligned
Simple vector icons/symbols to represent information
Consistent Color Scheme
Arrows, lines or implied lines connect information, full figure is labeled for appearance
SIMPLE ICONS/SYMBOLS -
SIMPLE ICONS/SYMBOLS -
Research infographics and save at least two with a style that you like
Sketch multiple ideas in your sketchbook
On one page, makes several options for icons in vector (10 is suggested)
establish a 'style' that is consistent for all of your icons
Optional: use Procreate with Ipad and Ipencil to draw your symbols/icons. Focus on creating a cohesive group of images. These will be exported and brought into Illustrator as completed images.
Watch the video about layout and grid based design (link in the title above)
Bring your symbols into a new page in Illustrator, 8.5" x 14". Name your document and turn on the grid and snapping.
Explore grid concepts by placing rectangles in the space (as shown below). The rectangles are a way to 'audition' your layout ideas. Once you start placing your objects, you can eliminate the rectangles.
Layout and Hierarchy of Design
Layout and Hierarchy of Design
Report abuse