Color Theory

Let’s talk color today!

Edit colors: Recolor artwork

Favorite: https://color.adobe.com/create/color-wheel/

https://helpx.adobe.com/illustrator/using/color-groups-harmonies.html

Another great resource

Adobe + color application

Advertisements

Pen tool : from 101 to advanced

101

Get the Pen tool = P

Get the black arrow = V

Get the white arrow = A

Pen tool best practices:

  1. Work in one direction – don’t change directions mid-drawing.
  2. Keep the handles of your curves pointing in the direction you are drawing. If they point backwards, you will get nasty (or perhaps useful) bumps and squiggles.
  3. Always work with closed paths. No matter how skinny the line. * note that lines created with the line tool should also be converted to paths/outlines before artwork is handed off to anyone. This is because lines tend to scale (get thicker or thinner) when artwork is scaled. Check the scaling preferences in Edit > Preferences.
  4. A single click will make a corner point. This has no handles.
  5. A click’n’drag will make a curve point. This has handles.
  6. When tracing artwork, always put the artwork on a locked layer.
  7. It is usually best to use a semi-transparent colour to trace with, rather than a line. The thickness of the line can obscure the actual path.
  8. Aim to create as few points as necessary.
  9. Once you have made a path, you will probably want to go back and fix it in places.
    1. Use the black arrow to move whole paths (V)
    2. Use the white arrow (A) to move points.
    3. Hold Alt and click’n’drag on an existing point to give it new handles. Great if you want to add or adjust a curve.
    4. Hold Alt and single click on an existing point to remove handles. Good if you want to remove a curve.
    5. When you have the Pen tool (P) in use, you may want to quickly jump back to the black arrow to select a path, or deselect a path. Instead of using (V), while the pen tool is in use, just hold down Ctrl and click. Same as black arrow tool, quick and useful. J
    6. Sometimes it’s useful to adjust both handles of a point at once (i.e., adjust the curve on both sides of the point). Use the white arrow (A) to do this.
    7. Other times you only want to adjust the handle on one side of a point (i.e., adjust the curve on one side of a point). Use the chevron tool to do this. To access the chevron tool  you need to have the pen tool in use (P). Hold down the Alt key and a little > shape will appear, tilted, next to your cursor. Use that to grab the handle you want to change. * Note: if the point you want to change is an extrema point, remember to also hold the Shift key to retain perfect 90° lines.

Pathfinder Tool

*Note:  To cut a shape out of another shape, you need to be working only with closed paths. Open paths, text and lines will NOT work.

The bottom left icon (Divide) will cut or punch a shape out of another shape, much like a cookie cutter cuts out a shape from dough. The dough should preferably be at the bottom.

  1. Stack two closed-path-objects over top of each other. They can overlap completely, or partially.
  2. With both paths selected, click the Divide icon. Your shapes will now be cut, but they will be grouped.
  3. Ungroup the shapes. Ctrl + Shift + G to ungroup.
  4. Using the black arrow (V) select the piece you want to remove, and either move it or delete it. Voila, one hole. J

The top left icon (Unite) will join two closed paths together. Same step one as above, then click Unit icon. That’s it, you now have a single path from what used to be two or more separate paths.

Align Tool

You should be able to work out the basic “align-left” “align centre, and “align top” tools easily enough.

*Note: Before aligning or distributing anything, always check what you are aligning stuff to. See the icon in the bottom left. Usually you want to align to selection (things you have selected on the page), but sometimes you may want to align stuff to the page.

You have two choices with the Distribute tools, you can either distribute centres, or distribute spaces.

Distribute centres is great when all your objects are the same dimension (i.e. same width if you plan to distribute horizontally). It is a pain if you have objects of different dimensions though; then it just makes a mess.

That is where distribute spaces comes in handy. It makes the space between all the objects you have selected even. A good example is text (turned to outlines), which are often varied widths.

Family of Characters

This slideshow requires JavaScript.

Selfie Family 

Lovely Ladies

“Demain” – Children’s Book

Aviva Short Stories

ETSY.COM: Family Portrait

Adobe Illustrator is for illustrators.. In this project, communicate your “illustrative style” by starting from a blank document and using the pen tool, in addition to others, building a cohesive character design. This character design should be seen as a creative illustration – one that could later be used in a children’s book, to print and frame as a gift, to later animate, the possibilities are endless!

bd3c0841422833.57a50163a03ea.gif

Project Requirements: Sketch and develop character designs for 4-6 people in a setting of your choice. (Could include animals!)

Include details that make the character “human” – accessories, facial expressions, texture, color, etc.

Technical requirements: show skill with the pen tool, composition, color design

There is alot of creativity within the style of illustration – I am open and excited about your ideas!

Size: 8 1/2 x 11″

Monday, Aug. 27: Introductions

Hello and welcome to Illustrator 2!

Happy first day of the Fall 2018 semester… Today we will go over the syllabus, our proposed projects, options for online tutorials and basic Illustrator technical questions. Please be sure to look at our syllabus, which you can find here .

Please stay posted as I design our class blog. Follow along and log on from home to access assignments, due dates and links to inspiring designers.

This class will meet from 8 a.m. – 11:30 a.m. on Mondays. It is very important that you keep up with your projects as well as participate in our Design Critiques – not only for the benefit of your grade, but for your greater benefit towards becoming professional graphic designers!

I’m looking forward to a great semester!

Best, Prof. Hopkins

 

Course Description: This advanced course will give essential skills in vector graphics through the Illustrator program, covering a range of projects and creative explorations. Emphasis will be placed on creative problem solving, the pen tool, shape building, pattern creation and typographic experimentation.

  1. Family of Characters – a warm up project to get re-acquainted with the Illustrator tools and toolbar.                                                                                                  From Sketch to Vector + Character Design
  2. Package Design –

3D package design solution,  advanced pen tools, pattern design

3. Putting Things in Perspective: Vector Landscapes

Perspective tool, advanced image tracing, advanced color + gradients

5. Politics/Issues: Maximal vs, Minimal

 

Homework for next week:

  1. Start sketching your family!
  2. Start thinking about projects!

 

P.S.: NO CLASS NEXT MONDAY: LABOR DAY – see you Sept. 10.

 

 

 

Music Illustration Poster Design

This slideshow requires JavaScript.

It’s our last project… Let’s make it great!

Adobe Illustrator is for illustrators.. In this project, you need to communicate your “illustrative style” by starting from a blank document and using the pen tool, in addition to others, building a cohesive poster design for your favorite band. The poster illustration should be seen as an illustrative ad, marketing a particular performance/location.

Once you decide on your band, I’d like you to come up with three different concepts in your sketchbook and we will talk through your ideas to sift through the most successful visual illustration. Your aesthetic direction is very important in this project!

Saul Bass: Master Graphic Artist

Charley Harper: Graphic Artist and Illustrator

50 Amazing Poster Designs

Music Festival Branding Campaign

Typography + Music Illustration

Music Icons

House of Blues

Fort Lauderdale Designers: Iron Forge Press

Requirements:

Choosing a band of your choice, design an illustrative advertising poster combining all of your acquired technical skills so far: THE PEN TOOL, image trace, pattern making, typography, shape builder, the blob tool, recolor artwork, layer/file management, etc. Is an “effect” something you would like to try?

Design elements to consider: Composition, basic principles of design (Repetition and Rhythm , Scale and Proportion, Directional Force, Balance, Emphasis, Contrast), Typography, Color Theory.

Let’s work BIG: 13 x 19″ – 18×24″

Books to reference: (I will bring in)

Masters of Poster Design

Gig Posters

1000 Posters from Toulouse-Latrec to Sagmeister

Naive: Modernism and Folklore in Contemporary Graphic Design

 

 

 

*** LINK FOR 60 FREE ILLUSTRATOR BRUSHES ****

 

Link to Just Like Being There – documentary on Gig Posters (watch it! On Netflix)

 

DUE: WEDNESDAY, April 25 (last class)