Ms Calie's Class Site
Project 1
Lesson 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 "Lesson 1"
  • Create new document (File/New)
  • Select these options (Use the file naming convention to name your file):

New File Dialog

  • 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.
  • Create a Name Plate that reflects your personality by experimenting 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:

Instructor Video Tutorials:

 

Lesson 2 - 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 "Lesson 2"
  • Download the images from the Downloads section below.
  • Use all of the following PhotoShop tools and features to complete this exercise.
    • A. Making Selections
    • 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
        • Skew, Distort, Flip, etc
      • Confirm with CHECK on Option Bar

Turn in:

Downloads:

Lincoln, Kennedy, Napoleon, Santa Hat 1, Santa Hat 2

More selection possibilities: Flowers Butterflies

Instructor Video Tutorials:

 

Lesson 3 - Show Poster

Assignment: Create 1 poster using the images and selections from the previous exercise advertising the Philadelphia Flower Show.

Instructions:

  • Create a new folder in your Computer Graphics folder named "Lesson 3"
  • Using flower images from the last exercise, create a 1200 X 1600 pixel posters. The poster will include at least two different selections. Background and other effects are up to you!
  • Add text adveritzing the Philadelphia Flower 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:
      • Color
      • Shape
      • Size
    • 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:

  • 2 Files correctly named
    • One psd file with all layers available, named and organized (Lesson# 3)
    • One jpg file

Selection possibilities: Flowers Butterflies

Ms Falb selections; Cars Circus

 

Lesson 4 -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 Lesson 4
  • Search for (LARGE) images of your choosing on 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 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:

  • 2 Files correctly named
    • One original psd file with all layers available, named and organized (Lesson# 4)
    • One jpg file (Project# W3)
  • 1 Print - of your favorite mandala

 

 

Lesson 5 - 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 "Lesson 5."
  • 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:

 Translation1 Translation2 

    • Rotation – the image turns:

 Rotation1 Rotation2

    •  Reflection – the image reflects as in a mirror:

 Reflection1 Reflection2 Reflection3

  • 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:

  • 4 Files
    • One psd file - prototypes (Lesson# 5P)
    • Two psd files - finished single letter designs (Lesson# 5A and 5B)
    • One jpg file (choose the design you would like displayed on the web) (Lesson#5)

 

 
Lesson 6 - 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 File
    • psd (Project# 6)

 

 

Lesson 7 - 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 namedLesson 7.
    • 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 positive and negative color designs.
    • 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 (Lesson# 7)
    • One jpg file (Project# 5)

 

Lesson 8 - 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 Lesson 8.
    • 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 8 for the Lesson 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:
    • Color
    • Shape
    • Size
    • Pattern

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
    • Unity
    • Variety

Turn in:

  • 1 psd file (Lesson# 8) - Each design will be organized in it's own named group.

 

 
Lessson 9 - Designer Gear
Assignment:

 

Instructions:

 

Requirements:

 

Turn in:

 

 
Lesson 10 - 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:

Paths

    • Select the PenTool in the ToolBox:

PenTool

    • Select the Paths icon on the Options Bar:

Option

    • 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:

AllTools

  • 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.

 

Lesson 11 - 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 Lesson 11 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:

  • Turn In: 
    • One psd file with all layers named and organized

 

Useful Links: Peter Max Portrait Examples

 

Lesson 13 - Optical Delusion

sur·re·al·ism   n. - A 20th-century artistic movement that attempts to express the workings of the subconscious and is characterized by fantastic imagery and incongruous juxtaposition of subject matter.

Assignment: Using views of Ridge High School create your own surrealistic scene.

Instructions:

  • Create a new folder in your Student Files period folder named Lesson 10.
  • Choose a few base photos from the collection of Ridge photos found here.
  • Study your choice/s and search the web for high-resolution photos of objects to add into the images.
  • Earn extra credit for taking and using your own image.
  • Study your base photos and collection of objects to determine which base photo to proceed with.
  • Make careful selections from many possibilities 
  • Resist the urge to overcrowd your image. Make a few additions and make them well !
  • Evaluate the light sources and correct or create shadows to anchor objects to the scene 
  • Evaluate the color of objects and correct if necessary 
  • Keep ALL original photos in your folder
  • Keep ALL original layers in your file – Whenever you are about to make a major change to a layer (i.e. Distortion, color, etc) make a copy first!
  • Place ALL of your named layers into appropriately named sets.

How To's

Requirements:

  • 2D objects and Type will be distorted so that they match the perspective of the base image.  Their color and lighting will be adjusted to match the base image.  They will have the appropriate shadows on and around them to anchor them to the base image or blended with the layer below to attach them to the surface they are on.
  • 3D objects will be of the correct perspective so that it matches where it is placed in the base drawing. It’s color and lighting will be adjusted to match the base image.  It will have the appropriate shadows on and around it to anchor it to the base image.
  • All added delusions must be of compatible resolution to the base drawing
  • Files:
    • One psd file with appropriately named & located layers and sets (Project# 9)
    • One jpg file 600 pixels on the longest side (Project# 9W)
  • Effort beyond the minimum required to complete the project
  • Artwork patiently done - as good as hard work can make it
  • Class time used efficiently

Downloads: School Pix

 

Lesson 12 - GIF Animation 

Assignment:

 

Instructions:

 

Downloads:

 

Requirements:

Links: Sample GIFs