COM 226 Digital Imaging
SPRING 2011 (Subject to Change)
Jan 18, 2011 - April 27, 2011
Date Topic Assignment  Additional Readings and Support Files
Week 1  (January 18-21)
-Course Introduction
-Course of study
-Course Calendar 

-Explain/Discuss Digital Imaging - what is it and why optimization 

-Cover image formats used for the web, print media, and digital media 

Introduction of the course
Review course of study 
Intro to and overview of Adobe Photoshop interface
 

 

Digital Image Formats
Exploring Photoshop CS5
"The Staging Area"
"Image Essentials"

Week 2  (January 24-28) 
Jan 24
Last day for UG students to Add/Drop 

Photoshop interface
menus, tools, palettes
new features
preferences
- Opening and organizing images in  Photoshop.
- Cropping, straightening and optimization
- Saving assignment - working with the .JPEG format.
- File structure - creating directories and sub-directories within given web space.
- FTP (File Transfer Protocol).
- Taking photos - digital versus analog, scanning, digital camera quality settings.
* Create a web folder within the public_html folder and name it "coms226."

- All assignment folders must be created and housed within the "coms226" folder.

Assignment I (part 1 and part 2)
Crop and Straighten
 Assignment 1 link

- Introduction to Adobe Photoshop interface. 

- Practice using some of the basic tools

- Discuss photography (analog vs. digital). 
 
Homework - Read the "Art" and "Photography of War" sections of the PBS American Photography Website.

 

Also WIX Free Website

Simulation: Basic File Structure

Simulation: FTP Interface

*Managing web pages and Setting Web Permissions(By Dr. Bob Stepno)

Assignment I Downloadable Support Files
Crooked Image Example

Scanned Image Example

PBS American Photography Website
Kodak Photography Tips

More photography tips

 

Week 3  (January 31-February 04)

Feb 01Last day to Change P/F or Audit Options ALSO Census Date

Jan 31 Last day for UG to apply for Spring Graduation

- Working with multiple layer compositions - creating multiple payers within Photoshop
- Selecting and transforming image elements - using selection tools within Photoshop. 
- Cropping, straightening, and sizing images
- Adding text -
using the text tools within Photoshop.  -Saving/Image Formats - .JPEG and .PSD.
Assignment 2:

Creating a collaged image using the selection tools (use the tutorials in the right cell to learn how to use the selection tools in Photoshop). Create THREE collaged images from FIVE images of your choice. Detailed steps are outlined via the link below:

Assignment 2 Link
 

Homework - Read the "Digital Truth" and "Presifential Image Making" sections of the PBS American Photography Website.

FREE Copyright Free Images

*Practice Images

http://freestockphotos.com/

http://www.freedigitalphotos.net/

http://www.free-stockphotos.com/

http://www.public-domain-photos.com/

Free Images from my website

 
Week 4 (February 07-11)
Paint, Edit, and Heal - Using the various healing and brush tools within Photoshop to retouch images (also retouch and restore older scanned images). 
 
Assignment 3:

"Paint, Edit, and Heal." 

Assignment 3 Link

Read the "Persuasion," "Social Change," and "Cultural Identity" sections of the PBS American Photography Website.

Celebrity Photos edited (another example)
Week 5  (February 14-18) Paint, Edit, and Heal Cont.. TEST I (2nd class meeting)
_______________________________________
Assignment 3 continued
Continue working on Assignment 3
Study Guide
Week 6 (February 21-25) -Introduction to HTML - Create an HTML document (via Notepad/Textedit) to add  images, text, and hyperlinks. 
-Introduction to W3C School/Website.
-Bandwidth issues -
calculating bandwidth.
-Calculating file size (bits, bytes, kilobytes, megabytes, gigabytes).
-Introduction to web editors - Use Adobe Dreamweaver to add images, text, and hyperlinks.   
All content for assignments that are submitted as web pages within the specified sub-folders. 
Assignment 4:
 
Part 1: Working with HTML

Part 2: Working with DreamWeaver

Assignment 4 Link (step by step)

Homework - Read HP (Hewlett Packard) Power of Visual Communication

 

W3C School

W3C website

Bandwidth Calculators 

File Size Calculator

More information about adding an image to an HTML document. 

Week 7 (February 28-March 04)
March 02 Mid-Semester grades due by 10:00 a.m. (W)
Introduction to the .GIF image format - use Photoshop to create .GIF images. 
Introduction to image transparency - Use Photoshop to create images with transparent backgrounds (.GIF format).
Image swap effect using Dreamweaver - to compare and contrast before/after image improvements. 
Using Photoshop to replace color and correct over/underexposed images - Use various filters and techniques to edit color and improve exposure issues with various digital image formats.
"Text and Shapes."

Assignment 5:

"Working with .GIF Format and Transparency"
"Correcting Over/Underexposure and Replacing Color"

Part 1: Assignment 5 Link (step by step)

 

Part 2:

Also, using credible resources (refereed journals and/or textbooks), create a web folder and label it "visual communication." Create a webpage within this folder and provide the following information on the new webpage (name the webpage "reflection1.html"):

- What is visual communication

- Name and define each communication theory

- Provide and example for each communication theory 

 

 

 
Week 8 (March 07-11)
SPRING BREAK SPRING BREAK SPRING BREAK
Week 9 (March 14-18)
Introduction to image maps. 

Use Photoshop to create an image map -
create layouts using selection tools and add slices (Slice tool) for hyperlinks to designated areas of image layout (X -Y coordinates). 
Assignment 6:

"Creating a basic image map" Part 1

Assignment 6 Link 

"Web Publishing - Slicing"

Week 10 (March 21-25)
(10/27/ registration for spring/summer classes begin)
Use Photoshop to create an image map - CONTINUED

 

Assignment 7

"Creating a basic image map (your own)" Part 2

Assignment 7 Link

 

 

"Web Publishing - Slicing"

Week 11 (March 28-April 01) Creating static web banners
Using knowledge gained from previous assignments create ten static web banners.


Assignment 8

Assignment 8 Link

PART 2: Using Ebscohost, Addison, etc, look up the following and read: 

Fourquet-Courbet, M., Courbet, D., & Vanhuele, M. (2007). How Web Banner Designers Work: The Role of Internal Dialogues, Self-Evaluations, and Implicit Communication Theories. Journal of Advertising Research, 47(2), 183-192. doi:10.2501/S0021849907070213

 

Banner Info

Week 12 (April 04-08)
Nov 16 Last day for University Withdraw (from all classes) with grade of "W"

 

Creating animated web banners
Create two animated .GIF and .SWF banners.
Assignment 9

Assignment 9 Link

PART 2: Using Ebscohost, Addison, etc, look up the following and read: 

Mishra, P. (2006). Affective Feedback from Computers and its Effect on Perceived Ability and Affect: A Test of the Computers as Social Actor Hypothesis. Journal of Educational Multimedia & Hypermedia, 15(1), 107-131. Retrieved from EBSCOhost

 

 
Week 13 (April 11-15)
April 12 Last day for Individual Class Withdraws (from One or More Classes-Not All Classes) with grade of "W"
Magazine Cover Layout Example - use Photoshop to create a (8" x 10.5") fictitious magazine cover layout example. Save as .PDF.

Working with multiple layer .PDF files.

 
Assignment 10

Assignment 10 Link

 

 

 

Week 14 (April 18-22) Final Project

DUE BY 05/02/2011

 
FINAL PROJECT

Create a folder called "final" and create the following page as "index.html." 

Create a website/image map (only for the main page) using a Photoshop and Dreamweaver (or XHTML). 
 The main page should be a navigation page that leads to every assignment throughout the semester. 

The Final Project will also serve as an e-portfolio of the work done within the COMS 226 course throughout the semester.  On the navigation page, write a synopsis (five paragraphs) describing some of the tools, techniques, and processes used throughout the course for various assignments. 


Final Project ePortfolio Rubric = 40%

Create a website with a main page that links the 10 assignments given throughout the semester. Also provide links on the main page of the ePortfolio all reflections

 

 

20 %

Write a one page reflection (3-5 paragraphs) on the history of photography in America readings (created on a web page linkable to the final project menu page - Use course reading assignments -PBS website)

 

20 %

Write a one page reflection (3-5 paragraphs) on the visual communication readings (created on a web page linkable to the final project menu page - Use course reading assignments)

 

20 %

Write a one page reflection (3-5 paragraphs) on the tools, techniques, and processes covered in class throughout the semester (created on a web page linkable to the final project menu page - Based on assignments and tutorials)

 

20 %

 

Aesthetics and layout (main page is clear, concise, easy to navigate, menu provides a logical sequence of hyperlinks, text is readable)

 

20 %

 

 

Total

 

100%



Total of 100 points - 40% of final grade 



Additional points will be deducted accordingly for missing assignments. 

File should be viewable as a web page from the public_html folder by typing 
"www.radford.edu/~USERNAME/final."

*E-mail URLs  to Instructor
Assignment due Monday May 02, 11:00 AM

Each late assignment loses a letter grade per day that it is late.

 

Example

Week 15 (April 25-29)
Last day of classes April 29


Final Project

DUE BY 05/02/2011

 

 

 
Week 16 (May 02-05)
Grades dues by 10AM 12/20/2010 Final Exams 12/13-16
Final Project

DUE BY 05/02/2011

 


FINAL PROJECT

File should be viewable as a web page from the public_html folder by typing 
"www.radford.edu/~USERNAME/final."

E-mail URLs  to Your Instructor
Assignment due Monday May 02, 11:00 AM

The FINAL Project loses a letter grade per day that it is late