![]() |
![]() |
Welcome to Computer Graphics !
I am your instructor Dr. Lauren Cifuentes. In this class you will learn to design and develop computer graphics that facilitate learning. Click on the icons below to view some examples of great instructional graphics:
![]() |
![]() |
||
| Concept Example | Complex Concept | Quantitative Concept | Concept Animation |
|---|
During this unit, refer to these often. Be sure that by the end of the unit you have achieved these objectives:
A checklist of the State Board of Educational Certification Standards addressed in this module is posted at the end of the module. Use this checklist to assess your mastery.
Lohr: Chapter12.
| Draw | Paint |
|---|---|
|
Use for page layout, simple graphics
|
Illustrations, artwork
|
|
Items are layers of "objects"
|
Items are "images" with one layer of pixels
|
| Objects don't erase each other; they stack | Converted images, layers are lost |
| Vector-based images/object oriented | Raster images/bitmaps/pixel-based images |
| Collage of mathematically defined, layered, objects | Image enhancement and special effects |
| You alter your design object by object | You alter your design pixel by pixel |
|
Object oriented drawings are smooth
|
|
For example: The image on the left is copyright free, so I will take part of it to create a logo for a company.

I would use paint tools to select the bull and then erase the background and use draw tools to add the text.
Images in Paint
Color in Paint
Closing
| Drawing | Painting | PowerPoint Tutorials |
|---|---|---|
|
|
|
|
Colorforms Lab Activity (Click on this link, and conduct all four lab activities)
A. Colorforms lessons and activities
B. Classroom in a Book, Lesson 1
C. PowerPoint Practice: If you do not know PowerPoint, go through a tutorial
to learn how to create a graphic presentation.
Develop a cohesive series of still representations of an object on seven different screens connected by transitions. The series must include the following levels of abstraction-- 1) photo, 2) drawing, 3) icon or image-related graphic, 4) index or concept-related graphic, 5) symbol or arbitrary graphic, 6) definition,7) word.Consider Bertin s retinal variables when designing each screen as well as the series.
See example 1, example 2, example3, and example 4.
Computer Conference
View the Instructor-Supplied web site resources and add links to interesting and relevant web sites that you reviewed and found useful for the design and development of computer graphics.
Please use the online form to give the instructor feedback