Visual Communications Home

VCOM 50 :: Process of Design

VCOM 50: Weekly Assignments

SEMESTER PROJECT B: Typographic Poster

New iPhone App background file with screen shots

For Wednesday, November 14, 2012, You should have begun the actual development of your poster. Please, talk with me about this. There are so many ways to get these ideas into a typographic format that you really need to brainstorm continually through the development process.
Go to:http://www.smashingmagazine.com/2008/02/25/breathtaking-typographic-posters/
and the The Type Poster Page to see Typographic Poster examples

Click here for the VCOM Print Form in fillable PDF

______________________________________

SEMESTER PROJECT A: Smart Phone App

You will need to purchase a VCOM Print Card (not a Las Positas Print Card) at the book store for $10.00. Today I will show you how to set up a VCOM Print Form.

THE SMART PHONE APP Project: CLICK THE LINK phone-app-doc

1.  Remember, design the structure of the app before you begin creating logos or buttons: you need to think about how the viewer navigates the five or six pages — study apps that do similar things
2.  Is the app something that will be sponsored by an institution or offered by a larger company? Does it stand on its own?
3.  Is there a need for GPS service in it?.
4.  Does it need a “store”, shopping cart, and payment procedures? If yes, researching possibilities is optional, but study what other apps with these needs do to implement these functions.
5.  TALK TO ME about your idea so we can brainstorm together
6.  SAVE the file to your desktop often as you work, finish up by saving it to the server and then to your portable storage device. Remove the portable device from the the iMac before you leave.

In this project the class will be working as a design firm to create a new Smart Phone App. We won’t be coding it, but we want to develop a number of aspects of the application and its use, the basics of its construction and look and feelit’s app icon, splash page, and the rudiments of its navigation. If you wish, you may join the crazy group we were discussing in class today or you may, alone or with a small team, create your own theme for this.
For Friday (if I’m not at Jury Duty) or for Monday, October 17 (if I’m not at Jury Duty) bring 3 to 5 initial ideas (small is good here) and prepare to throw them around and see what we come up with.

— or —

SEMESTER PROJECT B: Typographic Poster

For Wednesday, November 7, 2012, You should be ready to begin the actual development of your poster. Please, talk with me about this. There are so many ways to get these ideas into a typographic format that you really need to brainstorm continually through the development process.
Go to:http://www.smashingmagazine.com/2008/02/25/breathtaking-typographic-posters/
and the The Type Poster Page to see Typographic Poster examples

Remember: the word(s) and associated imagery/typographic design must describe an emotion or state of mind of which you feel you have some understanding and background. From that understanding and background, free associate other words to the word you have chosen. For example: consider ANGER as a choice. Free association may lead an educated person to think of madness, rage, hurt, loss, oppression, misuse, punk rock, righteous indignation, fundamentalism, terrorism, stupidity, psychology, disfunctional, abuse, etc.
I want you to make it both personal and impersonal. Huh? Yes, both. Personal because you will have a certain “investment” in the subject and impersonal because you need to make more universal connections between the word and society.
For 10/4, bring in your conceptual best 3 conceptual sketches.

Go to the The Type Poster Page to see Typographic Poster examples

Today will talk about PRINTING the projects and about acquiring VCOM PRINT CARDS.

Also today in class, I will offer you some more pen tool technique in the lecture. Using a file that I have put up on the media files page. NOTE from last week: I left up the video (in videos) and a template set (in media) for those who want to begin learning the PEN TOOL, Illustrator’s most powerful drawing tool. The video explains haw to use the templates.

 _________________________________________________

THE LESS IS MORE PROJECT: are we there yet? -Assigned: 10/24/12 ; Due: 11/05/12.

If the class wants, we will spend one more period on the Less is More Project. But, this will be it. Even if we give in for Monday, we will discuss the final project today.

Click here to download the photo files  |  Less Is More example pdf The photshop interface  |  The bridge video  |  Marquee Selections  |  less-is-more#1  |  less-is-more#2  |  less-is-more#3

__________________________________________________

THE LESS IS MORE PROJECT-Assigned: 10/24/12 ; Due: 11/01/12.

Let’s see how far we’ve come with this by today. If you are finished or near finished, we will move on to THE LESS IS MORE PROJECT: This will be VCOM 50’s introduction to the Photoshop Program. This project uses Photoshop’s LAYERS, BLEND MODES, SCALE TOOL, COLOR MAP INVERSION, PAINT BRUSH, and LASSO TOOL. But, for those of you who have never used the program, don’t fret. Photoshop makes more sense than Illustrator, and most students pick it up fairly easily. As always, we will go over the project in class, either today or on Wednesday. Click here to download the photo files  |  Less Is More example pdf The photshop interface  |  The bridge video  |  Marquee Selections  |  less-is-more#1  |  less-is-more#2  |  less-is-more#3  |.

__________________________________________________

THE ROAD SIGN PROBLEM Assigned: 10/10/12 Due: 10/22/12.

This is a slight change of plans, but I think you will like it. Look over the EXAMPLE FILE PDF (road-sign-examples). In this exercise you will be creating “DIAMOND SHAPED” warning signs, you know, the ones that state things like SLOW CHILDREN, FALLING ROCKS, DEER CROSSING, etc. But, the signs you’ll be making will be less prosaic. I have included the list of “topics” that are used on the examples as well as a few of my own on the last page of the examples document. CLICK HERE FOR THE two-sign-docs You may do this assignment in Illustrator, Photoshop, or traditionally. Make sure you make a number of rough sketches before you work on the final pieces. As you can see from the examples, the goal is to be witty and/or slightly skewed, and create a sign that requires a second or third look.

__________________________________________________

TYPE POSTERS

Check out the POSTERS on this web site. Their subject is may not be type, but their use of typography is what makes them beautiful, interesting, decoding, worth looking at.

http://www.smashingmagazine.com/2008/02/25/breathtaking-typographic-posters/

__________________________________________________

DESIGNING WITH TYPE PROJECT Assigned Monday, October 1, 2012 Due at 12:30 pm; Monday, October 8, 2012

Designing with Type files Project 6: design with type-1 | Project 6: design with type-2 | Project 6: design with type-3 FOR MONDAY, October 1, 2012: Our first project using TYPE starts. This project is a parallel to our first project, the BLACK SQUARE PROBLEM. Like that exercise, it involves your own creative approach and amusing or profound, illustrative instincts focused on the possibilities within some prescribed letter-forms. You need to really look at the letters in each of the six alphabets on the project file. In particular, look for differences in the way lines end, how the thickness and thinness of lines combines on the letters, how different types of curves are drawn, differences in the height of Capital and lower case letters, which letters descend below the baseline in different fonts. What suggestions of imagery do you get from different letters in different fonts? Zoom in on each alphabet to start the questions and visual associations you can get from each fonts specifics. Then start “playing”. Note: the videos all refer to Fall 2010. Just pretend you are hearing Fall 2011 and you’ll be fine. Below you will find four pdf links with important typographic information. A Brief history of type  |  Using type in Illustrator  | Anatomy of Type  |  Type references on the web  | Watch the videos! The three videos will take you through the project as often as you need. In this project, you should probably divide your time about half and half between studying the shapes in each alphabet, looking for visual associations (real or imagined) and experimentally putting letters together on the work area until your idea really gels. FOR WEDNESDAY, OCTOBER 3, 2012 DESIGN JOURNAL. BRING IN A PRINTED PIECE THAT USES TYPE AS ITS MAJOR DESIGN FOCUS

__________________________________________________

SEPTEMBER 24: class 10:

THE LIFE & DEATH PROJECT Assigned Wednesday, September 19, 2012 Due; Wednesday, September 26, 2012

Don’t pay any attention to the instructions for printing in Room 300 on the videos. They are no longer valid. bigtruck-liltruck files Project 4: life&death-1 | Project 4: life&death-2 | Project 4: life&death-3 FOR MONDAY, September 24, 2012: Our first project involving “telling a story” was a great success. This project will be our second.  It involves your own creative approach and amusing or profound, illustrative dichotomies to the depiction of life & death on the back of a semi-trailer. The “bigtruck-liltruck.zip” will provide you with a template. The three videos go over the ground, hopefully arriving at the right destination. I will try to stop the truck puns. THIS WILL BE OUR THIRD MULTI-SESSION PROJECT. We will work on it today and the first half of Friday. This can lead to solutions equally amusing, entertaining, and surprising as Jack ‘n Jill. You may do this in Illustrator or as a “traditional” media project. And, that can include collage as well as drawing and coloring. Download the examples file here: Life and Death Examples The SAMPLES are all student work from the book we were going to use. The three videos will take you through the project as often as you need. This project has an “implied storyline”, the contrast between life/death, good/bad, active/passive, etc. to create two looks at similar subjects. Look over the samples in the Life and Death Examples PDF carefully and thoroughly. Look at how the use of humor, crazy associations, reuse in a wierd place, and other elements of collage explored by Picasso, Braque, and the other early 20th century cubists are used to illustrate and enliven this dichotomy. Also note: I have put a link to my unfinished lllustrator Book, 107 information packed and densely illustrated pages of Illustrator knowledge, on a link below. You will find much of what we’ve explored so far covered in even more detail. And don’t forget the design journal! Eric’s Illustrator Book DESIGN JOURNAL for  Wednesday, 09/26/2012: Bring in a PRINTED piece uses a “known” societal concept in an unorthodox and creative way: amusing, unexpected, thoughtful, etc.

_________________________________________

SEPTEMBER 17: class 8:

THE JACK ‘N JILL PROJECT: Critique

Assigned Monday, September 10, 2012: Due Monday September 17, 2012 If there is time, I will introduce the LIFE & DEATH PROJECT (files blelow)

Today we will critique the Jack ‘n Jill project after the Design Journal (a PRINTED piece that tells a story in at least 3 discrete steps). I will put a JACK ‘N JILL folder in the VCOM 50 Folder on the Server. HOLD DOWN THE OPTION KEY WHEN YOUCLICK AND DRAG THE FILE TO THE J&J FOLDER, this will COPY IT into this folder. If there is time, I will introduce the LIFE & DEATH PROJECT

THE LIFE & DEATH PROJECT Assigned Wednesday, September 19, 2012 Due; Wednesday, September 26, 2012

Don’t pay any attention to the instructions for printing in Room 300 on the videos. They are no longer valid. bigtruck-liltruck files Project 4: life&death-1 | Project 4: life&death-2 | Project 4: life&death-3 FOR MONDAY, September 19, 2011: Our first project involving “telling a story” was a great success. This project will be our second.  It involves your own creative approach and amusing or profound, illustrative dichotomies to the depiction of life & death on the back of a semi-trailer. The “bigtruck-liltruck.zip” will provide you with a template. The three videos go over the ground, hopefully arriving at the right destination. I will try to stop the truck puns. THIS WILL BE OUR THIRD MULTI-SESSION PROJECT. We will work on it today and the first half of Friday. This can lead to solutions equally amusing, entertaining, and surprising as Jack ‘n Jill. You may do this in Illustrator or as a “traditional” media project. And, that can include collage as well as drawing and coloring. Download the examples file here: Life and Death Examples The SAMPLES are all student work from the book we were going to use. The three videos will take you through the project as often as you need. This project has an “implied storyline”, the contrast between life/death, good/bad, active/passive, etc. to create two looks at similar subjects. Look over the samples in the Life and Death Examples PDF carefully and thoroughly. Look at how the use of humor, crazy associations, reuse in a wierd place, and other elements of collage explored by Picasso, Braque, and the other early 20th century cubists are used to illustrate and enliven this dichotomy. Also note: I have put a link to my unfinished lllustrator Book, 107 information packed and densely illustrated pages of Illustrator knowledge, on a link below. You will find much of what we’ve explored so far covered in even more detail. And don’t forget the design journal! Here are the files: JACK ‘N JILL files Here are the videos: JnJ01, JnJ02, JnJ03 Eric’s Illustrator Book DESIGN JOURNAL for (today) Monday, 09/17/2012: Bring in a PRINTED piece that tells a story in at least 3 discrete steps

___________________________________

SEPTEMBER 12: class 7:

THE BLACK WHITE PROBLEM FINAL REVIEW and 

continuing THE JACK ‘N JILL PROJECT:

Assigned Monday, September 10, 2012: Due Monday September 17, 2012

Today will critique remaining Black & White Projects After the review, we spend the rest of the period as Jack ‘n Jill lab time. I will try to do a personalcrit on everyone so that you have ideas for making them great. Also note: I have put a link to my unfinished lllustrator Book, 107 information packed and densely illustrated pages of Illustrator knowledge, on a link below. You will find much of what we’ve explored so far covered in even more detail. And don’t forget the design journal! Here are the files: JACK ‘N JILL files Here are the videos: JnJ01, JnJ02, JnJ03 Eric’s Illustrator Book DESIGN JOURNAL for next Monday, 09/10/2012: Bring in a PRINTED piece that tells a story in at least 3 discrete steps

________________________________

SEPTEMBER 10: class 6:

THE BLACK WHITE PROBLEM FINAL REVIEW and 

THE INTRODUCTION OF THE JACK ‘N JILL PROJECT:

Assigned Monday, September 10, 2012: Due Monday September 17, 2012

I will officially introduce the Jack’n Jill Project today. The purpose of this project is to use a set of unrelated small images to build up a set of characters, actions, and environments that can tell the six part, sequential story—the famous “Adventures of Jack ‘n Jill”; not unlike a graphic novel. But, unlike a graphic novel, you don’t draw or paint the pictures, you must create them using the set of SYMBOLS (little illustrator objects) to create all this. Also, given the heterogeneous nature of the SYMBOLS, the images can easily become surreal, comic, crazy (shoot for it!), and or graphically symbolic. I will go over SYMBOLS, their use, editing, and abuse in the lecture portion. Please watch the videos! Also note: I have put a link to my unfinished lllustrator Book, 107 information packed and densely illustrated pages of Illustrator knowledge, on a link below. You will find much of what we’ve explored so far covered in even more detail. Here are the files: JACK ‘N JILL files Here are the videos: JnJ01, JnJ02, JnJ03 Eric’s Illustrator Book DESIGN JOURNAL for next Monday, 09/10/2012: Bring in a PRINTED piece that tells a story in at least 3 discrete steps

_______________________________

SEPTEMBER 5: class 5:

THE FIFTH CLASS of our First Class CLASS

THE BLACK WHITE PROBLEM CONTINUED and maybe THE JACK ‘N JILL PROJECT:

Assigned Wednesday, September 12, 2012: Due Wednesday September 5, 2012

Depending on how well the class is coming to terms with the Black & White compositions project, we will either (1) have an on screen critique, or (2) continue working on these compositions. And, just for fun, I will introduce the Jack’n Jill Project. Here are the files: JACK ‘N JILL files Here are the videos: JnJ01, JnJ02, JnJ03 Eric’s Illustrator Book DESIGN JOURNAL for next Monday: Bring in a PRINTED piece that tells a story in discrete steps

_______________________________
_______________________________

Week 3: September 8, 2011

assigned 09/08/2011; 
due 09/15/2011

(a) Color Review in the PDF Book

(b) Introduction to the Pen Tool

If you have not done so already, download my Illustrator PDF Book from the Media Page or use this link: Illustrator-chapters1-5.pdf
If you are familiar with Illustrator, review Chapter Two, making sure you understand the main workings of the Color Panel, the Swatches Panel, and the Fill/Stroke icon at the base of the Tool Bar.
If you are new to Illustrator, study Chapter Two, making sure you understand the workings of the Color Panel, the Swatches Panel, and the Fill/Stroke icon at the base of the Tool Bar. If you cannot create colors and edit colors, you really can’t use Illustrator. Do not explore the premade palettes available from the Fly-Out menu or the Library Icons on the Swatches Panel UNTIL you understand how to make your own colors and gradients and assemble them into Color Groups and Palettes.
Go to the Videos page to see the videos that are covered in this evening’s class:

|  video54-154-11  |  video54-154-12   |  video54-154-13  | video54-154-14

In class, we will explore CREATING COLOR  in Illustrator. We will go over the interaction between the FILL/STROKE ICONS at the base of the TOOL BAR and in the upper left corner of the COLOR PANEL with the COLOR  SLIDERS, as well as the “Spectrum Picker”, on the COLOR PANEL and when using the SWATCHES PANEL. We will create, name, and rename SWATCHES. We will work with both the DOCUMENT COLOR SYSTEMS and the COLOR PANEL COLOR SYSTEMS as COLOR PANEL OPTIONS. There are videos.

We will then begin exploring the PEN TOOL. I will teach some very basic techniques for creating curves, corners, and various non-straight lines.
BEGINNING STUDENTS: watch the PEN TOOL VIDEOS! then download the file “pentool_practice.zip” from the MEDIA PAGE and practice the PEN TOOL techniques I showed you in class by tracing the shapes on the 3 pdf documents.
INTERMEDIATE STUDENTS: watch the PEN TOOL VIDEOS if you feel you need review. Then open and retrace the PEPPER IMAGE (CLICK THIS LINK: pepper1.jpg), then study the color areas on the pepper the PEPPER and sub-divide it into meaningful color areas as demonstrated on the video. If the beginners catch on to the PEN TOOL quickly, I will demonstrate this technique to the class.
ADVANCED STUDENTS: Choose a difficult PHOTOGRAPH or ARTWORK and begin tracing. I will work with you one on one to help develop you strategy and technique.

FOR NEXT WEEK: Bring in a DRAWING PAD, a PENCIL, and a KNEADED ERASER and piece of fruit, a vegetable, a shoe, or some other moderately complexly shaped item (I mean, no BOXES or BALLS) to draw.

Class 1: August 21, 2012

assigned: Monday, 08/211/2012; 
due: Monday 08/29/2012

LAYERS, KEYBOARD COMMANDS, WORDS & IMAGES

Go to the Videos page to see the videos that are covered in this evening’s class: | video54-154-07  |  video54-154-08  |  video54-154-09  |  video54-154-10  |

Advanced students must do this exercise. The purpose here is to start combining words and images to make something stronger than both.

As shown in class, create an illustrator file, name the first layer BOLD. Create a new LAYER and move it below the BOLD LAYER. Set the FILL to NONE and the STROKE to Black, and select the RECTANGLE TOOL (“m”). HOLD DOWN the OPTION KEY and CLICK in the center of the document. In the DIALOG BOX that opens, type 6 in both text entry fields. CLICK OK. Go: EDIT> CUT (cmd X), then VIEW > ACTUAL SIZE, then EDIT > PASTE (cmd V). You now have a 6″ Square in the center of your document. Set the FILL to BLACK and the STROKE to NONE, and select the RECTANGLE TOOL (“m”) if it is no longer selected. Using only Black and White Rectangles and Squares, create a BOLD composition. To create the BLACK or WHITE FILL, use either the Black Box and White Box on the SWATCHES PANEL, the BLACK and WHITE and NONE icon boxes on the COLOR PANEL, or the DEFAULT (Black Stroke/White Fill) icon on the bottom of the TOOL BAR and then the judicious use of the SWITCH FILL STROKE ARROW and the NONE Icon near the FILL and STROKE icon on the bottom of the TOOL BAR.

Use the SELECTION TOOL (v) to MOVE and ROTATE your rectangles. Add the OPTION KEY to the SELECTION TOOL to make DRAG copies. Ass the SHIFT KEY to the SELECTION TOOL to CONSTRAIN your MOVE to VERTICAL, HORIZONTAL,or 45° ANGLE. Use the DIRECT SELECTION TOOL (a) to select ANCHOR POINTS and PATH EDGES to DISTORT your RECTANGLE. If you have questions, outside of class, watch the videos.

Then go on an make 5 more LAYERS and name them: ORDER, INCREASE, TENSION, CONGESTION, PLAYFUL.