final project presentation

+ abstract : overview of idea

+ background : research your topic

+ description : details of your work„,such as composition, color, layout, layers, style, etc

+ inspiration : sample photo + info of your inspiration

+ idea sketches : couple of your detailed idea sketches

+ references : book, magazine, website of your inspirations

vector drawing samples II

vector drawing samples I

illustrator “HELP!”

kindly, shellie emailed me these links-

it is an awesome video tutorial series.

enjoy-

http://tv.adobe.com/show/learn-illustrator-cs4/

http://tv.adobe.com/show/learn-photoshop-cs4/

assignments + projects

Final Project : : A Study of YourSelf

Your final project will take you into the depths of your self-image. That is not to say that you need to actually draw yourself though. In fact no self-portrait in the true sense of it will be necessary.
This project speaks more specifically to the mind, body and spirit. These three areas will be illustrated in two different ways and opposite ways.

For Example
• The public side vs. the private side
• The conscious or intelligent side vs. the ignorant side
• The sensible side vs. the reckless side
• The visible side that strangers see vs. the hidden side that you never show
No writing is required for this project, but if you feel the need to use your word do it sparingly

 : : Overall Requirements
Show proficiency in scanning and manipulating photos and other digital work using Photoshop.
Show proficiency using line, shape, curve and text (if desired) using Illustrator.
Show proficiency in combining images from both of these applications.

 : : Presentation
The Web Site presentation
Use a visual theme as the background or cohesive element to combine all of your images. This can be in the form of a border, or similar background texture. This presentation option requires a more advanced knowledge of web site coding than we have used during this semester. Think of it as a digital book.

——————————————————————————————-

Social Relevance : Humanity - The Human Journey

Social Relevance has to be understood in relationship to both individuals and collectives,(groups of individuals).
Social Relevance motivates people to engage and participate.
Social Relevance is linked to a sense of ownership and empowerment.
Social Relevance develops sets of cultural indicators that can shed light on both personal and collective needs and quality of experiences.
Social Relevance needs to set aside corporate indicators in favor of cultural ones – both personal and collective.
Social Relevance needs to introduce new competencies to help facilitate cultural dynamics -and temper the role of discipline-based subject specialists.
Understanding of social relevance in terms of this assignment: Work with visual resources to draw attention to problems or need for change in society that may help to benefit a specific “community” or that challenge the status quo.
Answer the questions: What do you believe in? And why?

Examples
• Stop the war
• Support our troops
• Aids awareness
• Gameplay: harm or help
• I am a geek
• Drug use
• Music soothes the savage beast

Research your topic and write, (turn in a typed hardcopy week 9) a brief description, (1 page) of your project that includes a description of the audience you are addressing.

Blurring the lines between Art and Design
Art is the 4th literacy. An understanding of the visual and textual vocabulary of art is critical to understanding our culture. It is a visual culture. This assignment will take an Eastern, (versus a western), approach to the understanding of art. We will not draw distinctions between art and design. It is about conveying the message you choose effectively.

Technical criteria
• You must composite a minimum of 4 copyright free images in one document and may use text in the project.
• Layer masks, appropriate filters, transform and adjust tools must be used. Resolution at a minimum of 150 dpi.
• You may use the photographs/assignments you have completed on color, unity and harmony, balance, scale and proportion and contrast and emphasis – you will need to address those issues in the work and the critique.
• Clarity of message and the ability to grab the attention of your audience is required.

Presentation
Print the image for class critique and save the image for the web, (appropriate size and dpi)and post to the class site or folder.

——————————————————————————————

Foreground – Middleground – Background : Space- Creating the Illusion of Depth

With unrelated three or more environments or objects create artificial depth of fields: this time focus on the distance between the foreground, middleground and background.

For example:

Background: Capturing something interesting in the background is easy in Chicago. For example, shooting toward the shore of Lake Michigan - the lake is your background. Shooting from the shore the beach may become your foreground and the city skyline becomes your background. Let’s say that you fill the frame of your photograph with the lake on a sunny day - it may be interesting as an image but there is not a lot of depth - obviously.

Middle ground: The next step is to add an interesting visual element that appears right in front of the background subject. In the case of the lake, it might be the beach. In the case of the skyline, it might be Lake Shore Drive. Whatever this object might be, including it in your photograph will give your photo depth.

Foreground: Capture something in the foreground, close to where you are standing as you take the photograph. For example: If you have used the lake as the background, the beach in the middle ground, you may shoot a person lounging on the beach for your foreground - Or a dead fish on the beach – depending on what type of statement you want to make in the image.

————————————————————————-

a series of unreal spaces, objects, or events

+ take a look at some sample images
+ prepare more than 5 different decent quality images in each file
+ use your imagination to create unique surreal environments or objects
+ enjoy different kinds of selecting tools and layers
+ do layer adjustment : level, hue/saturation, brightness/contrast, etc.

——————————————————————————-

Project2: The Art of Poetry


Art and poetry have always been connected and even considered different parts of the same whole. We are literally going to connect the two with this project. You will develop the visual creation based on the written piece of your selection.

Source Examples:
• Beat Poets • Classic Poetry • Personal writings • Phrases or Sayings • Passages from a book

Research
You might already have a favorite poet or be familiar with Columbia College’s involvement in Beat Poets this year. If that’s not the case you will need to do some research to find the written piece that moves you enough to create a project around it. Please be aware of copyright infringement and the rules of use!

Content requirements
1. Your text content must be a very long paragraph or more (no three line prose).
2. The entire composition must be covered with some type of illustration, even if it is a subtle value or low transparency.
3. The text must be legible in its font, scale and contrast.
4. Push the limits on this one and try to be as unpredictable as possible.

Sketches
A minimum of four (4) sketches must be done in your sketchbook showing a variety of layout and the beginnings of your design thought process. Some of you will want to start doing this on the computer – don’t! The sketching process is meant to be a stream of consciousness type of exercise. None of the sketches are meant to look finished in any way.

Technical criteria
This project is to be completed using Adobe Illustrator only.Use good layer management for this project as it will get very difficult to select areas as you add content. Make use of any of the tools we have learned in class including the Live Trace Tool to convert pixel based images to vector based illustrations.

Presentation
This project is to be printed in large format. That means we’re encouraging you to make use of the large-scale plotters. The minimum size is 11” x 17” and if you choose to print at this smaller scale it must be done on a high-end photographic paper.

——————————————————————————-

"live trace" in-class assignment

1. pick two photos: a main object and background
2. a main object photo : do live trace, recolor(live paint), expand, and take out the background
3. background photo : do live trace(try different preset and tracing option dialog)
4. combine two images

——————————————————————————

Project 1: Album Cover

Design an album cover that includes a combination of text and imagery. The album cover can be either a re-design of an existing album by a band or a musician or a design for a fictitious album by a band or a musician.

Note with the invention of the “album cover” concept by Alex Steinweiss in 1939 and with the advancement of consumer audio formats (Records, Reel-to-Reel, 8-Track, Cassette, CD, Minidisc, and Mp3 players), “album covers” have always played a vital role in promoting a band and or musician. However with audio devices getting smaller, “album covers” have started to lose their impact and meaning when scaled down to a size that is to say appropriate for an IPod display, opposed to the 12” x 12” record album size.

Research your band or musician for appropriate content. You can use any resources available to find the imagery, but the final composition has to have a cohesive theme where every image relates to the other.

Content requirements
: The name of the band and or musicians name
: The album title
: A foreground, mid-ground and a background
: At least 4 foreground images

Sketches
A minimum of four (4) rough sketches must be drawn in your class sketchbook. These sketches are meant to explore layout, proportion and scale of the possible subject matter.

Technical criteria
The album cover must be created using Adobe Illustrator only. Images selected will be converted to vector based drawings and images drawn from scratch will be first sketched in your sketchbook then converted to vector based images.

Presentation
There will be three versions of your album cover :
The first version will be the vinyl version that will be 12” x 12” (3600px x 3600px).
The second version will be CD version that will be 4.75” x 4.75” (1425px x 1425px)
The third version will be IPod version that will be .66” x .66” (200px x 200px): find a iPod photo and embed your image

* Note When you have decided on the final type, with the select tool choose Type Menu >Create Outlines. This will ensure that you can print your work anywhere without encountering missing font problems.

———————————————————————————-

Vector drawing

Because vector artwork is generally scalable, the same file that’s used for a tiny icon can be used on a billboard—with no degradation in quality and no increase in file size.

Illustrator and other vector graphics programs define paths between anchors. The anchor points that you define form the heart of your vector artwork. The paths that connect those vectors are actually controlled by attributes of the anchors.

In Illustrator, often things that seem basic are very difficult to do, while things that seem complex are fairly simple. Drawing that simple-looking curve is the trickier part of the process. let’s focus on that trickier part—drawing curves + color.

Cell phone + Pattern design

: pick one each style of vector drawing from the samples

: start from copy the basics + develop and enhance the design, color and details

: use mostly pen tool, shape tool, gradient mesh, gradient, transform, shear, rotate, etc.

http://www.youtube.com/watch?v=WKWgtn_axTY

http://www.youtube.com/watch?v=7_ypLrr9fDw

http://www.youtube.com/watch?v=3r2qHTKPBmU

———————————————————————————

Expressive Typography

- use various type styles and manipulations to visually communicate two of the words found in the list below.

- each of these 8.5” x 11”(either landscape or portrait) compositions will be created using only the letters that make up the words themselves. No additional graphics of any kind are acceptable.

The List

: : Brittle : : Tranquil : : Chaotic : : Massive : : Substantial : : Wandering : : Reflection : : Swift

: : Dominant : : Frugal : : Intense : : Lush : : Passive : : Transparent : : Active : : Contemplate

Manipulation method examples

: : Scale change : : Rotation : : Reflecting : : Shearing

: : Make your type into outlines and alter with the direct select tool

: : Consider creating your own type face or letterforms

: : Use individual letters as individual objects so you can manipulate them separately

————————————————————————————

The Principles of Design

The Principles of Design are the way the Graphic Designer uses the Elements of Design. Use of the Principles of Design organize and/or arrange the structural elements of the work into a cohesive unit. The Principles of Design discussed in this class are as follows: Balance, Contrast, Rhythm, Emphasis, Unity and Proportion. This beginning exercise is designed for you to see what is possible in the field of Visual Design.

1.       Search through magazines, websites and newspapers and find excellent examples of the Principles of Design.

2.       Loosely sketch different designs that convey the principle for the appropriate part.

3.       Use your favorite sketches and redraw them using Adobe Illustrator. These digitized files are to be at least 5” x 5”

4.       Black/white/grayscale, or if you want to use color, use related color scheme. www.colorblender.com, www.kuler.adobe.com, www.colourlovers.com

* Formal Balance-Even distribution of weight -symmetric.

* Informal Balance-Uneven distribution of weight -asymmetric .

* Contrast-Juxtaposition of opposing elements.

* Rhythm-Pattern created by repeating elements or repetition.

* Emphasis-What stands out the most.

* Unity-Elements look like they belong together.

* Proportion-One object in relation to another.

Grading will be based on your of identification of the Principles of Design, precision, and creativity of display.

http://www.digital-web.com/articles/principles_of_design/

http://www.johnlovett.com/test.htm

SEMESTER SCHEDULE

1

01.25.10

Introduction to the class and Adobe Illustrator

2

02.01.10

Color, Vector-Based Paths and Text

Assignment 1

3

02.08.10

Vector Objects and Color Theory / tools

Assignment 2

4

02.15.10

Translating Raster Images to Vectors / fitters

Assignment 3

5

02.22.10

Live Trace / mask

Project 1

6

03.01.10

In class working

Sketch / proposal

individual meeting

7

03.08.10

Midterm Exam

Project 2

8

03.15.10

Introduction to Adobe Photoshop

9

03.29.10

Design Principles / tools / layers

Assignment 4

10

04.05.10

Copyright / layer mask, style

Assignment 5

11

04.12.10

Collage Techniques / filters

Project 3

12

04.19.10

Simple html / pdfs

final project rough idea plan 

individual meeting

13

04.26.10

In class working

Final project idea presentation

14

05.03.10

Final Exam

15

05.10.10

Final Project Presentation

NOTE: This syllabus is subject to change as the course proceeds. You will be notified of any and all changes.

1st Day Quiz: this will not be graded

Send via email to: scarlet.heejoo@gmail.com - please copy the questions into the message and answer them. Make sure you add your name to the bottom of the email – especially if your name is not in your address.

1.) Describe bits/bytes and their relationship to file size:

2.) Describe other properties that influence the size of a file.

3.) What is RAM and its relationship to your images displayed on the computer?

4.) What is interpolation and when and how is it used?

5.) Describe 2 ways of resizing an image in PHOTOSHOP:

6.) Describe saving an image.

7.) What does the acronym PIXEL stand for?

8.) Name 3 properties of a PIXEL:

1.

2.

3.

9.) How many pixels are displayed per inch on a standard computer monitor?

10.) What does capturing an image mean?

11.) How does a scanner work?

12.) What are the primary colors on the computer?

13.) What are the secondary colors on the computer?

14.) What two colors does the computer combine to create the color yellow?

15.) Name 3 input devices:

16.) Name 3 output devices:

17.) What is a layer and how is it used in PHOTOSHOP?

18.) Name an acceptable use of copyright material:

19. What are TOLERANCE SETTINGS  and how do they work?

20. What does FTP stand for?

syllabus

Digital Image Design

36-1300 (01) – # 3

monday 9:00-11:50

1000 S. Wabash 139

Interactive Arts and Media

Columbia College Chicago

916 S. Wabash Ave. Chicago IL
http://iam.colum.edu

Instructor Name: Heejoo Kim

Dept. Phone: (312) 369 7578

E-Mail Address: hkim@colum.edu / scarlet.heejoo@gmail.com

Office/ Mailbox: 144

Class portal: http://oasis.colum.edu

Course Description:

This course introduces 2-D imaging principles, terms, and concepts through the use of raster and vector applications.  Vocabulary and ideas appropriate to working in digital media are introduced.  The student develops a body of work that emphasizes media-specific techniques.

Prerequisites: No Prerequisite

Instructional Resource Fee: $70

Add/Drop and Withdrawal Dates: You can add or drop a class in the Spring Semester until 01.30.10. You may withdraw from a class, and receive a “W” grade, until 02.06.10.

GOALS AND LEARNING OBJECTIVES:

Outcomes:

·      Perceive what good design is

·      Have basic knowledge of tools/applications

·      Comprehend how to apply the tools to create good design

·      Critically analyze images

·      Synthesis- what it means to design for different contexts

LEARNING OUTCOMES:

By the end of the course students will be able to:

·      Understand the integration of the following components and how a synthesis of these components of visual arts is used to define a work:

a)     Elements, including color, line, shape, form, texture, and space

b)    The Gestalt principles, such as unity, harmony, rhythm, contrast, or balance

c)     Vocabulary

d)    Styles, such as abstract or impressionist

·      Utilize and apply the tools and applications of visual design, typography, and color to convey ideas in a variety of print and digital forms

·      Demonstrate understanding of fundamental computer file conventions used in visual design including formats, naming conventions, FTP, resolution, etc

·      Perform digital typography  (typeface, line spacing, point size, tracking, kerning, etc.) according to design standards of legibility and readability

·      Make and support decisions based on artistic intent for visual art works

·      Research, plan, develop and organize ideas into proposal form as well as completed graphic design projects.

·      Accept critical feedback and constructive criticism and revise and refine work accordingly

·      Participate objectively in the critique process by articulating what makes a design successful or not, citing evidence drawn from principles and vocabulary of design

COURSE WORK and GRADING:

In addition to the general work discussed above, your performance in this class is judged in part on participation, writing and critique assignments, exams, and the final project. Additionally, the course instructor is the final decider on the grade you have earned in the course. Posted grades do not necessarily reflect the final grade you will receive in the class.

Course Work Percentage Breakdown

10% — PARTICIPATIENT: PRESENTATION + IN-CLASS ASSINMENT + SKETCHBOOK

40% — PROJECTS

10% Project 1 – CD cover

10% Project 2 - Poetry

10% Project 3 - Social Relevance

10% Project 4 - A Book Based on a Word

30% — ASSIGNMENTS

6% Assignment 1 - Design Principles

6% Assignment 2 - Anatomy of Type + expressive typography

6% Assignment 3 – 5 steps of daily life

6% Assignment 4 -  Surreal space + object

6% Assignment 5 – Foreground, Middle Ground, Background

20% — EXAMS

5% Midterm Exam

15% Final Exam + Project

— EXTRA CREDIT

Assignments will be accepted late, but there will be a grade reduction.

No Assignments or Projects will be accepted beyond Week 13 except Project 4.

No Make-up exams are provided.

Please note that grades are assigned as follows:

A     = 93 % and above         (930 points+)

A–  = 90 - 92%                        (900 - 929 points)

B+   = 87 - 89%                        (870 - 899)

B     = 83 - 86%                        (830 - 869)

B–   = 80 - 82%                        (800 - 829)

C+   = 77 - 79%                        (770 - 799)

C     = 73 - 76%                        (730 - 769)

C–   = 70 - 72%                        (700 - 729)

D     = 60- 69%                         (600 - 699)

F      = 59% and below          (599 points and below)

The instructor is the final arbiter of all grades for the class.

Grade Requirements for Major:

You are required to finish with a “C” grade or better if this class is required for your Major, or is a prerequisite for a class required by your major. If you do not, you must take this class again and cannot advance to the next required class.

Incomplete Grade: An Incomplete Grade (I) can only be issued for an undergraduate student who has met the following criteria: The student has successfully completed all course requirements to date but is faced with unexpected circumstances during the final weeks of the semester resulting in the inability to complete course requirements by the end of the semester. The student must have, in the instructor’s estimation, the ability to complete missed course requirements outside of class and by the end of the eighth week of the following semester. The instructor must agree to evaluate the student’s work and replace the Incomplete grade before the end of the following semester. An agreement specifying work to be completed and a due date must be signed by both instructor and student and approved by the Department Chair. In the event that an instructor is no longer employed by the College, a program Coordinator, Director, or the Department Chair can evaluate the work and assign the course grade.

SuggestedTexts and Supplies/Materials:

Photoshop Bible by Deke McClelland, Illustrator CS Bible by Ted Alspach – both available through Amazon. Any Photoshop or Illustrator book will work or use the applications help files or online sources.

Additional Materials:

Storage devices: flash or thumb drives,CD‘s, DVD’s.

Presentation materials: (TBA) and a sketchbook (provided by student)

Prints (provided by the department)

CLASSROOM POLICIES:

Email:

All students are assigned a @loop.colum,edu email when they first register. This is the only email that instructors use to contact you about assignments, scheduling, or other classroom issues. It is your responsibility to check this email regularly for information. You can access you @loop.colum.edu email via a link at the bottom of the left hand column of the Oasis portal. (http://oasis.colum.edu) We recommend that you either check that email daily or forward it to an email account that you do check daily.

Backup and Archival Policy:

Students are responsible for maintaining their own backup copies of all digital works. The Interactive Arts and Media department provides each registered student with server storage space as a courtesy and convenience, but does not guarantee access to that server space nor does it guarantee the safety of those digital files. Maintain your own electronic backup of your important files.


Additionally, as part of this class, you may be asked to provide all class work, documentation, proposals, and projects in electronic form on a CD or DVD-ROM on the last day of class. Your instructor will inform you if this is required, and of the specifics of the requirement.

Academic Honesty and Conduct:

Academic honesty is expected of all students. Any inappropriate use of materials or plagiarism will not be tolerated. (See Academic Integrity Policies on pg. 18 of the Columbia Catalog.)

In line with Columbia’s Student Code of Conduct, students are reminded that Columbia expects students to treat each other, faculty, and staff with respect. Harassment of any kind is forbidden, as is exposing students or faculty to material and images that might be considered offensive.

All work submitted in this course for academic credit must be your own original work, the original work of the group of students cooperating in a project, and/or adhere to all relevant copyright and intellectual property ownership laws. You are all responsible for your own work, and while consultation and discussion of course topics with other students is encouraged, submitting another student’s work as one’s own - in whole or in part - will result in a zero for that assignment for all students involved. Additional penalty for violation of this policy could be extended to include failure of the class or other disciplinary action at the discretion of the instructor, the department, or Columbia College Chicago.

For more information on the use of copyright material please consult the following sources –

Copyright and Fair Use - http://fairuse.stanford.edu/

The U.S. Copyright Office - http://www.copyright.gov/

Digital Millennium Copyright Act - http://www.copyright.gov/legislation/dmca.pdf

Fair Use of Online Video - http://tinyurl.com/5gw89s (American University)

Attendance:

Students are expected to attend every session and arrive on time, prepared for the class at the indicated start time. It is the Interactive Arts and Media departmental policy that a student automatically fails the class upon their third unexcused absence. (You are out on the third strike.) Two late arrivals (after the beginning of class) equal one absence. Lateness of more than one-half hour is the equivalent of an unexcused absence. Students leaving class early are considered late for the amount of time missed. Students who do not get to class before mid-class break, or do not return after the break, will be marked as absent for that session. Medical and other emergency leave of absences follow a different policy. Please contact your instructor if such a situation arises.

Students are expected to maintain communication with their instructor regarding their presence in class. Maintaining communication with the instructor allows that instructor the option of marking an absence as excused, rather than unexcused, at his or her discretion. All communication regarding an absence or lateness should occur before the session in question. Contact information for the instructor is at the top of this syllabus.

An absent student is still responsible for turning in all required assignments on time, unless a prior arrangement is made with the instructor. The instructor may, at his or her discretion, require make-up work or assignments in the place of missed class work.

Class Blog Policy: http://didspring10.tumblr.com/

As part of this class, you will be expected to create and maintain a class portfolio blog. This website should feature all of your in-class and homework assignments. It is your responsibility to maintain working links to all of these projects. These links will be used for grading the projects and a missing link will be considered the same as a missing assignment. You are responsible for insuring that a blog posting appears properly after submission. You are also solely responsible for the content of your class blog. (See the information on Academic Honesty and Copyrights in a preceding section.)

Students with Disabilities

Columbia College Chicago seeks to maintain a supportive academic environment for students with disabilities. Students who self-identify as having a disability should present their documentation to the Services for Students with Disabilities (SSD) office. After the documentation has been reviewed by the SSD office, a Columbia College accommodation letter will be provided to the student. Students are encouraged to present their Columbia accommodation letters to each instructor at the beginning of the semester so that accommodations can be arranged in a timely manner by the College, the department, or the faculty member, as appropriate. Accommodations will begin at the time the letter is presented. Students with disabilities who do not have accommodation letters should visit the office of Services for Students with Disabilities, Room 304 of the 623 S. Wabash building (312-369-8296).

WRITING CENTER

Everyone is invited to visit Columbia College’s Writing Center. Students may drop in or have a standing weekly appointment. Writing consultants can help a student develop a paper idea, organize a paper, or revise a paper.

http://www.colum.edu/Academics/English_Department/writingcent/index.php

IAM OPEN LAB HOURS:

Computer Labs: 916 South Wabash,

For lab hours and software inventory, see http://iam.colum.edu/facilities/studios.aspx

NOTE: This syllabus is subject to change as the course proceeds. You will be notified of any and all changes.

A copy of this syllabus is available electronically in the section for this class in the Oasis online portal. (http://oasis.colum.edu)

final project presentation

+ abstract : overview of idea

+ background : research your topic

+ description : details of your work„,such as composition, color, layout, layers, style, etc

+ inspiration : sample photo + info of your inspiration

+ idea sketches : couple of your detailed idea sketches

+ references : book, magazine, website of your inspirations

vector drawing samples II

vector drawing samples I

illustrator “HELP!”

kindly, shellie emailed me these links-

it is an awesome video tutorial series.

enjoy-

http://tv.adobe.com/show/learn-illustrator-cs4/

http://tv.adobe.com/show/learn-photoshop-cs4/

assignments + projects

Final Project : : A Study of YourSelf

Your final project will take you into the depths of your self-image. That is not to say that you need to actually draw yourself though. In fact no self-portrait in the true sense of it will be necessary.
This project speaks more specifically to the mind, body and spirit. These three areas will be illustrated in two different ways and opposite ways.

For Example
• The public side vs. the private side
• The conscious or intelligent side vs. the ignorant side
• The sensible side vs. the reckless side
• The visible side that strangers see vs. the hidden side that you never show
No writing is required for this project, but if you feel the need to use your word do it sparingly

 : : Overall Requirements
Show proficiency in scanning and manipulating photos and other digital work using Photoshop.
Show proficiency using line, shape, curve and text (if desired) using Illustrator.
Show proficiency in combining images from both of these applications.

 : : Presentation
The Web Site presentation
Use a visual theme as the background or cohesive element to combine all of your images. This can be in the form of a border, or similar background texture. This presentation option requires a more advanced knowledge of web site coding than we have used during this semester. Think of it as a digital book.

——————————————————————————————-

Social Relevance : Humanity - The Human Journey

Social Relevance has to be understood in relationship to both individuals and collectives,(groups of individuals).
Social Relevance motivates people to engage and participate.
Social Relevance is linked to a sense of ownership and empowerment.
Social Relevance develops sets of cultural indicators that can shed light on both personal and collective needs and quality of experiences.
Social Relevance needs to set aside corporate indicators in favor of cultural ones – both personal and collective.
Social Relevance needs to introduce new competencies to help facilitate cultural dynamics -and temper the role of discipline-based subject specialists.
Understanding of social relevance in terms of this assignment: Work with visual resources to draw attention to problems or need for change in society that may help to benefit a specific “community” or that challenge the status quo.
Answer the questions: What do you believe in? And why?

Examples
• Stop the war
• Support our troops
• Aids awareness
• Gameplay: harm or help
• I am a geek
• Drug use
• Music soothes the savage beast

Research your topic and write, (turn in a typed hardcopy week 9) a brief description, (1 page) of your project that includes a description of the audience you are addressing.

Blurring the lines between Art and Design
Art is the 4th literacy. An understanding of the visual and textual vocabulary of art is critical to understanding our culture. It is a visual culture. This assignment will take an Eastern, (versus a western), approach to the understanding of art. We will not draw distinctions between art and design. It is about conveying the message you choose effectively.

Technical criteria
• You must composite a minimum of 4 copyright free images in one document and may use text in the project.
• Layer masks, appropriate filters, transform and adjust tools must be used. Resolution at a minimum of 150 dpi.
• You may use the photographs/assignments you have completed on color, unity and harmony, balance, scale and proportion and contrast and emphasis – you will need to address those issues in the work and the critique.
• Clarity of message and the ability to grab the attention of your audience is required.

Presentation
Print the image for class critique and save the image for the web, (appropriate size and dpi)and post to the class site or folder.

——————————————————————————————

Foreground – Middleground – Background : Space- Creating the Illusion of Depth

With unrelated three or more environments or objects create artificial depth of fields: this time focus on the distance between the foreground, middleground and background.

For example:

Background: Capturing something interesting in the background is easy in Chicago. For example, shooting toward the shore of Lake Michigan - the lake is your background. Shooting from the shore the beach may become your foreground and the city skyline becomes your background. Let’s say that you fill the frame of your photograph with the lake on a sunny day - it may be interesting as an image but there is not a lot of depth - obviously.

Middle ground: The next step is to add an interesting visual element that appears right in front of the background subject. In the case of the lake, it might be the beach. In the case of the skyline, it might be Lake Shore Drive. Whatever this object might be, including it in your photograph will give your photo depth.

Foreground: Capture something in the foreground, close to where you are standing as you take the photograph. For example: If you have used the lake as the background, the beach in the middle ground, you may shoot a person lounging on the beach for your foreground - Or a dead fish on the beach – depending on what type of statement you want to make in the image.

————————————————————————-

a series of unreal spaces, objects, or events

+ take a look at some sample images
+ prepare more than 5 different decent quality images in each file
+ use your imagination to create unique surreal environments or objects
+ enjoy different kinds of selecting tools and layers
+ do layer adjustment : level, hue/saturation, brightness/contrast, etc.

——————————————————————————-

Project2: The Art of Poetry


Art and poetry have always been connected and even considered different parts of the same whole. We are literally going to connect the two with this project. You will develop the visual creation based on the written piece of your selection.

Source Examples:
• Beat Poets • Classic Poetry • Personal writings • Phrases or Sayings • Passages from a book

Research
You might already have a favorite poet or be familiar with Columbia College’s involvement in Beat Poets this year. If that’s not the case you will need to do some research to find the written piece that moves you enough to create a project around it. Please be aware of copyright infringement and the rules of use!

Content requirements
1. Your text content must be a very long paragraph or more (no three line prose).
2. The entire composition must be covered with some type of illustration, even if it is a subtle value or low transparency.
3. The text must be legible in its font, scale and contrast.
4. Push the limits on this one and try to be as unpredictable as possible.

Sketches
A minimum of four (4) sketches must be done in your sketchbook showing a variety of layout and the beginnings of your design thought process. Some of you will want to start doing this on the computer – don’t! The sketching process is meant to be a stream of consciousness type of exercise. None of the sketches are meant to look finished in any way.

Technical criteria
This project is to be completed using Adobe Illustrator only.Use good layer management for this project as it will get very difficult to select areas as you add content. Make use of any of the tools we have learned in class including the Live Trace Tool to convert pixel based images to vector based illustrations.

Presentation
This project is to be printed in large format. That means we’re encouraging you to make use of the large-scale plotters. The minimum size is 11” x 17” and if you choose to print at this smaller scale it must be done on a high-end photographic paper.

——————————————————————————-

"live trace" in-class assignment

1. pick two photos: a main object and background
2. a main object photo : do live trace, recolor(live paint), expand, and take out the background
3. background photo : do live trace(try different preset and tracing option dialog)
4. combine two images

——————————————————————————

Project 1: Album Cover

Design an album cover that includes a combination of text and imagery. The album cover can be either a re-design of an existing album by a band or a musician or a design for a fictitious album by a band or a musician.

Note with the invention of the “album cover” concept by Alex Steinweiss in 1939 and with the advancement of consumer audio formats (Records, Reel-to-Reel, 8-Track, Cassette, CD, Minidisc, and Mp3 players), “album covers” have always played a vital role in promoting a band and or musician. However with audio devices getting smaller, “album covers” have started to lose their impact and meaning when scaled down to a size that is to say appropriate for an IPod display, opposed to the 12” x 12” record album size.

Research your band or musician for appropriate content. You can use any resources available to find the imagery, but the final composition has to have a cohesive theme where every image relates to the other.

Content requirements
: The name of the band and or musicians name
: The album title
: A foreground, mid-ground and a background
: At least 4 foreground images

Sketches
A minimum of four (4) rough sketches must be drawn in your class sketchbook. These sketches are meant to explore layout, proportion and scale of the possible subject matter.

Technical criteria
The album cover must be created using Adobe Illustrator only. Images selected will be converted to vector based drawings and images drawn from scratch will be first sketched in your sketchbook then converted to vector based images.

Presentation
There will be three versions of your album cover :
The first version will be the vinyl version that will be 12” x 12” (3600px x 3600px).
The second version will be CD version that will be 4.75” x 4.75” (1425px x 1425px)
The third version will be IPod version that will be .66” x .66” (200px x 200px): find a iPod photo and embed your image

* Note When you have decided on the final type, with the select tool choose Type Menu >Create Outlines. This will ensure that you can print your work anywhere without encountering missing font problems.

———————————————————————————-

Vector drawing

Because vector artwork is generally scalable, the same file that’s used for a tiny icon can be used on a billboard—with no degradation in quality and no increase in file size.

Illustrator and other vector graphics programs define paths between anchors. The anchor points that you define form the heart of your vector artwork. The paths that connect those vectors are actually controlled by attributes of the anchors.

In Illustrator, often things that seem basic are very difficult to do, while things that seem complex are fairly simple. Drawing that simple-looking curve is the trickier part of the process. let’s focus on that trickier part—drawing curves + color.

Cell phone + Pattern design

: pick one each style of vector drawing from the samples

: start from copy the basics + develop and enhance the design, color and details

: use mostly pen tool, shape tool, gradient mesh, gradient, transform, shear, rotate, etc.

http://www.youtube.com/watch?v=WKWgtn_axTY

http://www.youtube.com/watch?v=7_ypLrr9fDw

http://www.youtube.com/watch?v=3r2qHTKPBmU

———————————————————————————

Expressive Typography

- use various type styles and manipulations to visually communicate two of the words found in the list below.

- each of these 8.5” x 11”(either landscape or portrait) compositions will be created using only the letters that make up the words themselves. No additional graphics of any kind are acceptable.

The List

: : Brittle : : Tranquil : : Chaotic : : Massive : : Substantial : : Wandering : : Reflection : : Swift

: : Dominant : : Frugal : : Intense : : Lush : : Passive : : Transparent : : Active : : Contemplate

Manipulation method examples

: : Scale change : : Rotation : : Reflecting : : Shearing

: : Make your type into outlines and alter with the direct select tool

: : Consider creating your own type face or letterforms

: : Use individual letters as individual objects so you can manipulate them separately

————————————————————————————

The Principles of Design

The Principles of Design are the way the Graphic Designer uses the Elements of Design. Use of the Principles of Design organize and/or arrange the structural elements of the work into a cohesive unit. The Principles of Design discussed in this class are as follows: Balance, Contrast, Rhythm, Emphasis, Unity and Proportion. This beginning exercise is designed for you to see what is possible in the field of Visual Design.

1.       Search through magazines, websites and newspapers and find excellent examples of the Principles of Design.

2.       Loosely sketch different designs that convey the principle for the appropriate part.

3.       Use your favorite sketches and redraw them using Adobe Illustrator. These digitized files are to be at least 5” x 5”

4.       Black/white/grayscale, or if you want to use color, use related color scheme. www.colorblender.com, www.kuler.adobe.com, www.colourlovers.com

* Formal Balance-Even distribution of weight -symmetric.

* Informal Balance-Uneven distribution of weight -asymmetric .

* Contrast-Juxtaposition of opposing elements.

* Rhythm-Pattern created by repeating elements or repetition.

* Emphasis-What stands out the most.

* Unity-Elements look like they belong together.

* Proportion-One object in relation to another.

Grading will be based on your of identification of the Principles of Design, precision, and creativity of display.

http://www.digital-web.com/articles/principles_of_design/

http://www.johnlovett.com/test.htm

SEMESTER SCHEDULE

1

01.25.10

Introduction to the class and Adobe Illustrator

2

02.01.10

Color, Vector-Based Paths and Text

Assignment 1

3

02.08.10

Vector Objects and Color Theory / tools

Assignment 2

4

02.15.10

Translating Raster Images to Vectors / fitters

Assignment 3

5

02.22.10

Live Trace / mask

Project 1

6

03.01.10

In class working

Sketch / proposal

individual meeting

7

03.08.10

Midterm Exam

Project 2

8

03.15.10

Introduction to Adobe Photoshop

9

03.29.10

Design Principles / tools / layers

Assignment 4

10

04.05.10

Copyright / layer mask, style

Assignment 5

11

04.12.10

Collage Techniques / filters

Project 3

12

04.19.10

Simple html / pdfs

final project rough idea plan 

individual meeting

13

04.26.10

In class working

Final project idea presentation

14

05.03.10

Final Exam

15

05.10.10

Final Project Presentation

NOTE: This syllabus is subject to change as the course proceeds. You will be notified of any and all changes.

1st Day Quiz: this will not be graded

Send via email to: scarlet.heejoo@gmail.com - please copy the questions into the message and answer them. Make sure you add your name to the bottom of the email – especially if your name is not in your address.

1.) Describe bits/bytes and their relationship to file size:

2.) Describe other properties that influence the size of a file.

3.) What is RAM and its relationship to your images displayed on the computer?

4.) What is interpolation and when and how is it used?

5.) Describe 2 ways of resizing an image in PHOTOSHOP:

6.) Describe saving an image.

7.) What does the acronym PIXEL stand for?

8.) Name 3 properties of a PIXEL:

1.

2.

3.

9.) How many pixels are displayed per inch on a standard computer monitor?

10.) What does capturing an image mean?

11.) How does a scanner work?

12.) What are the primary colors on the computer?

13.) What are the secondary colors on the computer?

14.) What two colors does the computer combine to create the color yellow?

15.) Name 3 input devices:

16.) Name 3 output devices:

17.) What is a layer and how is it used in PHOTOSHOP?

18.) Name an acceptable use of copyright material:

19. What are TOLERANCE SETTINGS  and how do they work?

20. What does FTP stand for?

syllabus

Digital Image Design

36-1300 (01) – # 3

monday 9:00-11:50

1000 S. Wabash 139

Interactive Arts and Media

Columbia College Chicago

916 S. Wabash Ave. Chicago IL
http://iam.colum.edu

Instructor Name: Heejoo Kim

Dept. Phone: (312) 369 7578

E-Mail Address: hkim@colum.edu / scarlet.heejoo@gmail.com

Office/ Mailbox: 144

Class portal: http://oasis.colum.edu

Course Description:

This course introduces 2-D imaging principles, terms, and concepts through the use of raster and vector applications.  Vocabulary and ideas appropriate to working in digital media are introduced.  The student develops a body of work that emphasizes media-specific techniques.

Prerequisites: No Prerequisite

Instructional Resource Fee: $70

Add/Drop and Withdrawal Dates: You can add or drop a class in the Spring Semester until 01.30.10. You may withdraw from a class, and receive a “W” grade, until 02.06.10.

GOALS AND LEARNING OBJECTIVES:

Outcomes:

·      Perceive what good design is

·      Have basic knowledge of tools/applications

·      Comprehend how to apply the tools to create good design

·      Critically analyze images

·      Synthesis- what it means to design for different contexts

LEARNING OUTCOMES:

By the end of the course students will be able to:

·      Understand the integration of the following components and how a synthesis of these components of visual arts is used to define a work:

a)     Elements, including color, line, shape, form, texture, and space

b)    The Gestalt principles, such as unity, harmony, rhythm, contrast, or balance

c)     Vocabulary

d)    Styles, such as abstract or impressionist

·      Utilize and apply the tools and applications of visual design, typography, and color to convey ideas in a variety of print and digital forms

·      Demonstrate understanding of fundamental computer file conventions used in visual design including formats, naming conventions, FTP, resolution, etc

·      Perform digital typography  (typeface, line spacing, point size, tracking, kerning, etc.) according to design standards of legibility and readability

·      Make and support decisions based on artistic intent for visual art works

·      Research, plan, develop and organize ideas into proposal form as well as completed graphic design projects.

·      Accept critical feedback and constructive criticism and revise and refine work accordingly

·      Participate objectively in the critique process by articulating what makes a design successful or not, citing evidence drawn from principles and vocabulary of design

COURSE WORK and GRADING:

In addition to the general work discussed above, your performance in this class is judged in part on participation, writing and critique assignments, exams, and the final project. Additionally, the course instructor is the final decider on the grade you have earned in the course. Posted grades do not necessarily reflect the final grade you will receive in the class.

Course Work Percentage Breakdown

10% — PARTICIPATIENT: PRESENTATION + IN-CLASS ASSINMENT + SKETCHBOOK

40% — PROJECTS

10% Project 1 – CD cover

10% Project 2 - Poetry

10% Project 3 - Social Relevance

10% Project 4 - A Book Based on a Word

30% — ASSIGNMENTS

6% Assignment 1 - Design Principles

6% Assignment 2 - Anatomy of Type + expressive typography

6% Assignment 3 – 5 steps of daily life

6% Assignment 4 -  Surreal space + object

6% Assignment 5 – Foreground, Middle Ground, Background

20% — EXAMS

5% Midterm Exam

15% Final Exam + Project

— EXTRA CREDIT

Assignments will be accepted late, but there will be a grade reduction.

No Assignments or Projects will be accepted beyond Week 13 except Project 4.

No Make-up exams are provided.

Please note that grades are assigned as follows:

A     = 93 % and above         (930 points+)

A–  = 90 - 92%                        (900 - 929 points)

B+   = 87 - 89%                        (870 - 899)

B     = 83 - 86%                        (830 - 869)

B–   = 80 - 82%                        (800 - 829)

C+   = 77 - 79%                        (770 - 799)

C     = 73 - 76%                        (730 - 769)

C–   = 70 - 72%                        (700 - 729)

D     = 60- 69%                         (600 - 699)

F      = 59% and below          (599 points and below)

The instructor is the final arbiter of all grades for the class.

Grade Requirements for Major:

You are required to finish with a “C” grade or better if this class is required for your Major, or is a prerequisite for a class required by your major. If you do not, you must take this class again and cannot advance to the next required class.

Incomplete Grade: An Incomplete Grade (I) can only be issued for an undergraduate student who has met the following criteria: The student has successfully completed all course requirements to date but is faced with unexpected circumstances during the final weeks of the semester resulting in the inability to complete course requirements by the end of the semester. The student must have, in the instructor’s estimation, the ability to complete missed course requirements outside of class and by the end of the eighth week of the following semester. The instructor must agree to evaluate the student’s work and replace the Incomplete grade before the end of the following semester. An agreement specifying work to be completed and a due date must be signed by both instructor and student and approved by the Department Chair. In the event that an instructor is no longer employed by the College, a program Coordinator, Director, or the Department Chair can evaluate the work and assign the course grade.

SuggestedTexts and Supplies/Materials:

Photoshop Bible by Deke McClelland, Illustrator CS Bible by Ted Alspach – both available through Amazon. Any Photoshop or Illustrator book will work or use the applications help files or online sources.

Additional Materials:

Storage devices: flash or thumb drives,CD‘s, DVD’s.

Presentation materials: (TBA) and a sketchbook (provided by student)

Prints (provided by the department)

CLASSROOM POLICIES:

Email:

All students are assigned a @loop.colum,edu email when they first register. This is the only email that instructors use to contact you about assignments, scheduling, or other classroom issues. It is your responsibility to check this email regularly for information. You can access you @loop.colum.edu email via a link at the bottom of the left hand column of the Oasis portal. (http://oasis.colum.edu) We recommend that you either check that email daily or forward it to an email account that you do check daily.

Backup and Archival Policy:

Students are responsible for maintaining their own backup copies of all digital works. The Interactive Arts and Media department provides each registered student with server storage space as a courtesy and convenience, but does not guarantee access to that server space nor does it guarantee the safety of those digital files. Maintain your own electronic backup of your important files.


Additionally, as part of this class, you may be asked to provide all class work, documentation, proposals, and projects in electronic form on a CD or DVD-ROM on the last day of class. Your instructor will inform you if this is required, and of the specifics of the requirement.

Academic Honesty and Conduct:

Academic honesty is expected of all students. Any inappropriate use of materials or plagiarism will not be tolerated. (See Academic Integrity Policies on pg. 18 of the Columbia Catalog.)

In line with Columbia’s Student Code of Conduct, students are reminded that Columbia expects students to treat each other, faculty, and staff with respect. Harassment of any kind is forbidden, as is exposing students or faculty to material and images that might be considered offensive.

All work submitted in this course for academic credit must be your own original work, the original work of the group of students cooperating in a project, and/or adhere to all relevant copyright and intellectual property ownership laws. You are all responsible for your own work, and while consultation and discussion of course topics with other students is encouraged, submitting another student’s work as one’s own - in whole or in part - will result in a zero for that assignment for all students involved. Additional penalty for violation of this policy could be extended to include failure of the class or other disciplinary action at the discretion of the instructor, the department, or Columbia College Chicago.

For more information on the use of copyright material please consult the following sources –

Copyright and Fair Use - http://fairuse.stanford.edu/

The U.S. Copyright Office - http://www.copyright.gov/

Digital Millennium Copyright Act - http://www.copyright.gov/legislation/dmca.pdf

Fair Use of Online Video - http://tinyurl.com/5gw89s (American University)

Attendance:

Students are expected to attend every session and arrive on time, prepared for the class at the indicated start time. It is the Interactive Arts and Media departmental policy that a student automatically fails the class upon their third unexcused absence. (You are out on the third strike.) Two late arrivals (after the beginning of class) equal one absence. Lateness of more than one-half hour is the equivalent of an unexcused absence. Students leaving class early are considered late for the amount of time missed. Students who do not get to class before mid-class break, or do not return after the break, will be marked as absent for that session. Medical and other emergency leave of absences follow a different policy. Please contact your instructor if such a situation arises.

Students are expected to maintain communication with their instructor regarding their presence in class. Maintaining communication with the instructor allows that instructor the option of marking an absence as excused, rather than unexcused, at his or her discretion. All communication regarding an absence or lateness should occur before the session in question. Contact information for the instructor is at the top of this syllabus.

An absent student is still responsible for turning in all required assignments on time, unless a prior arrangement is made with the instructor. The instructor may, at his or her discretion, require make-up work or assignments in the place of missed class work.

Class Blog Policy: http://didspring10.tumblr.com/

As part of this class, you will be expected to create and maintain a class portfolio blog. This website should feature all of your in-class and homework assignments. It is your responsibility to maintain working links to all of these projects. These links will be used for grading the projects and a missing link will be considered the same as a missing assignment. You are responsible for insuring that a blog posting appears properly after submission. You are also solely responsible for the content of your class blog. (See the information on Academic Honesty and Copyrights in a preceding section.)

Students with Disabilities

Columbia College Chicago seeks to maintain a supportive academic environment for students with disabilities. Students who self-identify as having a disability should present their documentation to the Services for Students with Disabilities (SSD) office. After the documentation has been reviewed by the SSD office, a Columbia College accommodation letter will be provided to the student. Students are encouraged to present their Columbia accommodation letters to each instructor at the beginning of the semester so that accommodations can be arranged in a timely manner by the College, the department, or the faculty member, as appropriate. Accommodations will begin at the time the letter is presented. Students with disabilities who do not have accommodation letters should visit the office of Services for Students with Disabilities, Room 304 of the 623 S. Wabash building (312-369-8296).

WRITING CENTER

Everyone is invited to visit Columbia College’s Writing Center. Students may drop in or have a standing weekly appointment. Writing consultants can help a student develop a paper idea, organize a paper, or revise a paper.

http://www.colum.edu/Academics/English_Department/writingcent/index.php

IAM OPEN LAB HOURS:

Computer Labs: 916 South Wabash,

For lab hours and software inventory, see http://iam.colum.edu/facilities/studios.aspx

NOTE: This syllabus is subject to change as the course proceeds. You will be notified of any and all changes.

A copy of this syllabus is available electronically in the section for this class in the Oasis online portal. (http://oasis.colum.edu)

final project presentation
basic compostion
illustrator “HELP!”
assignments + projects
SEMESTER SCHEDULE
1st Day Quiz: this will not be graded
syllabus

About:

This course introduces 2-D imaging principles, terms, and concepts through the use of raster and vector applications. Vocabulary and ideas appropriate to working in digital media are introduced. The student develops a body of work that emphasizes media-specific techniques.

heejoo kim
scarlet.heejoo@gmail.com

http://didspring10.tumblr.com/submit

Following: