Standard

 

CIS 2221 – Web Graphics and Multimedia

Course Description:

Web Graphics and Multimedia teaches the use of powerful tools for modeling scanned images and illustrations into creative artwork.  In this course, students will learn techniques for quickly creating attractive textures for backgrounds, com-positing images seamlessly, simulating surface reflections and shadows, and creating effects with type.  Advanced tools will be used for selecting parts of images, moving, duplicating, and resizing images.  Students will utilize painting tools to manipulate images, and will perform adjustments to contrast and color balance.

 

Competency Areas:

Hours:

Use powerful shortcuts to enhance productivity

Class

4

Apply techniques to improve low resolution files

D. Lab

4

Use filters alone and in combination to create effects

P. Lab/O.B.I.

0

Combine color and grayscale images

Credit

6

Resize and crop image areas

 

 

Select appropriate resolutions for different image and output types

 

 

Use painting tools to create artwork or to retouch photographs

 

 

Create and manipulate multiple layers to composite images easily

 

 

Modify the brightness, contrast, color balance, hue, and saturation of images

 

 

Save images in file formats for use with other applications

 

 

 

 

 

Prerequisite:  Program admission

Corequisite:

 

 
Course Guide

 

Competency

After completing this section, the student will:

Hours

Class

D. Lab

P. Lab/

O.B.I.

USE POWERFUL SHORTCUTS TO ENHANCE PRODUCTIVITY

6

5

0

 

Raster and Vector Graphics

 

 

 

 

Optimizing Your System

 

 

 

 

The Toolbox

 

 

 

 

Navigating

 

 

 

 

Designing the Action

 

 

 

 

Recording Actions

 

 

 

 

Playing Back Actions

 

 

 

 

Editing Actions

 

 

 

 

Using Button Modes

 

 

 

 

Creating Shortcut Keys

 

 

 

 

Saving Actions

 

 

 

 

Recording an Action

 

 

 

 

Batch Processing

 

 

 

 

Image Processing Actions

 

 

 

 

Preparing the Site Folder

 

 

 

APPLY TECHNIQUES TO IMPROVE LOW RESOLUTION FILES

7

9

0

 

Using Tools to Select Image Areas

 

 

 

 

Deselecting Areas

 

 

 

 

Pointers

 

 

 

 

Selecting Polygon Areas

 

 

 

 

Rectangular and Elliptical Selections

 

 

 

 

Specialized Tools

 

 

 

 

Adding to and Subtracting from Selections

 

 

 

 

Transforming Selections

 

 

 

 

Correcting Mistakes

 

 

 

 

Moving Selections

 

 

 

 

Floating Versus Fixed Selections

 

 

 

 

Copying Selections

 

 

 

 

Colorizing Line Art

 

 

 

 

Replacing Colors

 

 

 

 

Tiled Backgrounds

 

 

 

 

Animated GIF’s

 

 

 

 

Using GIF Construction Set

 

 

 

 

Video Technologies

 

 

 

 

Understanding User Requirements

 

 

 

 

Preparing Video for Web Pages

 

 

 

 

Video Delivery to the Web

 

 

 

USE FILTERS ALONE AND IN COMBINATION TO CREATE EFFECTS

1

1

0

 

Exploring Filters / Artistic Effects

 

 

 

 

Applying Filters

 

 

 

 

Applying Special Effects

 

 

 

COMBINE COLOR AND GRAYSCALE IMAGES

5

4

0

 

Mode Characteristics

 

 

 

 

Grayscale and Bitmap Modes

 

 

 

 

Color Modes

 

 

 

 

Understanding Color Values

 

 

 

 

Using a Color Palette

 

 

 

 

Using the Eye Dropper

 

 

 

 

Maximizing Your Display Color

 

 

 

 

RGB Color

 

 

 

 

The Web Color Palette

 

 

 

 

Color Management

 

 

 

 

Understanding  Web Safe Colors

 

 

 

 

Using Tools to Apply Color

 

 

 

 

Cloning

 

 

 

 

Using Selection Masks

 

 

 

RESIZE AND CROP IMAGE AREAS

1

1

0

 

Image Size and Resolution

 

 

 

 

Cropping

 

 

 

SELECT APPROPRIATE RESOLUTIONS FOR DIFFERENT IMAGE AND OUTPUT TYPES

1

1

0

 

Image Size

 

 

 

 

Resolution

 

 

 

USE PAINTING TOOLS TO CREATE ARTWORK OR TO RETOUCH PHOTOGRAPHS

8

8

0

 

Textures from Bitmap Image

 

 

 

 

Brushed Metal

 

 

 

 

Abstract Color Wash

 

 

 

 

Grainy Paper

 

 

 

 

Simple Selection Masks

 

 

 

 

Gradient and Texture Masks

 

 

 

 

Applying Gradient and Texture Masks

 

 

 

 

What are Channel Operations?

 

 

 

 

Blending Pixels to Create Embossing

 

 

 

 

Scalloped Embossed Edges

 

 

 

 

Ridged Edges

 

 

 

 

Quilted Edges

 

 

 

 

Applying Channel Effects to Color Images

 

 

 

 

Molded Metal

 

 

 

 

Other Channel Operations Effects

 

 

 

 

Distressing Type

 

 

 

 

Posterizing

 

 

 

 

Impressionist History Brush

 

 

 

 

Border

 

 

 

 

Perspective and Free Transformation

 

 

 

CREATE AND MANIPULATE MULTIPLE LAYERS TO COMPOSITE IMAGES EASILY

6

6

0

 

Creating Layers

 

 

 

 

Manipulating Layers

 

 

 

 

Copying Layers Between Images

 

 

 

 

Painting with Layers

 

 

 

 

Layer Manipulation

 

 

 

 

Type Layers

 

 

 

 

Intertwining Objects

 

 

 

 

Combining Color and Grayscale

 

 

 

 

Layer Effects

 

 

 

 

Cast Shadows

 

 

 

 

Bleaching and Tinting Backgrounds

 

 

 

 

Painted Drop Shadows

 

 

 

 

Lighting Effects Filter Lens Flare

 

 

 

 

Creating Web Page Backgrounds

 

 

 

 

Special Effects

 

 

 

MODIFY THE BRIGHTNESS, CONTRAST, COLOR BALANCE, HUE, AND SATURATION OF IMAGES

1

1

0

 

Brightness/Contrast

 

 

 

 

Toning Tools

 

 

 

 

Hue/Resolution

 

 

 

SAVE IMAGES IN FILE FORMATS FOR USE WITH OTHER APPLICATIONS

4

4

0

 

Major Formats

 

 

 

 

File Options

 

 

 

 

Creating GIF Files

 

 

 

 

Creating JPEG Files

 

 

 

 

Utility/General Resources

 

 

 

 

Graphic Effects

 

 

 

 

Suggested Resources

 

Books:

 

Slaybaugh, Professional Web Graphics, 0-619-03470-x, Course Technology, 2001

Shuman, Multimedia Concepts – Illustrated Introductory, 0-619-017-65-1, Course Technology, 2001