FS122 Image Manipulation
Course Description: Students develop basic image manipulation skills in a raster-based computer environment. Emphasis is placed on mastering the fundamentals of scanning, color management, photo retouching, imaging, special effects and filters and masks.
Course Length: Section C. Fall 2009, 11 weeks. Tuesday, October 6, 2009 – Tuesday, December 15, 2009, 8 a.m. – 12 noon, Room 309. Attendance and punctuality is expected.
Course Prerequisites: FS104 Computer Applications
Course Competencies:
Upon successful completion of this course, the student should be able to:
- Apply principles of color theory
- Apply color theory in the scanning, manipulating, and outputting of imagery
- Compare and contrast additive and subtractive color theory
- Identify and define which color theories apply to different input/output devices
Use and manage computer hardware peripherals for input, output, and storage
- Operate different kinds of peripheral hardware, including printers, scanners, external drives, and Wacom tablets
- Operate a personal computer using current operating system interfaces
- Correlate keyboard functions with menu operations
- Use image manipulation software
- Manipulate layers, channels and paths
- Describe and apply the major steps in the “imaging chain”
- Use a digital camera to capture images for use in a raster-based computer application
- Produce B&W and/or color illustrations
- Use tools, menus, and keyboard commands to perform complex image selection techniques
- Control image characteristics (size, mode, dpi, etc.)
- Select/apply filters and layers using appropriate menus, tools, and commands
- Prepare imagery for proofing and/or final outputting at a service bureau or other supplier
- Save documents using the appropriate specialized file formats
Download Microsoft Word version of syllabus: FS122 Image Manipulation Fall 2009
Recommended Textbook:
Photoshop CS4 Digital Classroom (Paperback) by Jennifer Smith (Paperback), Wiley; Pap/Dvdr edition. ISBN: 0470410906 and Lynda.com- lots of information including free Photoshop “tips and tricks”offered through the school library.
Student Evaluation Methods of Assessment:
- Tardies, as well as attendance, will affect your grade.
- Class time will be spent in a productive manner.
- Grading will be done on a point system.
- Points for individual activities will be announced.
- All work must be received by the set deadlines.
- Late work, if accepted, receives partial credit. Please discuss any inability to meet the posted deadlines with your instructor.
- On-time projects may be redone with instructor approval.
- ABSOLUTELY NO WORK WILL BE ACCEPTED AFTER THE FINAL CLASS MEETS WEEK 11.
Instructor Name: Sharon Kaitner, M. Ed.
Instructor Contact Information: skaitner{at}aii.edu or Sharon{at}casabasa.com
Instructor Availability Outside of Class: Tuesdays at noon, room 010, or immediately following class.
Grading:
| Grading Scale | ||||
| 25% | Professional Conduct: Class Attendance, Discussion, Participation and Teamwork | |||
| 45% | Lab Assignments and Homework | |||
| 15% | Midterm Project/Test | |||
| 15% | Final Project/Test | |||
| A | 100-93 | C | 76-73 | |
| A- | 92-90 | C- | 72-70 | |
| B+ | 89-87 | D+ | 69-67 | |
| B | 86-83 | D | 66-65 | |
| B- | 82-80 | F | 64 or below | |
| C+ | 79-77 | Late work, if accepted, 50% or less | ||
FS122 Image Manipulation
Week 1: Jan.11-Jan.15, 2010
Complete the student survey. Review of the school’s emergency evacuation procedures. Review of course and requirements. Contact is skaitner{at}aii.edu or sharon{at}casabasa.com.
Lecture:
- Apply principles of color theory
- Apply color theory in the scanning, manipulating, and outputting of imagery
- Operate different kinds of peripheral hardware, including printers, scanners, external drives, and Wacom tablets
- Operate a personal computer using current operating system interfaces
To achieve the above competencies, we will start nice and easy by examining our computers and making sure all are on the same page. We'll open programs, take a look at how things work physically, and we'll play around with ideas to apply our new skills. Our main skills will be in Photoshop, Bridge and using the Search feature of our browser, to help us creatively and technically.
Lab:
-
Introduction to PhotoshopPhotoshop can be intimidating when you first open it, but really, you can start making great digital graphics with knowing just the basics. Then as you become more comfortable with the software, start looking at all the wonderful goodies packed away in this program. And don't forget the Internet. There's a lot of great resources available.
Photoshop CS4 Tool Palette
Take the Photoshop Tool palette (above). See how even the way it looks can be different? Here's a link to an explanation of each of the tools above and the ones in the sub palette that are hidden under some of the tools. http://www.adesdesign.net/php/tutorials/photoshop/introduction_to_photoshop2.php
Adobe likes to put lots of additional information under these arrows
Photoshop has default settings that has the program open to a certain view. All of this can be customized by you. Once you open Photoshop, go to the dropdown menus at the top of the page and all the way to the right, you will see Help. Adobe has already done a great deal of work in creating useful tutorials to help you master the program. Visiting the link on Manage Windows and Palettes will give you a good start in setting your desktop to how you want it.
For our first project, download these graphics: house, sky, fair. We will use these graphics to play with layers and our selection tools. Remember, there is many resources available if you explore the Help menu in every software, by looking at the Tutorials and Resources within this site, and by knowing how to search the Internet's vast resources.
- scanning workshop
- download Scan.pdf
- Never used a scanner before? link
- how to save (paths, files, folders, backup)
- download Save.pdf
Homework:
- Create a digital collage.
- download homework.pdf
- save onto a usb memory stick and bring to class next week
- bring your inspiration item
Useful Links:
- http://kuler.adobe.com/#themes/
- Getting started with Photoshop
- http://www.princetonol.com/groups/iad/lessons/high/Photoshop.htm
- The Jamie MacInnes Library - source of copyright resources provided as part of your tuition
- Marty Chappell's homework site - filled with useful graphic design information
- 7 Photoshop alternatives reviewed by CNET
- GIMP - Photoshop alternative
Week 2: Jan.18-Jan.22, 2010
File Management and Intro to Photoshop
Backing up your work with reliable media.
Lecture:
- Compare and contrast additive and subtractive color theory
- Identify and define which color theories apply to different input/output devices
Lab:
- Review Selection tools: Selection .pdf courtesy Marty Chappell
- foreground/background and perspective
- Continue with introduction to Photoshop
- Save, Save As, and Save for the Web & Devices
Homework:
- Create a concert poster for your favorite band, using ideas gathered from the posters above. You can download some additional information with this .pdf from CreativePro.com
Week 3: Jan.25-Jan.29, 2010
- Select/apply filters and layers using appropriate menus, tools, and commands
- how-to-create-a-color-palette-from-an-image-using-kuler/
- Using your personal computer to create digital graphics
Lab:
- Using images from your camera images
- http://www.tutorialized.com/view/tutorial/Open-Magazine-Effect/8725
- how-to-turn-humdrum-photos-into-cinematic-portraits/
- Chroma keying: using Color Range in Photoshop
- Creating a magazine layout
- dropshadows
- use of type
- saturate/desaturate
- levels
Homework:
- Using the today's class as reference, create a magazine layout about YOU. The typography, title, sub headings and image should all be descriptive of YOU.
- 8-1/2 x 11" (print size)
- should include magazine title, main story title, at least 4 sub-headings or stories
- use at least 3 different fonts to catch the eye (exception to the rule of two types only)
- include month and year
- use text warp on one item
- Try levels, contrast, brightness or saturation/desaturation on photograph
Week 4: Feb.1-Feb.5, 2010
- Terms You Should Know
- Use image manipulation software
- Manipulate layers, channels and paths
- Use a digital camera to capture images for use in a raster-based computer application
Lab:
- Optimizing images
- Online Tutorials:
- How to save your images from your camera (pc) - Myrna Maas
Homework:
- Create a home page (due week 6)
- In Photoshop, choose File > New
- presets choose Web and size should be 1024 x 768
- Design a top banner with your logo and company name. Separate text, logo and background on individual layers
- On a separate layer, add navigation to include home, about the artist and portfolio
- Then create a content area. Keep as much as you can on separate layers.
- Create a logo if don't already have (due next week)
Week 5: Feb.8-Feb.12, 2010
Campus will be closed FRIDAY, FEBRUARY 12th for President's Day
- Midterm
- Produce B&W and/or color illustrations
- Use tools, menus, and keyboard commands to perform complex image selection techniques
- Control image characteristics (size, mode, dpi, etc.)
Lab:
- Photoshop animation
- Introduction to basic web graphics
- Creating a web gallery using Bridge
Homework:
- Animate your logo and bring to class next week
Week 6: Feb.15-Feb.19, 2010
Monday, November 9th is Veteran's Day - school holiday
Lecture:
- Prepare imagery for proofing and/or final outputting at a service bureau or other supplier
- Save documents using the appropriate specialized file formats
- Describe and apply the major steps in the “imaging chain”
- Animator vs. Animation
Lab:
- Lab - saving your work to be printed by others
- Lab - manipulating layers, channels and paths
- Lab - continued work on your site
Homework:
- Produce a printed poster announcing a release party for your fictitious company. Either 11x17 or 8-1/2x11, 300 dpi, CMYK. This is an exercise in having your work printed, and the difference between online and in hand. Save as an original (.psd) and as a .pdf for printing. The .pdf goes into the Print_Jobs folder on the desktop of your computer. $1 per print, $3 for glossy. The print shop is on the 6th floor and there is a machine outside (as well as in the bookstore) to purchase a card to pay for the prints.
Week 7: Feb.22-Feb.26, 2010
Lecture: Presentations of poster and web page
Lab:
- Discussion and critiques
- Blog about the experience.
- Creating a simple Flash website, importing from Photoshop (for additional help, refer to Lynda.com). You can get a two week subscription through the school library.
stop();
//handle events for buttons. ..
about.addEventListener(MouseEvent.CLICK, clickSection);
home.addEventListener(MouseEvent.CLICK, clickSection);
portfolio.addEventListener(MouseEvent.CLICK, clickSection);
contact.addEventListener(MouseEvent.CLICK, clickSection);
function clickSection(evtObj:MouseEvent) {
//trace shows what’s happening..in the output window
trace (“The “+evtObj.target.name+” button was clicked!”)
//go to the section clicked on…
gotoAndStop(evtObj.target.name);
Homework:
- Upload your web pages to your site and send me your url.
- Develop a proposal to teach something using Photoshop and any other skill you developed in this class and at AI. Proposal due next week.
Week 8: Mar.1-Mar.5, 2010
Thursday, November 26th is Thanksgiving and the 27th is Diversity Day - school holidays
Lecture:
- Lab
Lab:
- Lab using Dreamweaver
Homework:
- Send me an email telling me why you're pleased with all you've learned this quarter. Begin work on your final project.
Week 9: Mar.8-Mar.12, 2010
Lecture: Course review and final project assignment.
Lab: Final project lab time and assistance.
Homework: Work on your final project.
Week 10: Mar.15-Mar.19, 2010
- [Final Exam]
Lab:
- Complete Flash tutorial
- Assistance on website, if you want
- Presentation of tutorials (max. 7)
Homework:
- Whatever you need to do. No late homework will be accepted past today.
Week 11: Mar.22-Mar.26, 2010
Lecture: Course closure and evaluation.
Lab: Presentations
Homework: None. Have a good holiday break!
Class Standings
Click on this individual score link to access scoring information on your completed projects. Enter your name and id (password) exactly as you provided in the student survey.
I upgrade my grades every Sunday, usually no later than 2 p.m. I may update points for work received after this time, but before 7 p.m. only.
If there are any questions at all, please feel free to email me. I usually respond the same day and sometimes immediately, or at least within the hour.
If you have any problems, email me.
| ID | T | Abs | Final Grade | |
| 331743 | 1 | 0 | 98.1% | A+ |
| 130259 | 0 | 0 | 98.1% | A+ |
| 517 | 0 | 0 | 97.1% | A+ |
| 45381 | 0 | 0 | 93.2% | A |
| 327604 | 2 | 0 | 90.8% | A- |
| 1018 | 0 | 0 | 90.3% | A- |
| 352630 | 1 | 0 | 90.3% | A- |
| 339902 | 1 | 0 | 88.8% | B+ |
| 1691 | 1 | 1 | 88.8% | B+ |
| 333242 | 2 | 0 | 88.3% | B+ |
| 355523 | 2 | 1 | 87.9% | B+ |
| 322262 | 0 | 1 | 87.4% | B+ |
| 5911 | 1 | 0 | 84.0% | B |
| 347847 | 0 | 1 | 83.0% | B |
| 351051 | 0 | 2 | 80.6% | B- |
| 132 | 0 | 2 | 80.6% | B- |
| 314630 | 2 | 1 | 76.7% | C |
| 2224 | 0 | 2 | 75.7% | C |
| 1182 | 1 | 3 | 74.8% | C |
| 51626 | 1 | 1 | 69.4% | D+ |
| 333004 | 5 | 3 | 68.0% | D+ |
Student Site Information
Fall 2009
Student email
Final Project - Web Site
http://siggyfrank.aisites.com/
http://tatchanhho.aisites.com/
http://alejandroaguilar.aisites.com/
Past Student Profiles below