 |
 |
Project 1 – Name Plate |
| Assignment:
Create a name plate with your first (nick name OK) and last name
Instructions:
- Create a new folder in your Computer Graphics Project folder named "Project 1"
- Create new document (File/New)
- Select these options (Use the file naming convention to name your file):

- Rotate the image 90 degrees (Image/Image Rotation/90)
- Press "Ctl R" to make the rulers visible.
- Use the Move tool to drag guide lines into your document
- Set the guides so that you are working in a 2.5" x 10" space
- Use the Marquee selection tool to keep your design within these dimensions
- Use the Text tool to write your name - options will be similar to a word processing program.
- Experiment with:
- Fonts
- Colors
- Font sizes
- Gradient backgrounds
Requirements:
- Guides set to 2.5" x 10" space
- Legible name
- Background confined to guides
- File named correctly
Turn in:
- 1 Classroom worksheet of 10 name plate adjectives
- 1 psd (PhotoShop Document) file correctly named according to the file name convention
|
|
 |
Exercise 1 - Selection Tools Practice |
Assignment: Use the provided files to experiment with the PhotoShop selections tools
Instructions:
- Create a new folder in your Computer Graphics Projects folder named "Exercise 1"
- Download the images from the Downloads section below.
- Use all of the following PhotoShop tools and features to complete this exercise.
- A. Making Selections
- Rectangular/Eliptical Marquee (Use president images)
- Polygon
- (Exercise File)
- Click to begin and continue to click all around the target to end point
- Lasso
- Click once to begin - drag - click to end
- Magic Wand
- (Exercise File)
- Set "tolerance" and "contiguous" on Option Bar
- Quick Select -(Exercise File)
- Combination (Exercise File)
- B Cutting and Pasting
- Make selection
- Refine edge if needed
- ALWAYS click Refine Edge to check for rough edges
- Most of the time a little smoothing is needed
- Be sure that you are on the layer that you want to copy from
- Click Ctl "C" to copy or Edit/Copy
- Click on the image that you want to paste on to
- Select the layer that you want your paste to be above
- Click CTL "C" to past or Edit/Paste
- A new layer will be creatd with your pasted object in it
- C. Transforming Selections
- Select layer with object to be transformed
- Choose the selection tool (Arrow at top of tool bar)
- Click Ctl "T" or Edit/FreeTransform to make the transform box appear around the object
- Here you can rotate and scale (Hold SHIFT when scaling to maintain the aspect ratio)
- Right click for more options
- Confirm with CHECK on Option Bar
Downloads:
Lincoln, Kennedy, Napoleon, Santa Hat 1, Santa Hat 2
More selection possibilities: Flowers Butterflies |
|
 |
Project 2 - Show Poster |
Assignment: Create 2 posters using the images and selections from the previous exercise advertising either the Philadelphia Flower Show or the Somerville Classic Car Show.
Instructions:
- Create a new folder in your Computer Graphics folder named "Project2"
- Using flower images from the last exercise, create 2 1200 X 1600 pixel posters. Each poster will include at least two different selections. Background and other effects are up to you!
- Add text adveritzing the Philadelphia Flower Show or the Somerville Classic Car Show (search online for the information)
Requirements:
- Very precise selections
- Background of your choosing (Solid color or gradient - No images)
- Deliberate and conscious use of three Design Principles:
- Focus (Center of Interest) calls attention to a point in the artwork. The point of interest is usually in contrast to the surrounding space and can be achieved different ways:
- Color
- Size (Scale)
- Location
- Intensity
- Shape
- Different
- Unity is the feeling of harmony in an artwork; all parts belong together. Unity can be achieved in different ways:
- Balance is the equal visual weight in artwork.
- Symmetrical: when both sides of an artwork are mirror images
- Asymetrical: when one side is different than the other side
- Radial: when the design radiates out from the center of the artwork.
Turn in:
- 3 Files
correctly named
- Two original psd file with all layers available, named and organized (Project# 2A, 2B)
- One jpg file
Selection possibilities: Flowers Cars Butterflies
|
|
 |
Project 2 - Greeting Card |
Assignment: Create 2 original greeting cards
Instructions:
- Create a new folder in your Computer Graphics folder named "Project2"
- Card
- Copy or drag the greeting card template to your new folder
- Using flower images from the last exercise, create 2 greeting cards using the provided template.
- Envelope
- Choose an envelope paper color that compliments your card
- Fllow these instructions to create your envelope
Requirements:
- Very precise selections
- ALL Groups and Layers must be organized and named
- Each card must contain at least 2 selections
- Background of your choosing (Solid color or gradient - No images)
- Deliberate and conscious use of three Design Principles:
- Focus (Center of Interest) calls attention to a point in the artwork. The point of interest is usually in contrast to the surrounding space and can be achieved different ways:
- Color
- Size (Scale)
- Location
- Intensity
- Shape
- Different
- Unity is the feeling of harmony in an artwork; all parts belong together. Unity can be achieved in different ways:
- Balance is the equal visual weight in artwork.
- Symmetrical: when both sides of an artwork are mirror images
- Asymetrical: when one side is different than the other side
- Radial: when the design radiates out from the center of the artwork.
LInks:
Turn in:
- 4 Files
correctly named
- 2 psd files with all layers available, named and organized
- 2 jpg files
- 1 print of 1st card with envelope
|
|
 |
Project 3 -Mandala |
Assignment: Using selection from photographs of your own choosing create 2 mandala designs
Instructions:
- Create a new folder in your Computer graphics folder named Project 3
- Search for (LARGE) images of your choosing in the internet or for extra credit, take your own
- Look for interesting photos -pay attention to color and shape
- Create a new Photoshop document 10" X 10" at 300 resolution
- Bisect the image vertically and horizontally
- Create Group folders for each of the selections you use in your design.
- To place a selection around the mandala :
- Be sure that your selection is in a group folder
- Position a single selection on the image where you want it in relation to the center
- Duplicate the layer by dragging the original to the New Layer icon
- Press Cmd-T to activate the transform tool on the new layer
- Move the pivot point to the center of the image
- Decide how many iterations of the design you want to repeat around the circle
- Use this chart to find the angle in degrees you will need for this many copies

- Insert the degrees you need into the box on the options tool bar and accept the translation.
- Now press and hold Clt-Alt-Shift and press T as many times as you need. Each key press will create another copy at the correct angle.
- Repeat this process for each design. Be sure each on is in it's own Group folder before beginning.
Requirements:
- At least 2 different disigns each in their own top Group Folder
- Selections must be well thought out and Very precise
- Use at least 3 selections
- ALL Groups and Layers must be organized and named
- Background of your choosing (Solid color or gradient - No images)
Turn In:
- 3 Files
correctly named
- One original psd file with all layers available, named and organized (Project# 3)
- Two jpg file
- 2 Prints - One of each mandala
|
|
 |
Project 4 - Type Font Pattern |
Assignment: Create 2 interesting patterns using letterforms any number or letter from the alphabet, upper or lower case.
Insructions:
Part One:
- Create a new folder in your Computer Graphics folder named "Project 4."
- Open a new PhotoShop document using the Letter preset.
- Name the file using the file naming convention with a project # of 4P.
- Try out many different designs using all three repeat types (see below).
- There are only 3 different ways to repeat a 2 dimensional motif. These three types of repetition or symmetry operations are:
- Simple Translation the image moves up, down, left or right while keeping the same orientation:
- Rotation the image turns:

- Reflection the image reflects as in a mirror:

- Experiment with different letters and repeat types.
- Use simple and classic fonts. Avoid overly decorative or fun fonts.
- Use 72 pt type
- Work at 100% (hold Ctl & Alt and press 0 (zero))
- Create a minimum of 3 samples of each - translation, rotation and reflection - for a total of at least 9 samples or prototypes.
Part Two:
- Choose two final designs
- Create 2 PhotoShop documents using the Letter preset.
- Use Cmd “R” to create rulers.
- Set guidelines 3/4 inch on the top and both sides and another 2 1/2 inches from the bottom (View/NewGuide).
- Carefully create each final design in it's own psd file using the guides to keep the design centered & about 3/4" away from the document sides.
- Use the arrow keys to 'nudge' the letters so that you can align the pixels perfectly.
- Check alignment at zoom level 'Actual Pixels'
- Final design file will not be fully rasterized or merged - ONLY each repeatable line
- Each design should have multiple and appropriately named layers
Turn in:
- 5 Files
- One psd file - prototypes (Project# 4P)
- Two psd files - finished single letter designs (Project# 4A and 4B))
- One psd file - finished personal designer logo design (Project 4C)
- One jpg file (choose the design you would like displayed on the web)
- 1 Print
- Choose the design you like the best and print
- Remember to scale to fit media
- Write your name, period and folder on the back lightly in pencil.( Example: Mary 2/12)
|
|
| |
Exercise 2 - Color Theory |
Assignment:
Create a variety of color themes based on Primary, Secondary, Complimentary and Analogous color models.
Instructions:
- Download the ColorThemes.psd file from the Computer Graphics shared drive (ComputerGraphics/downloads/Calie/Intro)
- Navigate to the correct folder and COPY an PASTE the file in your own folder (DONOT OPEN the file directly from the downloads location)
- Go to the Kuler Color Theme web site
- Study and identify the color themes
- Create your own color themes
- Create and label your own color themes in the ColorThemes file
Requirements:
- Create and label at least 2 themes each:
- Complimentary
- Analogous
- Monochrome
- Primary
- Secondary
- Custom
Turn in:
1 psd file ('Project' # E2)
|
|
 |
Project 5 - Color Type Font Pattern |
Assignment: Create 2Color Type Font Pattern Designs
Instructions:
- Prepare your folder and files
- Create a new folder in your period folder named Project5.
- COPY ALL of your type designs from Project 4 and paste them into your new Project 5 folder
- Rename all these files from project 4 to project 5
- Experiment with all final designs creating a positive and negative color design prototype:
- Duplicate your final B&W psd file and place them in the new Project5 folder
- Navigate to your new Project5 folder and rename all the files
- Open a file to experiment with:
- Remove all extra layers except for the design
- Turn off the background and the single letter at the bottom
- Merge all visible layers
- Make several duplicates of the newly merged layer
- Create a new empty layer
- Create a group folder and place a single design layer AND the empty layer in this set
- Make copies of the new group
- Use the layer groups to organize your color experimentations
- Create a variety of designs - positive space, negative space, solid colors, gradients, etc.
- Do NOT fill the entire sheet - ONLY the area on and/or around the design!
- Appropriately name these files and sets and keep them in your Project5 folder
- Select 1 final color design from among your prototypes
- Refine your final choices and move it to your Completed Work folder and place a copy in the server Completed Work Folder along with the JPG.
Requirements:
Turn In:
- 2 files:
- One psd file with appropriately named layers (Project# 5)
- One jpg file 600 pixels on the longest side (Project# 5W)
|
|
 |
Project 6 - 3D Surface Design - Plane |
Assignment: Create at least two designs to cover a folded object - paper plane - using the color repetition designs from the previous project.
Instructions:
- Preperation
- Create a new folder in your Computer Graphics folder named Project 6.
- Study the object you plan to cover. Using the provided paper template, cut out and fold the paper airplane. Directions for folding the plane can be found here.
- Download the template you need from the Downloads section in the Computer Graphics shared drive. DO NOT open the file from that location. COPY and PASTE it to your folder
- Repetition Letter Design Plane
- COPY (don't move) the letter design psd files from Project 5 and paste them in your Project6 folder
- Open the template that you copied into your folder
- Immediately 'SAVEAS' your file using the filename convention - use 6 for the project name
- Make the designs on your plane harmonious. Harmony is the balance between Unity and Variety. Both unity and variety can be achieved through the use of:
Requirements:
- Create at least 2 different designs. Organize your designs into Groups in your Layers palette
- Your designs must be planned around the folds and joins of the object you are covering.
- Pay particular attention to the following Design Principles when designing your plane
Turn in:
- 1 psd file (Project 6) - Each design will be organized in it's own group of layers.
- 1 print - landscape, scale to fit media!
|
|
| |
Exercise 3 - Pen Tool Exercise |
Assignment: Learn to use Photoshop's pen tools by tracing over example lines and shapes in provided image files.
Instructions:
- Create a new folder in your Computer Graphics folder named "Exercise3."
- Download the images from Computer Graphics shared drive -Downloads- into the new folder.
- Open the downloaded files in PhotoShop one at a time in the order they are listed below.
- Open the file
- Select the Paths tab in the Layers palette window:
- Select the PenTool in the ToolBox:
- Use the pen tool to trace over the lines in the files.
- There are 2 ways to start a new path
- Press cmd and click. You will be back the New Path cursor
- Create a new layer in the Paths palette
- As you use the pen tool, your cursor will change. Pay attention to your cursor to know what pen tool option you are using. HERE are the Pen Tool types that you will encounter:
- There are 5 different pen tool options under the PenTool:
- However, you will not need to change pen tool selections by clicking on the tool bar. You can do all that you need to do to create and modify paths by selecting the pen tool on the tool bar and using the <alt> and <control> keys.
|
|
 |
Project 8 - Text Portrait |
Assignment: Create a portrait of a person you know well (friend, family member, self) by combining a headshot of the person along with a descriptive body made up entirely of text.
Instructions:
- Create a new folder in your Computer Graphics folder named Project 8.
- Copy and paste the PortraitTemplate.psd file from the downloads section of the Computer Graphics shared drive.
- Copy a rectangle of your subject’s head from your photo file and place it in your portrait. Name this layer; Head.
- Use text and ONLY text to create the body of your subject.
- Keep all your text layers in tact.
- Don’t rasterize text layers if you don’t have to.
- Don’t merge layers
- Name and group your layers.
- Text layers will automatically use the text content as their name.
- Group the text layers into folder groups by body part.
- Leave your background layer white.
- Be Creative!!
Requirements:
- A thoroughly completed subject data collection sheet completed on time and turned in .
- A headshot of your subject aquired on time. This can be a digital file, a photograph that you scan in or you can take the picture in class.
- Finished work of art
- Letter sized document at 300 dpi
- The headshot of your subject placed on the page
- The subject’s body composed entirely and only out of type. Type context should be taken from your data collection sheet. The type should be a combination of words, phrases and complete sentences.
- Type should subtly combine the following tools and techniques:
- Font
- Color
- Size
- Orientation
- Transformation
- Type on a path
- Type in a path
- Warped text
- One correctly sized named psd file (Project 8)
- All layers in tact and appropriately named
- Layers grouped by body part
- Background left white
- Effort beyond the minimum required to complete the project
- Artwork patiently done - as good as hard work can make it
- Efficient use of class time
Turn in:
- 2 files:
- One psd file with appropriately named layers (Projec 8)
- One jpg file
|
|
Project 9 - Peter Max Portrait |
 |
Project Description: With your own photo, use the PhotoShop pen tool to create a portrait in the style of Peter Max's 1960's art style. |
Instructions:
- Create a Project 9 folder in your Computer Graphics folder
- Setup Project in PhotoShop
- Open profile image in PhotoShop
- Create a new file - US Paper, Letter size preset
- Save and name using the naming convention
- Size and place your profile image where you want it in your document
- Create 3 Sets and name them:
- Foreground
- Head
- Background
- Study the Peter Max image examples and select a color scheme you like
- Drag off the image and open in PhotoShop
- Create your portrait
- Using the pen tool create a very careful and precise path around the whole head ignoring any hair or hats
- Name your Path in the Paths palette
- Continue to create your portrait in the style of Peter Max by referring often to the examples linked below
Minimum Requirements:
- Files:
- One psd file with all layers named and organized
- One jpg file
Useful Links: Peter Max Portrait Examples
|
|
 |
Project 10 - GIF Animation |
Assignment:
Instructions:
Downloads:
Requirements:
Links: Sample GIFs |
|