Infographics: Chart it.. graph it.. and map it

This slideshow requires JavaScript.

 

Infographics Design Project: Charts, graphs and maps: 

Continuing our studies of visual communication, our next assignment is to produce an infographic on a subject matter of your choice. You can approach this from anything to a scientific manner to a humorous/witty manner. Charts, graphs and maps are all part of graphic design – we see them as accompaniment to magazine articles, newspaper spreads and web graphics. Publications from anything such as the NYTimes, to National Geographic, to Maxim use infographics, not to mention countless information based and news websites. Try using a mind map for brainstorming to develop your design approach for this assignment.

Anything from bar graphs, to pie charts, to Venn diagrams, to “pinned maps” to an original idea is acceptable.

You may use hand drawn elements, vector graphics, simple lines and shapes or a combination of several.

See these links for visual research: I love charts and Food Infographics. Also see Pinterest “Infographics” or “Graphs” Also take a look at Cool Infographics for inspiration or this one or this link for tutorials and examples.

This site Pop Chart Lab has a bunch of beautiful vector based charts and infographics

Check out this new link on infographics for social media

Also check out this artist, Chad Hagen for his “Nonsensical Infographics” which I personally love.

David Byrne (of the Talking Heads) also makes art: His book Arborteum has some really interesting diagram drawings.

First things first: Scour the internet or newspaper or a magazine for an article you think would be appropriate for illustration through an infographic. The best articles include statistics, literal communication devices and images as well as a sense of “measuring”.

Ideas to consider: 1. Monetary worth 2. Usage Statistics 3. Compare/Contrast (Something vs. something else) 4. A “How to” 5. Dissecting an object/idea/concept 6. Top 10 ____ 7. Percentage of _____ 8. Demographics. (Check out Palm Beach State College’s demographics as an example)

Element your design must have: 1. Chart or Graph or Map – or combination of the three. Design must combine images and numbers to balance a sense of measuring.

Second step: Technical: Be sure to watch the following Adobe videos on 

 

Illustrator Charts/Graphs tutorial

Illustrator chart graph video

Final design: 11″ x 17″ (or longer)  vector graphic design.

Due date: TBA

Also – you must turn in a hard copy/web link of the article (if applicable)  you are illustrating.

 

Advertisements

Wednesday, Jan. 24 + Wednesday Jan. 31

This slideshow requires JavaScript.

Work day for Animal Totems.

We are working on introducing ourselves to the following tools in this project:

1. The Pen Tool

2. The Shapebuilder tool (adding and subtracting)

3. Tracing an image

4. The Blob Tool and Eraser Tool

This is a great tutorial for more advanced Blob Tool options

5. Shaper tool 

6. Filling with color + using swatches

7. Edit color and Recolor Artwork

 

Reminder: Next week is a work day for your Animal Totem. I will introduce the Infographic project, if you are ready to move forward you can. Animal Totem critique will be Feb. 7

Wednesday, Jan. 17

This slideshow requires JavaScript.

Design Project One: Animal Totems

“From Sketch to Vector” – Surreal Storytelling.

Excellent job last class at our practice exercises!

In our introductory design project, you will sketch and design an Animal Totem to represent you and introduce your style/personality to the class. Your totem can be serious, funny or abstract, but should evoke some emotion. Once you have completed 2-4 sketches in your sketchbook, we will scan them and convert them to vector graphics, trace and add color to them.

Artists have used anthropomorphism since the cave paintings .. and we will continue on this path, finding a new and modern design to a classic trend. I’m crazy about this modern take on Victorian portraits and am looking forward to seeing the new movie, Life of Pi (the book was great!) Have you seen the movie, “The Fantastic Mr. Fox”? and of course, Beatrix Potter books are a childhood classic. Some of the above images are taken from this artist, who produces beautiful and creative animal totems. Another new one here

This project will introduce you to Illustrator and get you more comfortable with the tool bar.

I will show several previous student projects as a way to get ideas for your own. Also seen here.

I really liked this online tutorial for its simplicity.

Design goals: Produce a unique design that shows technical skills in the pen tool, addition of an aesthetically pleasing color scheme and a basic general knowledge of Illustrator.

1. Watch previously assigned intro videos + Check out Chapter 5: Drawing Basics in the PDF textbook

2. Sketch out your animal totem. Produce 2-4 rough sketches. Scan into computer.

3. Trace, add color, tweak lines, alter if necessary.

4. Build through use of the pen tool, shape builder, fills, etc.

5. Critique Wed. Feb. 7

 

Wednesday, Jan. 10

Welcome to our first day of class!

We will go over the following logistical things: syllabus, student work examples/projects, professorhopkins.com

Semester Projects: 

  1. Animal Totem
  2. Infographic
  3. Pattern Design
  4. Music Illustration Poster

In addition:

I will give an overview lecture on Illustrator program basics such as :

What is Illustrator? What are vector graphics?

The PEN tool – the pen tool is one of the most important tools to master in Illustrator. Throughout the semester you will get better at the pen tool, but only with lots of practice!

Setting up new document

Selection vs. Direct Selection

Pen tool basics: add, subtract, convert, handlebars, curves, pencil

Creating/editing shapes + fill with color/stroke, Pen tool, Shape builder and Image Trace demo

Good link on drawing basics

Fun interlude: Play this game for a few minutes to practice the pen tool 😉 

More pen tool resources: 

         Pen tool tips

Other general Adobe Illustrator tutorials

In class assignment: With internet images or your own, work on practicing the use of the pen tool. Add and subtract anchor points and merge shapes together. Due at the end of class.

  1. Two complex images traced with the pen tool
  2. Two shapes built with the pen tool – without image reference
  3. Two images traced with the shape builder tool
  4. Two “image traces” (altered differently)

Homework: Finish watching video tutorials as well as bring in a sketchbook and pencil for Animal Totem brainstorming.