August 15, 2012: Riot Grrrl, Interrupted Photo: William - - PowerPoint PPT Presentation

August 15, 2012: Riot Grrrl, Interrupted Photo: William Webster/Reuters

WEEK ¡2 ¡

IAT100 ¡– ¡Digital ¡Image ¡Design ¡ Fall ¡2013 ¡ ¡ Composi'on: ¡Principles ¡& ¡Elements ¡of ¡Design ¡

Before ¡we ¡start… ¡

• Turn ¡phones ¡off ¡and ¡put ¡computers ¡away ¡
• Pens ¡& ¡paper ¡ready ¡ ¡
• iClicker ¡update: ¡iClickers ¡1 ¡& ¡2, ¡iPad/iPhone ¡version ¡not ¡guaranteed ¡
• Canvas ¡update: ¡canvas.sfu.ca ¡
• Email ¡protocol: ¡

¡

Email ¡Protocol ¡

• 1. Your TA is your first point of contact for questions about weekly activities, assignments,

technical questions, tutorials, class absences, etc.

• 2. Email Chantal for Canvas & iClicker questions— for appointments and feedback on your

work

• Ensure you include the course number and section number in your Subject Line

Subject: IAT100 D106 Question about Assignment 1

• Include the name of the person you are addressing

Hello Chantal, or Hi Bryn,

• ***Proofread your message
• Close your message professionally with your name and student number

Thank you, Mia Cinelli #98754678

• Allow 24 hours response time

Course ¡Textbook ¡

• ScoQ ¡McCloud ¡

Understanding ¡Comics: ¡The ¡Invisible ¡Art ¡ ¡

• Readings ¡assigned ¡this ¡week ¡are ¡due ¡the ¡

following ¡week ¡for ¡lecture ¡and ¡lab… ¡ ¡

¡

• TechBytes is a tutoring program run by student peer educators who are

dedicated to helping other students learn software TechBytes offers weekly sessions Date: TBA Room: TBA Cost: FREE TechBytes offers both software tutorials and study sessions Come with a specific question or just come and work on your homework Software tutorials include: Adobe Photoshop, Dreamweaver, Illustrator, Flash, InDesign, Premier, After Effects, etc.

www.sfu.ca/techbytes I will email the details to you as soon as I get them this week!

Course ¡Video ¡Tutorials ¡

• Video ¡Tutorials ¡are ¡in ¡WebCT ¡this ¡

week ¡

• Must ¡be ¡completed ¡each ¡week ¡ ¡

before ¡the ¡lab, ¡on ¡your ¡own ¡'me. ¡

• You ¡have ¡another ¡Photoshop ¡

tutorial ¡this ¡week ¡

• You ¡will ¡need ¡the ¡skills ¡taught ¡in ¡the ¡

tutorial ¡to ¡fully ¡parVcipate ¡in ¡the ¡lab ¡ acVviVes ¡

¡

IAT100 ¡– ¡Lecture ¡02 ¡

• ComposiVon ¡Guidelines ¡

¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡Simplicity, ¡Rule ¡of ¡Thirds, ¡Lines, ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡ ¡Balance, ¡Framing, ¡Mergers ¡

• Principles ¡& ¡Elements ¡
• ComposiVonal ¡Analysis ¡
• Assignment ¡1 ¡

Systems ¡of ¡RepresentaVon ¡

Still life are read visually and symbolically.

Representation “a creation that is a visual or tangible rendering of someone or something ”

(word.net)

System “a complex of methods or rules governing behavior.”

(word.net) ¡ ¡ ¡

¡ loosely defined = A set of methods or rules governing the rendering of a visual or tangible object.

What ¡is ¡a ¡System ¡of ¡RepresentaVon? ¡

ComposiVon ¡Guidelines ¡ ¡

• Rule ¡of ¡Thirds ¡
• Simplicity ¡
• Line ¡
• Balance ¡
• Framing ¡ ¡
• Avoiding ¡Mergers ¡

Terms ¡from ¡the ¡Readings ¡

Principles ¡of ¡Design: ¡ What ¡we ¡want ¡to ¡achieve ¡ ¡

• ¡Balance ¡
• ¡Rhythm/movement ¡
• ¡ProporVon ¡
• ¡Dominance ¡
• ¡Unity ¡ ¡

Elements of Design: What we use to achieve it

• Point
• Line
• Form (plane)
• Texture (space)
• Colour

Rule ¡of ¡Thirds ¡

• A ¡conceptual ¡grid ¡to ¡organize ¡

and ¡hang ¡the ¡elements ¡of ¡your ¡ composiVon ¡ ¡

• Helps ¡you ¡create ¡ ¡

– Balance ¡ – Dynamism ¡ ¡ – Build ¡a ¡Visual ¡Hierarchy ¡ – Room ¡for ¡the ¡Eye ¡to ¡Move ¡

Which ¡image ¡is ¡using ¡the ¡Rule ¡of ¡Thirds? ¡

a b

Which ¡is ¡using ¡the ¡Rule ¡of ¡Thirds? ¡

a b

Simplicity ¡

• Focuses ¡the ¡Viewer’s ¡AQenVon ¡on ¡your ¡Subject ¡
• Builds ¡a ¡Visual ¡Hierarchy ¡
• Establishes ¡an ¡order ¡of ¡importance ¡ ¡
• Reduces ¡CluQer ¡and ¡Unnecessary ¡Subject ¡MaQer ¡

Design ¡problem: ¡ ¡ Where ¡do ¡you ¡want ¡the ¡viewer’s ¡eye ¡to ¡go ¡first? ¡ ¡Why? ¡

http://speckyboy.com/2012/07/22/30-stunning-examples-of-still-life-photography/

Soul Tailor

Lief Laxman

What’s the subject? Center of focus?

What’s the subject here? Where does the eye go?

Line ¡

• Creates ¡Movement ¡& ¡Rhythm ¡
• Creates ¡energy ¡and ¡flow ¡
• Leads ¡the ¡Viewer’s ¡Eyes ¡

Design ¡problem: ¡ ¡ Where ¡do ¡you ¡want ¡the ¡eye ¡to ¡go? ¡How ¡do ¡we ¡move ¡ between ¡elements? ¡

Baroque ¡Pain'ng ¡

¡ Where ¡do ¡the ¡eyes ¡go? ¡ Center ¡of ¡interest? ¡ The Calling of Saint-Matthew Caravaggio, 1599-1600 Oil on Canvas

August 17, 2012: Tiptoeing Toward A Better Future Photo: Pilar Olivares/Reuters

Balance ¡

• Symmetrical ¡/ ¡Asymmetrical ¡
• Interest ¡is ¡created ¡through ¡the ¡skillful ¡arrangement ¡of ¡ ¡

– shapes ¡ – colours ¡ ¡ – areas ¡of ¡light ¡and ¡dark ¡

Design ¡problem: ¡ ¡ What ¡is ¡the ¡feeling ¡you ¡are ¡trying ¡to ¡evoke? ¡How ¡do ¡the ¡ elements ¡work ¡together ¡to ¡achieve ¡that ¡feeling? ¡

Adding the wheel on the right brings a sense of symmetry to the image

Diane Arbus

Symmetrical balance

Still life Adrien K Architecture Student

http://weddingphotography.com.ph/ 6605/still-life-photography-things-you- cannot-live-without/

http://speckyboy.com/2012/07/22/30-stunning-examples-of-still-life-photography/

Soul Tailor

Lief Laxman

Asymmetrical design is typically off-center or created with an odd or mismatched number of disparate elements, but appear to have same visual weight.

http://www.takepart.com/photos/photo-day-spring-2012/september-24-2012-chavez-on-wheels

Framing ¡

• Creates ¡foreground, ¡middle ¡and ¡background ¡
• Supports ¡visual ¡hierarchy ¡
• Guides ¡the ¡eye ¡
• CreaVve ¡cropping ¡creates ¡point ¡of ¡view ¡or ¡interest ¡

Design ¡problem: ¡ ¡ How ¡do ¡you ¡want ¡the ¡eye ¡to ¡see? ¡ ¡

Cropping: The viewer fills in the rest if the image

http://www.takepart.com/photos/photo-day-spring-2012/december-3-2012-the-burqa-point-of-view

Creates point of view: the audience wears the lens or sees a new perspective

Avoiding ¡(Bad)Mergers ¡

Big ¡Idea: ¡learn ¡the ¡fundamentals ¡first ¡

• These ¡principles ¡are ¡really ¡just ¡starVng ¡points ¡for ¡you ¡as ¡you ¡

begin ¡your ¡deliberate, ¡conscious ¡study ¡of ¡photographic ¡ composiVon ¡for ¡this ¡course. ¡ ¡

• Once ¡you ¡understand ¡the ¡rules ¡and ¡convenVons, ¡you ¡can ¡play ¡

with ¡them ¡to ¡enhance ¡the ¡meaning ¡and ¡conceptual ¡nature ¡of ¡ your ¡work. ¡

August 13, 2012: Baby Steps Toward Democracy (Cairo Protest) Photo: Asmaa Waguih/Reuters

Memory ¡AcVvity: ¡Please ¡don’t ¡do ¡this ¡

http://missannethropesblog.blogspot.ca/2011/12/old-family-photos.html

This is an image of me with my mom at my Grama’s house when I was a baby. She had an apple orchard in the Okanagan and we used to go there every summer. One time, when I was a toddler, I kept running around while everyone was trying to pick apples, so my aunt put me in this fruit basket. The world seemed so big then. I could see my mom in the distance and I remember that I could hardly see over the side of the basket…

Photo: Asmaa Waguih/Reuters

Memory Activity

The image is of a memory as the photographer remembered it. It demonstrates 2 aspects of art: 1) Content: the subject matter, the story, the message 2) Form: the visual aspect, the strategic use of compositional elements and principles of design ** The two are interdependent. Example: Club (content) = line (form)

Photo: Asmaa Waguih/Reuters

Compositional Critique

Concept: a memory as the photographer remembered it. Describe what you see. Analyze the principles used to achieve certain effects Interpret what you think the work is about. Evaluate the overall work. Do you think it’s successful? What is the overall impact of the work?

Contact ¡

– Chantal Gibson – chantal_gibson@sfu.ca

– ALWAYS ¡Include ¡IAT100 ¡and ¡your ¡lab ¡secVon ¡number ¡in ¡the ¡subject ¡ line ¡of ¡all ¡emails ¡to ¡me ¡or ¡your ¡TA. ¡ ¡

– Office ¡Hours ¡

– When: ¡Tuesday ¡10:00am-­‑12:00pm ¡(or ¡by ¡appointment) ¡ – Where: ¡My ¡office, ¡Pod ¡2, ¡2808 ¡