Great Resource for Design Information and Projects

Victoria Torf at SOMA  (School of Media Arts) has a wonderful site of graphic design units, including introductory information including videos as well as projects.

Stop Motion Animation Examples

Every year there are more wonderful stop-motion animation examples that inspire creative thinking. But the old ones are still great because even though we may have watched one enough times to no longer be excited, this might be the first time our students have seen it. I love to watch their faces and hear their comments.

This year, my favorites are:
"Tony vs. Paul"   One of my favorite. I usually start with this one.
"Gulp" by Sumo Science and Aardman (Wallace and Grommit folks)
Make sure you also show "Gulp:The Making Of..."
"Lost Things"   which is a music video animation
"Sorry I'm Late"
"Tee Shirt Wars"
"Erbert & Gerbert's: Human Flipbook"  and the making of it
"Muto", an animation by Blu.  I've watched this dozens of times but I still love it.
"Tony vs. Paul"   One of my favorite. I usually start with this one.
"Minilogue"  White board animation
Post it Note animation  (there are a lot of them out there)

Basic Steps for Stop Motion Project

1. Show and discuss examples.
2. Show examples of storyboarding. (The Incredible Adventures of Wallace and Grommit DVD from Aardman has storyboard examples in their Special Features section.)
3. Ask them to get into groups of 3 or fewer. (Doing it solo is very difficult. More than 3 you often have someone who doesn't actually take part. Three seems to be the magic number.)
4. Give them a theme or concept (this year our theme is "summer vacation" or "graduation" because we are going to show them the last week of school, but you could use deeper concepts, like "hope" or "challenge") Have them get into their groups and  brainstorm their story and method. Remind them that a good story needs several surprises to keep us interested and feel glad we watched it. If it is predictable it becomes ho hum no matter how much fun they had making it. (This seems to be a very difficult concept.)
5. Give them storyboard paper and approve their storyboards before they start. I suggest they aim for a minimum of 15 seconds.
6. Provide the materials for their idea or tell them to bring the materials. I have several small white boards on hand for this project, but they can use anything they can get their hands on. (Well, except for a wall and paint.)
7. Show them how to put the camera on a tripod and explain how to control lighting, turn flash off, turn off auto zoom, etc. Conscious, consistent lighting is essential.
8. Have them do a short test of at least 24 photos that they bring into the video editing software so they can get a basic understanding of how this works if they are taking the photos correctly.
9. Let 'em at it!

I've done this with both middle and high school students with great success. Everyone seems to get into it. One of my students this year even has a stop-motion app for his cell phone camera that has, for example, the onion-skin effect where there is a faint image of the position you just had to allow you to reposition correctly for the next shot.

Taking Digital Art to the Next Level

Digital Art Revolution, by Scott Ligon (Watson-Guptill) is a very enjoyable and inspiring book of  creative digital art ideas, theory  and instructions. The intro chapter, "Welcome to the Revolution" makes it clear that it is written with an artist's perspective, not that of a technician who has found some neat tricks, and the chapter about "Finding Your Own Voice" has many great ideas to include in discussions of problem solving and creative thinking. It covers both compositing and painting techniques with examples from a wide variety of digital artists, covering many styles, making this real "eye candy".

It's Complicated: The American Teenager

Photojournalist Robin Bowman has a wonderful website with samples from her book, Its Complicated: The American Teenager. Select "Teenagers" from the menu and click on each photo. Look for the small +  symbol to make the text of the interview with each subject appear. She says that her project "underscores the similarity and diversity that make up this country and this generation, and reminds all of us that people are not necessarily who they appear to be." Not only does she give presentations, she also runs workshops to promote tolerance and social awareness for students and teachers. Her website is also a great example of how photographers promote their work and find audiences and venues for exhibits.

History of Graphic Design

Here is a wonderful website for those of us who don't have a budget for a set of classroom textbooks about graphic design...and it is much more up to date. http://www.designhistory.org/    I noticed that on their history of symbols page, they already have an example of the Culture Jamming/Rebranding of the BP logo.

What do Graphic Designers Do, Anyway?

Need to be able to explain the career of a graphic designer?  The AIGA has a very thorough guide to the careers of graphic designers.  For a quicker source, just check out the list with explanations of what kind of projects designers actually work on.

Lark Books Photo Competition for College Students

Photography students who are at least 18 and can show proof of being enrolled in a two or four-year college can enter Lark Book's Student Self Portrait contest. The deadline is April 30th.

New Leslie Alsheimer Book on Black and White Photography and Photoshop CS4

Two years ago I recommended Alsheimer's wonderful and thorough book for perfecting black and white digital photography, enhancing in Photoshop, while also managing your photos with Lightroom.  You can read the original review here.

There is now an updated edition for CS4 and the latest Lightroom. If you think there can't be much you can do with creating digital black and white images, you need to read this book.  If you have a gazillion photos on your hard drive, but haven't tried Lightroom yet, it's time you do (and read this book). I love Lightroom not just because of it's organizational abilities, but it's sophisticated photo adjustments (called aptly, "developing") are often all I need. Asheimer's insights into the art of digital black and white photography should lead you to some exquisite images.

Paraphrasing Alsheimer, you will need to awaken your inner geek for some of the content, but she does a great job of making you feel at ease if you don't quite get it the first time. There are chapters that I have to reread because I don't always remember all the technical info. But, her style of writing is very comfortable and refreshing, and the book is very well edited and designed, so I never feel overwhelmed or bored reading it.

Suggested Beginning Flash Projects

As promised, I am sharing how I started my Flash unit, using Flash CS4.

For the Sampler, I demoed step one, had them try step one, etc. Demo/try, demo/try, etc. Peer helpers are very important.

Practice Flash Project

The project has at least 4 layers:

1. Dingbat, modified to graphic symbol, moves around stage and distorts as it moves. (Motion tween)
2.Shape morphs into another shape. (Shape tween)
3.Shape appears to move into stage, but actually the shape grows larger. (Shape tween)
4.A shape changes alpha (opacity) from 0-100%.(Shape tween)


Flash Concept Animation

Using what you learned in the Practice Flash project, express one of the following concepts using shapes, letters or dingbats:

1. congestion
2. playful
3. tension or stress
4. lost
5. victory
6. fear
7. perseverance

Requirements:At least 100 frames in length. Must successfully express the idea without words. Use 3 different objects, each on it’s own layer, and at least one motion tween and one shape tween.

Name “Concept” and place inside Third Nine Weeks folder inside your Finished folder.

Have a peer from across the room critique your animation and make any agreed upon changes. Don’t tell them which topic you chose; see if they can recognize it. Your peer must also check that you put it in your finished folder and named it properly.

Visual Literacy: A Conceptual Approach to Graphic Problem Solving

This is a fantastic book of projects for a 2D design class, by the founder of the Graphic Design Department of The School of Visual Arts, Richard Wilde. The projects are clearly described and there are many wonderful student examples. The book itself is a fantastic example of visual literacy.  (Ironic how non-visual so many visual literacy books and presentations actually are.)  Fun projects that challenge your students to turn on their creative mind, for grades 11-college.

Design Revolution: On the Road to Change the World

Great article from the San Francisco Chronicle that explains design as innovation projects that have made a difference.

Interviews with Graphic Designers

If you teach graphic design, you may want to share interviews with graphic designers with your classes. Lynda.com has some wonderful ones under their Creative Inspiration section, but it that site requires a monthly fee (well worth it).

Another one, which is also a great example of using object animation, is from the School of Visual Arts, of interviews with designers who were students of Richard Wilde. (Love the target assignment!)

Good Flash Examples

If you are teaching Flash animation, you probably have bookmarked some excellent Flash interactive sites for examples. Would you please take the time to share them with us? Just add your favorites in the comments section with a short explanation (appropriate for public school viewing, please).

I'm looking for innovative, captivating educational sites for my classroom examples.

Here is a great one on the MOMA site about their Tim Burton exhibition.

Another one from MOMA, but very different is their What is a Print? interactive

Here is a Flash portfolio site  by a very talented student, whose website is titled "okaydave.com"

Another museum interactive for younger children, from the Art Institute of Chicago, has some beautifully done storytelling, for example.

From the Smithsonian, a site about book illustrations

An interactive site about color theory.  I use this in my graphic design classes as an alternative to a lecture style lesson about color.

A nice example of Flash poetry, Why do you stay up so late?

Please share what you've found. If you have some successful student Flash sites as well, let us know.

More Painting with Light

You may want your students to take part in The Carrot Revolution's collaborative project of images created with open shutters and some flashlights. The deadline for entries is March 1st and you should register your class ahead of time. Visit their website for more info. You may also want to follow the Carrot Revolution blog, as well as read this NPR article about the project with student examples.  I plan on taking part and will post my students' examples soon. For some more info on light painting, check out this earlier DAE blog post

Color Decisions

Creating color combinations is a sensibility that most students haven't had a chance to develop. Cutting and combining Color-Aid paper is not the most efficient way to acquire color experience. (Ok, if you don't know about Color-Aid paper then you really are young.) Teaching color theory and relationships is much easier in Illustrator and doesn't have to be a mind-melting experience thanks to the Window>Extensions menu in Illustrator CS4. Your students can choose Kulor and download swatches of color schemes into their swatch collection without actually going to the Kulor website. You can tell your students which swatch collections to work with for each color exercise, for example, or just require them to choose a swatch collection and stick with it. The above color scheme is called "Haiti Relief". If you need to brush up on color theory, visit the kulor.adobe.com links page.  There is even a link to Colorstrology where you can find the Pantone color that vibrates with your inner you... or something like that.