Digital Imaging MSTD 226 | MSTD 226 01 | MSTD 226 02
|
Semester Calendar Fall 2005 |
|||
|
|
Topics | Assignments | Additional Readings and Support Files |
|
Week 1 (August 22-26) |
Course Introduction Course of study Course Calendar
Creating a "Web Photo Gallery" in Photoshop |
Practice Creating a web photo gallery in Photoshop |
PBS
American Photography Website
Flash "Web
Photo Gallery" tutorial |
| Week 2 (August 29-Sept 2) | Opening and organizing images in Photoshop New Features. "Making Selections" |
Practice using some of the basic tools Intro to HTML Text: Adobe Photoshop CS2 One-on-One Lesson 1 Text: Adobe Photoshop CS2 One-on-One Lessons 4. "Making Selections." Work lab book assignment. Work on assignment 1 |
PBS
American Photography Website Digital Image Formats Practice Images Text: Graphic Communications Today Ch 2 "From Cave Walls to Modern Visual" |
| Week 3 (September 5-9) | Selecting image elements Cropping, straightening, and sizing images |
Assignment 1: Submit an image that has elements selected from other images. The elements must be sized and cropped appropriately. Using the text tool add name and RU ID. Send to complearn@aol.com as a .PSD file by Friday Sept 16, 9:00 AM. Text: Adobe Photoshop CS2 One-on-One Lessons 5 "Crop Straighten and Size." Work on assignment. |
Text: Graphic Communications Today Ch 3 "Type: The basic Ingredient" Scanned Image Link |
| Week 4 (September 12-16) | Paint, Edit, and Heal. Healing tools. |
Text: Adobe Photoshop CS2 One-on-One Lessons 6 "Paint, Edit, and Heal." Basic text in Photoshop. Assignment 2: Using the practice photos on the website, create an example of an effect using one of the paint, edit, or healing tools. Send to complearn@aol.com as a .PSD file by Friday Sept 23, 9:00 AM. |
Text: Graphic Communications Today Ch 4 "Creative Typography" Healing tools Image |
| Week 5 (September 19-23) | Working with text | TEST I | Study Guide |
| Week 6 (September 26-29) | Working with layers | Text: Adobe Photoshop CS2 One-on-One Lessons 9 "Building Layered Compositions." Work lab assignment Assignment 3: Create a new folder within the public_html folder. Name the folder "htmlimg" (lower case). Inside the new folder create an HTML page (index.htm) with an embedded image (JPEG or GIF file). - The page should display a title in the browser window. - Image should be positioned on the page using HTML. - A border should be applied to the image. - The image should be a link to another site. - The image (when viewed via a browser) should contain ALT tag information with the assignment number and the student's first and last name. The final page should be viewable as an web page from the public_html folder by typing "www.radford.edu/~USERNAME/htmlimg." Assignment due Friday Oct 7, 9:00 AM. |
Text: Graphic Communications Today Ch 13 "Advertising Design" Simulation: Assignment 3 Tutorial 1 Simulation: Assignment 3 Tutorial 2 Simulation: Assignment 3 Tutorial 3 |
| Week 7 (October 3-7) | Working with Text |
Text: Adobe Photoshop CS2 One-on-One Lessons 10 "Text and Shapes." Work lab book assignment. Assignment 4: Create a transparent GIF file. Add text (with effects) to the background. Using Dreamweaver, embed the transparent GIF file into the index.htm page from Assignment 3. Again, using Macromedia Dreamweaver, link the transparent GIF file to any URL and add the following ALT tag data - Assignment number and your name. Also, using Dreamweaver, add the title info - "Assignment 4." File should be viewable as an web page from the public_html folder by typing "www.radford.edu/~USERNAME/htmlimg." Assignment due Friday Oct 7, 9:00 AM. |
Text: Graphic Communications Today Ch 14 "Magazine Design and Redesign" Simulation: Creating a transparent image file (tutorial 1). Simulation: Sizing and saving the transparent GIF (tutorial 2). Simulation: Defining your site folder in Macromedia Dreamweaver (tutorial 3) Simulation: Editing your site in Macromedia Dreamweaver (tutorial 4). |
| Week 8 (October 10-14) Mid-Semester Grades Due Oct 12 by 10:00 AM |
Create rollover effects menu using Photoshop CS2 and Macromedia Dreamweaver MX 2004 | Assignment 5:
Using Adobe Photoshop CS2, create a series of five image buttons
and five corresponding buttons for rollover effects. Using Macromedia Dreamweaver MX 2004, create a menu at the top of the "htmlimg" page and add each of the five buttons, add the corresponding rollover effects buttons, and create links for each button. Also, add ALT tags for each button explaining its destination. File should be viewable as an web page from the public_html folder by typing "www.radford.edu/~USERNAME/htmlimg." Assignment due Friday Oct 14, 9:00 AM. |
Simulation: Creating buttons in
Photoshop (tutorial 1).
Simulation: Creating effects and saving buttons as GIF (tutorial 2). Simulation: Adding the images and rollover effects in Macromedia Dreamweaver (tutorial 3). |
| Week 9 (October 17-21) | Create an image map using Adobe Photoshop CS2 |
Assignment 6: PART 1: Create a new folder within the public_html folder. Name the folder "web" (lower case). Inside the new folder create a website/image map with five links. The site should include at least a paragraph of alt tag information to describe and explain each link. Define and open the site in Dreamweaver to edit. Also, using Dreamweaver, duplicate the same links at the bottom of the page using CSS mouse over effects. The file should be viewable as an web page from the public_html folder by typing "www.radford.edu/~USERNAME/web." PART 2: Create a new folder within the public_html folder called "map." Download the Virginia Southwestern Counties JPEG file (Right Click and save as) "5counties" and save it to the newly created "map" folder. Using Photoshop add links to county government sites and corresponding ALT tags for each county. Save the page as "map.htm" to the "map" folder. The file should be viewable as an web page from the public_html folder by typing "www.radford.edu/~USERNAME/map." Assignment due Friday Oct 21, 9:00 AM. |
Online Test
PART 1: Simulation: Creating and saving the site (tutorial 1). Simulation: Editing and adding CSS in Dreamweaver (tutorial 2).
Image Map Example Site: PART 2: Simulation: Create a new folder called "map." (tutorial 1) Simulation: Use the "Slice Tool" to add link information to each county (tutorial 2). Simulation: Save the image making it an html document (tutorial 3). |
| Week 10 (October 24-28) | Layer effects Create a web banner. |
Text: Adobe Photoshop CS2 One-on-One Lessons 11. Assignment 7: Create a new folder within the public_html folder. Name the folder "banner" (lower case). Inside the new folder create a web banner. Either the entire layer, a text portion, or element must contain a link to a particular website (any website). File should be viewable as an web page from the public_html folder by typing "www.radford.edu/~USERNAME/banner." Assignment due Friday Nov 4, 9:00 AM. |
|
| Week 11 (October 31-Nov 4) | Create a web banner continued. |
Text: Adobe Photoshop CS2 One-on-One Lessons 12. TEST II * ____________________________________ Assignment 7: Continued. Continue working on web banner assignment. - Assignment due Friday Nov 4, 9:00 AM. |
Text: Graphic Communications Today Ch 13, 14 (review) "Advertising Design" "Magazine Design and Redesign" Study Guide |
| Week 12 (November 7-11) Nov 11 last day to withdraw with "w" |
Create a logo. | Assignment 8: Using
Adobe Photoshop and images taken earlier in the semester (if applicable),
create a logo. The logo can be for an organization, business, or club, or,
can have a fictitious theme. Students will be introduced to the shape
tools within Adobe Photoshop and reintroduced to the text tool and text
effects. Create
a new folder within the public_html folder. Name the folder
"logo" (lower case). Embed the logo into an HTML file
(call it "index.htm") using Macromedia Dreamweaver. Also, save a copy of the
logo as both a .PSD file and as a .PDF file. File should be viewable as an web page from the public_html folder by typing "www.radford.edu/~USERNAME/logo." Assignment due Friday Nov 11, 9:00 AM. |
Simulation: Creating a new document (tutorial
1).
Simulation: Using the "Shape" tools (tutorial 2). Simulation: Adding text (tutorial 3). |
| Week 13(November 14-18) | Printing and Output Page layout. |
Assignment 9: Create
a magazine cover layout (8" x 10.5")based on all information
covered in the course up to this point. Create a folder called "layout" (lower case). 1) Create layout. 2) Convert to CMYK color mode (from RGB). 3) Save as .PDF file. 4) Create a web page using Dreamweaver (save to the "layout" folder as "index") and create a link from this page to the .PDF file. File should be viewable as an web page from the public_html folder by typing "www.radford.edu/~USERNAME/layout." Assignment Due by Friday November 18, 9:00 AM. |
Google.com | Images | Keyword: magazine covers. |
| Week 14 (November
24-25) Thanksgiving Break - No Classes |
|||
| Week 15 (November 28- Dec 2) | Present Final Projects | Begin Creating/Finalizing Final
Project/Presentation "Web Gallery" PART I: 5 photos must be either taken via camera or scanned. Images MUST BE the students own work. The images must be optimized for web display. Students must point out the editing process for the specified photo. Photos can be of people, places, things. Students must explain the significance of each of the five photos. The gallery will be posted in the students pulic_html folder to be accessed via their website. Create a folder called "webgallery" and save the actual web gallery as "index.htm" to that folder. Also, use either HTML or Macromedia Dreamweaver to edit the page a add simple text below the gallery explaining, in at least one paragraph, the way that each of the five images were optimized for the web. PART II: Create a main web-navigation page to link all of the assignments (1-9) and the web gallery together. Create a folder called "final" and save the web-navigation page as "index.htm." On this navigation page, write a synopsis (one to two paragraphs) describing some of the tools, techniques, and processes used throughout the course for various assignments. Example |
Flash "Web Photo Gallery" tutorial |
| Week 16 (December 5-9) December 9 - Last day of class |
Present Final Projects | ||
| Week 17 (December 12-16) Final Exams | Present Final Projects | ||
