Calendar updates:

Wednesday, March 3: Live meeting for in -progress Infographic. Have something in the Google Drive to show your progress.

Wednesday, March 10: NO CLASS – SPRING BREAK! Get some rest 😉

Wednesday, March 17: Intro to Pattern Design – meeting at 8 a.m. on Blackboard Collaborate

Tuesday, March 23: Infographic project due to Google Drive by 5 p.m! Please upload a .pdf

Wednesday, March 24: Critique on Infographic + pattern reminders 8 a.m. on Blackboard Collaborate

Wednesday, Feb. 24 : Lab day for Infographics

Today will be a lab day for Infographics – work from home to gather information and plan your project

These are the steps I would recommend for this project: 

  1. Research / Data Gathering
  2. Compositional Layout – How are you going to present all this info?
  3. Title Design
  4. Typography + Color
  5. Design Icons/Elements

Next week we will also do a technical demo on how to use the “Edit Colors/Recolor Artwork” feature in Illustrator so you can be sure you are certain about your color decisions.

Color support: 

https://helpx.adobe.com/illustrator/using/adjusting-colors.html

Recolor Artwork

Extra AMAZING link for professional Data Visualization examples

https://visual.ly/product/infographic-design

We will meet live at 8 a.m. on Wednesday, March 3 – please have your project started and have questions ready!

Use this as inspiration for planning!

Installing Typefaces

Hello students! With this Illustrator typography project, you might want to consider downloading custom typefaces! Here is a great website that has thousands of options – DaFont

How to install:

1.Sift through to find a typeface you like

2. Press the “download” button

3. Find the file in your “downloads” – double click the .otf or .ttf file to instal in your FontBook.

4. Once installed in your FontBook – you can use the font on any platform on your computer!



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

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: See Pinterest “Infographics” or “Graphs” Also take a look at Cool Infographics for inspiration.

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

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

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.

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.

Accessibility and Design

Check out this link for great resources on color design and accessibility

These are great reminders to remember

One of the best articles I found: Accessibility and Gradient Design

Here are some ADA compliant gradients that I specifically thought were helpful:

7 things you should know about ADA compliance

EXTRA extensive and comprehensive PDF handbook on “Access Ability”

Thank you, Michell for asking a great question! Hope this helps.

Plan:

Hey students! Great class today to introduce some basic concepts in Illustrator. Remember that you can check back with the recording in Blackboard or see the links below or tutorials on the left menu if you get stuck.

Wednesday, Feb. 10: Live critique at 8 a.m. on Collaborate.

Please upload your .pdf file by Tuesday at 5 p.m. so I can get it onto our Critique Hub for viewing.

See you then! And know you can email me anytime with questions!

“Glowing” textures

Lots of great ways to add texture to your flat vector work:

Adding image and artistic effects

Some great videos

Grain effect:

https://design.tutsplus.com/tutorials/how-to-create-different-vector-textures-using-adobe-illustrator–cms-31061

Clipping Masks with inserted Textures/Brushes, etc.

Making a Clipping Mask with a transparent texture from Photoshop is a great idea too. This way you can apply the texture to the interior of block text, a closed path or a shape.

https://ncoughlin.com/posts/illustrator-apply-texture-to-vector/

Vintage Halftones

Adding halftones can be fun!

Glowing – Inner and Outer Glow:

https://helpx.adobe.com/illustrator/using/drop-shadows-glows-feathering.html#:~:text=%E4%B8%AD%E5%9B%BD%E4%B8%8D%E5%8F%AF%E7%94%A8%E3%80%82-,Apply%20an%20inner%20or%20outer%20glow,Mode

Glow TEXT

Gradients

Here are some great resources on gradients – the new-ish free form gradient tool is a great tool to help you add depth once you are ready.

762447d9ca0f97b983f056b842209fc3

Gradient tool, panel + color stops

Check out the new gradient annotator and free form gradient tools.

Adobe gradients help

Another good one + adding to the swatches panel.

Additional video  – 4 min.

Excellent branding campaign focused on simple shapes + gradients

fdc53d58058885.59ef9f37add0dadb83358058885.5a1d88c2ec63e

Collective Futures

From Sketch to Vector

We will be working on your skills “from sketch to vector” the entire semester. Everyone has a different way of working, but I am a firm believer in sketchbooks! I personally like old school ones, but you can even sketch digitally if that works for you.

I mentioned this tutorial in the previous post, because I really love its simplicity.

But also check out one of my favorite designers, Owen Davey.

His website is fantastic – his shop features many animal illustrations that are really great inspiration for this project – and his IG is wonderful too.