Active Outline

General Information

Course ID (CB01A and CB01B)
CIS D098.
Course Title (CB02)
Digital Image Editing Software (Photoshop)
Course Credit Status
Credit - Degree Applicable
Effective Term
Fall 2023
Course Description
Digital imaging principles to produce graphics for websites. Hands-on experience with the elements and tools to set up files, manage documents, and perform image processing.
Faculty Requirements
Course Family
Not Applicable

Course Justification

This course is a major preparation requirement in the discipline of Computer Science for at least one CSU. This course is part of the Web Development Certificate of Achievement. Students will learn to use photo editing and manipulation software Photoshop.

Foothill Equivalency

Does the course have a Foothill equivalent?
No
Foothill Course ID

Course Philosophy

Formerly Statement

Course Development Options

Basic Skill Status (CB08)
Course is not a basic skills course.
Grade Options
  • Letter Grade
  • Pass/No Pass
Repeat Limit
0

Transferability & Gen. Ed. Options

Transferability
Transferable to CSU only

Units and Hours

Summary

Minimum Credit Units
4.5
Maximum Credit Units
4.5

Weekly Student Hours

TypeIn ClassOut of Class
Lecture Hours4.08.0
Laboratory Hours1.50.0

Course Student Hours

Course Duration (Weeks)
12.0
Hours per unit divisor
36.0
Course In-Class (Contact) Hours
Lecture
48.0
Laboratory
18.0
Total
66.0
Course Out-of-Class Hours
Lecture
96.0
Laboratory
0.0
NA
0.0
Total
96.0

Prerequisite(s)

Corequisite(s)

Advisory(ies)

ESL D261. and ESL D265., or ESL D461. and ESL D465., or eligibility for EWRT D001A or EWRT D01AH or ESL D005.

Limitation(s) on Enrollment

Entrance Skill(s)

General Course Statement(s)

Methods of Instruction

Lecture and visual aids

Discussion of assigned reading

Collaborative learning and small group exercises

Discussion and problem solving performed in class

Quiz and examination review performed in class

Laboratory experience which involves students in problem solving

Assignments

  1. Read required textbook
  2. Complete problem solving activities using appropriate software
  3. Prepare graphical images for a personal Web site which includes the following elements: colors, buttons, masks and filters, photo retouching, vector drawings, and animated layer masks.

Methods of Evaluation

  1. Student must complete several skills performance assessments demonstrating that they can develop Photoshop digital projects that include editing raster and vector images, applying layering techniques, channels, filters to create composites for web. Evaluation is to be based on completion and implementation of tools presented in this course.
  2. Student will complete midterm and final exam demonstrating that they know how to customize Photoshop digital projects that include editing raster and vector images, applying layering techniques, channels, filters to create composites for web, create and build a video using still images with applied audio, prepare images for web application. Evaluation is to be based on choosing and correctly applying tools presented in this course.
  3. Student must satisfactorily complete problem-solving activities using the computer to apply various Adobe tools to selected Photoshop projects. Evaluation is to be based on completion and implementation of tools presented in this course.

Essential Student Materials/Essential College Facilities

Essential Student Materials: 
  • None.
Essential College Facilities:
  • Access to a computer laboratory with Photoshop available

Examples of Primary Texts and References

AuthorTitlePublisherDate/EditionISBN
Faulkner, Andrew. "Adobe Photoshop CC Classroom in a Book". Pearson Education Publisher 2018.
Faulkner, Andrew. "Adobe Photoshop CC, Classroom in a Book". Berkeley, CA: Peachpit, 2018.
Kelby, Scott. The Adobe Photoshop Book for Digital Photographers. New Riders Publisher 2017.

Examples of Supporting Texts and References

AuthorTitlePublisher
None.

Learning Outcomes and Objectives

Course Objectives

  • Utilize graphic alteration techniques
  • Work with Selections
  • Correct and enhance existing digital images
  • Utilize Masks and Channels
  • Apply typographical techniques to existing images
  • Utilize vector techniques
  • Utilize beginning & advanced layering techniques
  • Apply advanced production methods to existing image files
  • Use paint and Mixer Brush tools
  • Edit Video using Photoshop
  • Prepare files for web
  • Produce and prepare existing raster and vector graphic composites
  • Prepare existing digital images and video for web applications.

CSLOs

  • Demonstrate correct use of Photoshop tools to alter existing graphics for Internet, print applications, scientific research imaging, and medical imaging.

  • Convert digital images and digital media into a movie format for interactive platforms of phone apps and web pages.

Outline

  1. Utilize graphic alteration techniques
    1. Using tools in workspace
    2. Strategies for retouching
    3. Resolution and image size
    4. Adjusting the color and tone
    5. Straightening and cropping image
    6. Replacing colors in image
    7. Adjusting saturation
    8. Repairing graphics
    9. Using content-aware fill techniques
    10. Applying Mask filters
    11. Saving image for four-color printing
    12. False color representation
  2. Work with Selections
    1. Using selection tools
    2. Moving and manipulating selected area
    3. Using inverse selection techniques
    4. Selecting with alternate tools
    5. Rotating selections
    6. Cropping and erasing
    7. Refining selection edge
  3. Correct and enhance existing digital images
    1. Processing files for various web applications
    2. Merging exposures and applying advanced correction techniques
    3. Correcting digital graphics
    4. Correcting image distortion
    5. Adding depth of field
  4. Utilize Masks and Channels
    1. Working with masks and channels
    2. Creating and refining masks
    3. Manipulating an image using advanced tools
    4. Working with channels
  5. Apply typographical techniques to existing images
    1. Creating a clipping mask from type
    2. Creating type on a path
    3. Warping point type
    4. Prepare paragraphs of type
  6. Utilize vector techniques
    1. Compare bitmap images and vector graphics
    2. Apply Paths tool techniques
    3. Using paths with graphics
    4. Creating background vector objects
    5. Working with defined custom shapes
    6. Importing Smart Objects
  7. Utilize beginning & advanced layering techniques
    1. Setting up a Vanishing Point grid
    2. Creating keyboard shortcuts
    3. Placing imported graphics
    4. Adding adjustment layers
    5. Working with layer comps
    6. Merging layers and layer groups
    7. Stamping layers
    8. Destructive and non-destructive techniques
    9. Clipping a layer to a shape
    10. Adding layer styles
    11. Flattening a layered image
    12. Using layers panel
    13. Rearranging layers
    14. Rasterizing layers
    15. Applying a gradient
    16. Applying a layer style
    17. Flattening and saving files
    18. Clipping a layer to a shape
  8. Apply advanced production methods to existing image files
    1. Assembling complex images
    2. Applying filters
    3. Hand-coloring selections on a layer
    4. Applying Smart Filters
    5. Adding drop shadows and a border
    6. Automating a multistep task
    7. Stitching a panorama
  9. Use paint and Mixer Brush tools
    1. Mixing colors
    2. Selecting brush settings
    3. Create a custom brush preset
    4. Mixing colors with a photograph
  10. Edit Video using Photoshop
    1. Creating effects in video.
    2. Adding transitions.
    3. Adding audio
    4. Muting unwanted sounds
    5. Compressing videos
    6. Preparing video for web applications
    7. Importing video files
    8. Applying color correction effects graphic effect to video files
  11. Prepare files for web
    1. Selecting a web design workspace
    2. Creating slices
    3. Exporting HTML and images
    4. Setup web gallery
    5. Setup web and email friendly images
    6. Saving and compressing files for web
    7. Choosing the best file format
    8. Embedding copyright info
    9. Building online photo galleries
    10. Creating web site mockups and image maps
  12. Produce and prepare existing raster and vector graphic composites
    1. Specifying color management settings
    2. Proofing an image
    3. Identifying out-of-gamut selections
    4. Adjusting an image
    5. Explore file formats (Including DICOM Digital and Communication in Medicine format)
  13. Prepare existing digital images and video for web applications.
    1. Correct tint and color
    2. Correct image distortion
    3. Color Correction
    4. Sharpen images
    5. Change video platform for compatible browsers

Lab Topics

  1. Project to use layers techniques to produce predictable graphic image effects.
  2. Project to adjust saturation, repair areas, spot healing and apply content-aware fill.
  3. Project to create masks to apply color changes and filters to images.
  4. Project to use vector drawing techniques to customize an existing Logo.
  5. Project to use advanced compositing methods apply smart filters, drop shadows, borders and matching color schemes across the image.
  6. Project to convert Photoshop files for the web usage including hyperlinks and navigations buttons within HTML page.
  7. Project using various selection tools to rotate, move, crop, erase and/or duplicate selections.
  8. Project to enhance existing digital photographs and video using advanced color correction and correct image distortion.
Back to Top