TOKEN: Convert a scene into shapes

Shapes are in everything you see. Using lines, you can describe recognizable shapes. Look around to find ovals, rectangles, squares, polygons, etc. The goal is to become aware that our visual perception system processes the world as a collage of lines, shape, and form.

  1. Find a suitable scene. Choose a scene that shows the ground and the ceiling or sky. Hint: It’s easiest to scout out places with architectural regularity or simple shapes first. Avoid skewing the camera. A head-on camera view is recommended.
  2. Take a picture of the scene. This could be an interior (floor to ceiling) or exterior (ground to sky) space.
  3. Look carefully. Decompose the scene into simple shapes (squares, circles, lines, etc). Try the squint hack (see Lecture 2-0, slide 19) to grab generalized contours and regions.
  4. Sketch out those shapes in your notebook. Use the pencil and thumb method (see Lecture 2-0, slide 5) to help you with drawing proportions and angles.
  5. Draw a second version using even fewer shapes than you used before.
  6. Show your work to someone who is not in this class. What was their reaction? Could they see the shapes in your scene?
  7. Post in your blog the original photo and your converted sketch iterations. Upload a post containing the 3 photos:
    • Original photo of your scene
    • The first translation of your scene into shapes
    • A second iteration with the most reduced number of shapes
  8. Write a 500+ words blog post accompanying your photos. Where is this scene? Why did you choose this scene? What shapes dominate? In translating to shapes, which features did you struggle with? What was the easiest thing about this translation?

Convert a Scene into Shape Token Specification

Specifications for the Shape Token
  • Please answer the following:

BLOG: Thumbnail sketches for a luggage tag

This week’s homework explores our ability to visualize solutions to a problem.  Often there is not just one solution, but many. This exercise is designed to help us practice generating many solutions quickly.

PROCESS INSTRUCTIONS (time required: approximately 1 hour)

Rhetorical situation
Purpose:  Create thumnail sketches of luggage tags using your initials as possible within a given time. The luggage tag needs to have your initials.
Context:  You want a clearly identifiable label with your initials.
Audience: Someone needs to be able to recognize that the attached item belongs to you from a distance. Use your understanding of line, shapes, and color to grab their attention.

  1. Develop as many different thumbnail sketches as possible to fill up an entire sketchbook page. Each thumbnail sketch should be no larger than 2″ x 2″ (they can be smaller). Aim to fill up the whole sketchbook page. Try to spend no more than 5 minutes drawing each one.
  2. Research different outline shapes for label or luggage tags. Explore different ways you can sketch your initials.
  3. Now put them together. Experiment with different compositions of shapes and initials.
    • Choose a variety of regular shapes for outlines, such as a circle, square, hexagons, for your outline.
    • Sketch your initials inside the outline. Experiment with a variety of outlines, shapes, and colors for your initial
    • Try a variety of sensory forms. Experiment with line thickness, border thickness, lengths, evenness, consistency, contours, and line orientations, directions, continuity, and contours for the elements. Try out different arrangements of the elements, sizing them up or down, patterns, and shadows.
  4. Post pictures of your thumbnail sketches in your BLOG. Include at least one overview picture and one detail picture. Please answer the reflection questions in the submission form below.

Note: Please ensure that your photos are rotated and sized appropriately. Photos must be easy to read. No credit will be given for upside down, blurry, or small photos.

Fill out this checklist AFTER you have completed your assignment and posted it in your Portfolio Blog before the deadline, Thursday, Sept. 26 @ 11:59pm.

Thumbnails for a luggage tag BlogWork Submission

  • Please create at least 36 original thumbnail sketches containing your name-- enough to fill up the whole page. Take at least 2 original photos. One photo should be an overview showing the different thumbnails. Another photo should show details that you feel are extremely good or interesting.

Questions about “5 Photos”

Here are some answers to questions about the 5 Photos homework. In this assignment, I am trying to help you see the pieces and not the whole… asking you to take pictures of the elements that make up what we see, NOT the objects that we see. This is why I gave you some examples in the assignment and why I ask you to get really close up. Here is an example:

In these images, the old bench is a photo of an OBJECT… we know what it is. I do not want images of objects — things that are easily identified. In the last two images that follow, you don’t know what they are… the visual elements that make up the old bench become dominant. The visual perception focuses on the lines, the shape.

This assignment is about learning to see differently. HINT: It helps if you focus on just taking as many photos as you can getting really close up… then decide what they represent. Going around trying to take photos of specific elements tends to be more work.  Plesae do not submit photos of objects:

Old Bench — we can tell what this object is

Please do submit photos of sensory forms:

Old bench detail: LINE or color
Old bench detail: DIVISION OF SPACE or line

Q. What is the sensory property of relative size?

A. It is when two identical shapes differ only in size, this relative size is the depth cue that allows us to estimate the distance between the objects. By comparing the size of one object relative to another similar shaped object, we can perceive that some objects are closer or farther away.

Q, What is the sensory property of division of space?

It is when space is organized by introducing regions that subdivide, rearrange, push, pull, and manipulate the visual field so that one perceives a regular pattern.

BLOG: 5 Photos of Sensory Forms

This week’s homework explores our pre-attentive response to visual stimuli. We want to isolate stimulation that occurs because of neurons activating automatically before the action of attention. To do this, go on a photo hunt and try to see if you can spot these pre-attentive stimuli in the environment.  Hint: Try to examine features up close, before you see the full object. Please identify each sensory form  (see process below) and describe how the photos trigger your pre-attentive visual awareness.

PROCESS INSTRUCTIONS (time required: 1 to 2 hours over 48 hour period):

  1. Look around your environment (not your dorm room or apartment!) and find examples of what we have learned so far regarding (1) color, (2) shape, (3) line, (4) relative size and (5) the division of space (structure).
    Note: Try to make sure to focus/zoom  in on the Sensory Principle, not the object.
  2. Photograph lots of these examples (20 or more… the more you photograph, the more you have to choose from).
  3. Choose five (5) photos that illustrate the five sensory principles listed in #1. Note: many photos may illustrate more than one principle — choose the dominant principle you observe.
  4. Post them in your blog captioning or labeling each with the sensory principle the photo illustrates.
  5. Write about each photo, connecting it to what we have learned in class.

You can view this Prezi as an idea starter… note the KIND of photographs… Or… this (SAME CONTENT) slideshow which has voiceover…

Fill out this checklist AFTER you have completed your assignment and posted it in your Portfolio Blog:

5 Photos of Sensory Forms

  • Please select 5 original photos from your photo hunt adventure that you have taken specifically for this assignment.
  • Note: The 500+ word requirement is for the entire post… so the blurbs/descriptions of your photos combined with your reflection are all counted together in that word count.

Mind Map resources for BlogWork (due Thursday night)

Don’t get caught with too little time to finish the homework!

It has come to my attention that many of you may not be aware that the mind map homework requires a 48-hour process.

Here are some additional clarifications in the resources below.

  • BlogWork assignment. instructions and specifications
  • Blog post introducing mind map with a video describing mind map benefits, See the bullet points about the mind maps specifications in this class.
  • HowTo Video and slide examples at the end of the creative thinking lecture
  • more examples at the end of the Visual Metaphors Lecture.
  • Descriptive writeup about the process (see page 9 onwards).

Hope this helps! This is a detailed process, so please Read Carefully and check the checklist at the end before you start your work. – —- Prof. Chang