UCLA Design Media Arts 21 Fall 2020 - Drawing & Color logo

Yuehao Jiang
Zheng Fang
External Links:
Meeting Schedule


Project 1A B&W Contrast

Use only point, line and plane, to create 10 b&w sketches and 10 b&w digital drawings based on an instrumental music you pick, exploring the relationships around contrast.

View + Read:
Project 1A Overview Video
Johannes Itten: Design and Form (View in Slack)
Wassily Kandinsky: Point and Line to Plane (View in Slack)
Paul Klee: Pedagogical Sketchbook (View in Slack)
Bruno Munari: Square, Circle, Triangle (View in Slack)
Bauhaus design is everywhere, but its roots are political
Bauhaus Everywhere - Google Arts & Culture
Introduction to Week2
What's the Difference Between Raster and Vector?
Illustrator Tutorial 1: Interface Overview
Illustrator Tutorial 2: Basic Shapes, Selection, Zooming and Panning
Illustrator Tutorial 3: How To Digitize A Sketch
Illustrator Tutorial 4: Save and Export Files

Project 1B Color Contrast

Create 10 new digital color drawings based on the contrasts. Continue to work in your sketchbook to help you develop your digital drawings. Explore the 4 different color palettes according to the color schemes we discuss in Lecture: Color Theory Intro. Make color swatches for each composition in Illustrator.

Listen to Radiolab Podcast on Colors
Lecture: Color Theory Basics
Illustrator Tutorial 4: Color Blending Exercise
Illustrator Tutorial 5: Live Paint Bucket Tool

Artists and designers to look at:
Johannes Itten
Josef Albers
Paul Klee
Wassily Kandinsky
Mark Rothko
El Lissitzky
Anni Albers
Gunta Stölzl
Joan Mitchell
Bridget Riley
Piet Mondrian
El Lissitzky
Helen Frankenthaler
Ryoji Ikeda
Lillian Schwartz
Oskar Fischinger

Project 2 Past Dream

Is there a dream you still vividly remember since childhood? Have you experienced recurring dreams? Write down a memorable dream. Your writing can be any style, a poem, haiku, a sentence, or one or two paragraphs. Distill your writing into consecutive scenes. Create 10 sketches to begin with and 10 digital drawings.

Things to consider: different points of view, perspective, depiction of location and space, usage of text and color.

Scan or take pictures of your analog sketches. Export your digital drawings as a pdf file from Illustrator.

Project 2 Overview Video
Read Color Interaction (View PDF in Slack)
The Case for Surrealism | The Art Assignment | PBS Digital Studios
Illustrator Tutorial 6: Image Trace (1/2)
Illustrator Tutorial 7: Image Trace (2/2)
Illustrator Tutorial 8: Pattern

Optional: How to Draw in Adobe Illustrator with a Wacom Tablet

Project 1 Vlog Review Guide

Artists and designers to look at:
Cristina Daura
Evan M. Cohen
Panteha Abareshi
Shawna X
Sophie Koko Gate
Victo Ngai
Olimpia Zagnoli
Jon Han
Daniel Zender
Daiana Ruiz
Sara Andreasson

Project 3 Digital Collage

Warm-up Exercise:

Inspired by Corita Kent's Finders, collect at least five printed sources (e.g. magazines, postcards, newspapers, packages, ect.), make one cutout on each found print, and take at least FIVE pictures using these prints as frames.The cutout can be any shape.

Here are some examples.

Share your photographs on Slack.


Now, you've completed your warm-up exercise, make 10 new digital collages using some appropriation and collage techniques you explored.

Among these ten, create 2 digital collage only utilizing one source image, 2 collages only utilizing two source images. For the rest, limit the number of source images to 6 maximum.

Export your collages as jpg files, at least 8.5 by 11 inches each, 150 dpi.

To help you come up with an idea, first, write down a list of VISUAL ELEMENTS you are planning to incorporate in your collages, and sketch out a few compositions. Then create an archive of found images and use them as source images to composite in Photoshop.

Project 3 Overview Video
The Case for Copying | PBS Digital Studios

If you are new to Photoshop, below are some videos to get you started:
The Complete beginners guide to Adobe Photoshop (The first eleven episodes cover the very basics.)
Photoshop 2020 - Tutorial for Beginners in 13 MINUTES!

Artists to look at:
Marcel Duchamp
Hannah Höch
Claude Cahun
Raoul Hausmann
Roy Lichtenstein
Richard Hamilton
Robert Rauschenberg
Sherrie Levine
John Baldessari
Barbara Kruger
Tracey Emin
Thomas Hirschhorn
Njideka Akunyili Crosby
Mehreen Murtaza
Ron Terada
Wangechi Mutu
Joshua Citarella

Project 4 Future Object

In this project, you’re going to assume the role of a creative director creating a pitch deck presentation for an object from the future. This pitch deck will consist of a series of original digital assets, drawings and animated GIFs, representing the form and brand identity of your speculative future design object.
We will start the project by playing The Thing From The Future card game in small groups. By the end of a few rounds, each group will select one idea that all of the group members will use for their prompt. Then, you will break off and explore this idea individually.
Your pitch deck should have at least 10 slides, and contain at least 10 animated gifs created in Photoshop and or Illustrator.
At the end of the project, you will give a 5-minute presentation in front of the class on your future object idea. And we will decide who got the best pitch!

View + Read:
The Thing From The Future Project 4 overview video
Photoshop Tutorial 4: Create Animated GIFs - Frame Animation
Photoshop Tutorial 5: Export gifs

Optional Tutorial: Animating with the Video Timeline
Optional Tutorial: Keyframe animation with the Video Timeline

Optional Read:History of the GIF
Optional Read: Gifability