Summer 2010 Governors School 
Graphics Creating/Editing
Students will use the Adobe CS4 Suite to create and modify a variety of digital image formats. Various digital image formats and related attributes will be discussed in detail (GIF, JPEG, SWF, Bitmap, .PSD, .PDF). Students will learn how to create static web banners, logos, magazine cover layouts, animated images, and image maps (web pages). Students will also learn the basics of image optimization.

Assignments

Description

Supporting Info/Files Tutorials 
Assignment 1 1) If you haven't already set up a free GoogleSites page. 

2) Collect or Download COPYRIGHT FREE images for editing. Can be your images or images from links provided. 

3) Photoshop interface
menus, tools, palettes
new features
preferences

FREE Copyright Free Images

http://freestockphotos.com/

http://www.freedigitalphotos.net/

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

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

Free Images from my website

 

Using Google Sites

Simulation: Step 1 - setting up your Google Sites account

Simulation: Step 2 - setting up your Google Sites account

Simulation: Step 3 - setting up your Google Sites account



Also- WIX - Free Website

Assignment 2 1) How to use the "Crop" & "Straighten" tools in Adobe Photoshop CS4. 

2) Image formats (JPEG, GIF, PSD)

Assignment I Downloadable Support Files

Five images in one Make each image the same dimensions. Crop and straighten each individual image then upload the original and the three fixed images to your Google Sites  - To Your "Documents & Assignments" page.

 

Assignment 3 1)  Working with multiple layer compositions - creating multiple payers within Photoshop
-2) Selecting and transforming image elements - using selection tools within Photoshop. 
3) Cropping, straightening, and sizing images
4) Adding text - using the text tools within Photoshop.  

5) Saving/Image Formats - .JPEG and .PSD.

 
Download at least 4 images and demonstrate how one can select and remove portions of one image and add them to another using the selection tools. Create 4 new images from the existing 4 for a total of 8 images. Upload all images to your Google Sites "Documents & Assignments" page AND/OR embed them into the document for immediate display.

Upload to your "Documents & Assignments" page.

*Practice Images

Simulations: Rectangular Marquee tool.

Simulations: Eliptical Marquee tool.

Simulations: Selecting a Color Range. 

Simulations: Magnetic Lasso tool.

Simulations: Magic Wand tool. 

Simulations: Moving selections between images

 
Assignment 4 Creating static web banners
Using knowledge gained from previous assignments create ten static web banners.
Using Adobe Photoshop, create five FICTITIOUS  web banners

1 Full size horizontal banners (~2 x 7) or (1 x 5) 
1 Half size horizontal banners (~2 x 3) or (1 x 2) 
1 Full size verticle banners (~7 x 2) or (5 x 1)
1 Square banners (2 x 2) or (3 x 3) or (4 x 4)   
1 Half size verticle banners (3 x 1) or (4 x 2) 

Upload to your "Documents & Assignments" page.

Interactive Advertising Bureau
Guidelines

 Interactive Advertising Bureau
(Main Site)

 
Assignment 5
Creating Logos - use shape, selection, and text tools within Photoshop  to create logos. Use techniques and  processes from previous assignments to create and save as .GIF, .JPEG, .PDF, and .PSD files.
Create a total of five logos. 

Upload to your "Documents & Assignments" page.

Simulation: Creating a new document (tutorial 1).

Simulation: Using the "Shape" tools (tutorial 2).

Simulation: Adding text (tutorial 3).

 
Assignment 6 Magazine Cover Layout Example - use Photoshop to create a (8" x 10.5") fictitious magazine cover layout example. Save as .PDF. Create THREE fictitious magazine cover layouts (8" x 10.5") utilizing all information and techniques covered in the course up to this point.

1) Create layout. 2) Save as .PDF file.

Upload to your "Documents & Assignments" page.

For examples of Layouts
Google.com
| Images | Keyword: magazine covers. 

Simulation: Starting a layout (step 1)

Simulation: Creating a layout (step 2).

Simulation: Saving the layout (step 3).

 
Assignment 7      
Assignment 8      
Assignment 9      
Assignment 10      
Assignment 11      
Assignment 12      
Assignment 13      
Assignment 14