Weeks # 10 & 11 – Illustrator / Color / Shapes & Forms Galore!

Weeks # 10 & 11 – Illustrator / Color / Shapes & Forms Galore!

Happy Thanksgiving!

*Video Tutorial from class on 11/16


Passcode: jm*0TA*G

Color Theory!

Lets watch this video together.


Adobe’s awesome Color Wheel Simulator (must see)

GO HERE to Experiment – Several up and coming assignments will surely benefit from the use of understanding Color Theory.

*Above – Color Theory Essay Continued -> GREAT RESOURCE – Must Read


*Above – Color Theory Continued – II > More Good Reading!



Tutorials – Let’s take an additional tour with Adobe Wizard – Terry White ::

10 Things Beginners Want To Know How To Do with Adobe Illustrator (subscribe to Terry’s Channel!)

Adobe has a great series of videos on their channel on YouTube: 

Check this series with a focus on Illustrator: https://www.youtube.com/c/AdobeCreativeCloud/search?query=illustrator

Great Tutorial on working with the Shape Builder Tool in Illustrator

Designer Inspiration :: You need to know Paul Rand:



Assignment #3 – Illustrator project #1

Vector Icons, Glyphs, Symbols & Forms

Assignment #3 – Part 1

Illustrator, Shapes, Forms, Composition & Color (See Example #1 Above & example #2 below)

1. Open Adobe Illustrator and create a new document sized at 11″ X 17″ in CMYK color mode. We will be preparing the files for printing as well as displaying the final works on screen.

Lets work with rulers and guides! Consider, how will you set your guides to equally balance and format the graphics evenly? Will you use a grid? Do you have a preferred method for layout? Lets explore what this means in this project.

2. We will generate a new series of “subjective” graphic Icons following the layout and arrangement above. (Don’t re-create my example) make your own, but follow the balanced composition. We will define “subjective” in class.

3. Limit yourself to 6 values of 1 complimentary color scheme. Consider referring to the adobe color wheel for reference

4. Limit yourself to creating and composing your graphics with no more than 6 shapes created with the pen tool, pathfinder or the shape builder tool. Begin working without using a stroke around your shapes and then apply a stroke for contrast later.

5. Save your work as an Ai. file (adobe illustrator) for production as well as a .pdf – Print your work in .pdf format (if possible, not mandatory) we will also save a high resolution JPG file. (3 file formats)

6. Submission guidelines: When your assignment / assignments have been completed please add them to our class google drive shared folder.

PART 2 – (example above w/ multiple art boards) Video tutorial from class on 11/23 – will post here soon.

Each student will follow the images in the gallery below as a guide to further extend and develop their designs.

Size – Use a square shape for this series of designs. I suggest 8″x 8″ Students will select and isolate their strongest single icon/graphic from the original layout in Part 1 of the assignment – 1 version will include a stroke and one with out(example below). Students will explore a 4-part color variation drawn from their selected color palette as well as 1-3 balanced patterns using their icons. (We will discuss the examples in class soon).

Part 3 – Designing on Purpose, bringing it all together, what are the potentials of your shapes when designing with intention? What would you like to make?


Week #8 & 9

Portrait Riffin’ for the Model & The Monster – Assignment #2

Into –> GIF the Portrait Project & Beyond

Its that time of the semester again. The time where I introduce how to make animated GIFS to my students and fellow humans. Simultaneously, please allow me to introduce you to the GIF the Portrait Project – The project started on a tumblr (which is the equivalent of myspace now…) back in November of 2013 and was created specifically for the project. The idea is, and remains simple: “animate a portrait” and share it to a growing community that has defined the potentials of an animated portrait.

Our assignment for the Model & Monster is a perfect opportunity for us to not only share our work, but also participate and expand the GIF the Portrait community. Lets week in class we covered a series of examples of what the assignment may look like, I share my examples and a series of web browser based applications to help generate and degenerate your portraits. See below for a recap.

Image Manipulation Applications to explore via any Web Browser – 

Glitcher – http://akx.github.io/glitch2/

Image Glitch Tool – https://snorpey.github.io/jpg-glitch/

c64 – http://c64.superdefault.com/

Glitchatron – http://www.errozero.co.uk/glitchatron/#

The site below has a huge list of online tools that you can explore!


The best place to start when viewing the current GIF the Portrait submissions is right here on the project’s archives page <– this allows for viewers to see a more expansive timeline of works as well all digest the inspiration as you begin to feel propelled into GIF making action. GIF the Portrait will be receiving submissions from students at NYIT, CUNY BMCC & CUNY York College this semester. The second part of this introduction to the project and assignment will share a series of “how-to” and step by step tutorials to get you started. Did you miss the zoom recorded video from last class? Go Here – In the mean time, I got started on my examples below. Thats right, I participate in every assignment that I give! Im on this team too! The GIF above at the beginning of this post is the final outcome from my contribution to the assignment and that outcome consists of a stacked series of the individual images that you can now scroll through below. I had a blast making these and they are all inspired by Andy Warhol! I mixed together a series of both digital and print media to create each piece.

**Lets take a look at an applied art making variation of how you may choose to work on this assignment or simply bring together multiple techniques as I have below – this LINK shares a variation of this project that I did with another college a few years ago

(Above – click me to enlarge – Which images are the “Model” & which are the “Monster”??) I suggest that one you have all of your images, bring them together into a balanced composite like what you see above. This also makes for a great poster and work of sequential digital art.

(a studio installation above, you know, for context..)

Submitting your GIF animation for GIF the Portrait Project-

The GIF the Portrait project takes place on a Tumblr.  (We can also post them on this website) The Maximum file size for Tumblr is about 5MB so we need to make sure that we save  .gif our animations at 5MB or lower.  (need a tutorial on this?)

I created a folder in our class Google Drive for adding your Portrait GIFs – Please add them here – https://drive.google.com/drive/folders/1jsGAu0f6QHsYmDWndrWvrrWzopUBoznj