|
Teaching
Computer Graphics and Image Editing: Expressing Creativity and Learning
New Digital Skills
When we talk about graphics, we mean pictures, and pictures can
be either illustrations or photographs. If you want to get graphics
into a Web page or multimedia presentation, you either have to
- create them in some kind of graphics application by drawing
or painting them right there in the application, or
- bring them into the application from a digital camera or scanner,
and then edit and save them in a form suitable for your medium.
Many software applications offer a variety of features for creating
and editing pictures on the computer. Even multimedia authoring
and word processing programs include some simple features for drawing
on the computer.
Drawing and Painting on the Computer
Without getting too technical, you can create graphics on a computer
in two ways. Although the terms can become somewhat fuzzy in sophisticated
programs, the basic difference is as follows:
-
Drawing in a software application means using tools
that create "objects," such as squares, circles, lines or text,
which the program treats as discrete units. If you draw a square
in PowerPoint, for example, you can click anywhere on the square
and move it around or resize it. It's an object, just like typing
the letter "e" in a word processor.
-
Painting functions, on the other hand, don't create
objects. If you look at a computer screen, you'll see that it's
made up of millions of tiny dots called pixels. You'll see the
same thing in a simpler form if you look at the color comics
in the Sunday newspaperlots of dots of different color
ink that form a picture. Unlike a drawing function, a paint
function changes the color of individual pixels based on the
tools you choose. In a photograph of a person's face, for example,
the colors change gradually because of light, shadow and complexion.
You need a paint function to create this kind of effect; there's
no object that you can select or move the way you can with the
drawn square.
That's the un-technical technical version. The reason why the differences
are important is that, as noted earlier, many different kinds of
programs offer different kinds of graphics features at different
levels of sophistication, but they tend to specialize in one or
the other. For example:
-
Many word processors, like Word, offer a handful of simple
drawing functions. They aren't that powerful, but if all you
need is a basic illustration made up of simple shapes to clarify
a point, they're fine.
-
Some programs specialize in graphics creation. Of these, some
are all-purpose programs, like KidPix, which offers both drawing
and painting functions. KidPix is targeted specifically at children;
it has a simplified interface and lacks the sophisticated functions
a professional artist might want.
Other programs, like Adobe PhotoShop, specialize in painting
functions, even though they may include drawing functions as
well. Painter is a paint-oriented program that offers highly
sophisticated, "natural media" functions that approximate the
effects of watercolors or drawing with charcoal on textured
paper.
Other graphics programs, such as Adobe Illustrator, specialize
in drawing for professional artists and designers; AutoCAD is
used mainly for technical and engineering drawing.
-
Page layout, presentation, multimedia authoring and Web development
programs usually contain a variety of graphics functions ranging
from the simple to the complex, but their main purpose is composition,
not image creation or editing. That is, they allow you to create
or import text and graphics and, perhaps, sound, animation and
video.
Most of the graphics features in these types of programs are
limited to drawing functions because they assume that you will
do more complex work in a program dedicated to other functions
(e.g., writing in a word processor, editing photos in a paint
program), then import your work to arrange the different pieces
in the composition program. (Some multimedia authoring systems,
however, also offer painting and drawing functions.)
By the way, the differences in composition programs are mainly
in the form of their output: Page layout programs, such as PageMaker
and QuarkXPress, are for composing printed pages; presentation
and multimedia authoring programs, such as PowerPoint and HyperStudio,
are for slide shows and computer displays; and Web development
applications, like Netscape Composer, are for, well, Web pages.
Photo and Image Editing on the Computer
Photo-editing programs are just paint programsit's just that
they include many sophisticated functions for altering images and
for controlling aspects of the image, like light and color balance.
For the most part, any paint program can open and display a digital
photo image, but it will probably not offer the range and depth
of features that a true photo-editing program like PhotoShop does.
As mentioned in our software
recommendations, we suggest that you have both a general graphics
program (e.g., KidPix) and an image-editing program (e.g., PhotoShop)
on your machines. When kids are creating their own computer drawings
and paintings, have them use KidPix (or a similar program).
When you're really working on a photo project, however, and you
want to have kids alter and add to the images, we recommend using
PhotoShop, for a number of reasons. When you're first introducing
kids (especially young kids) to computer graphics, you want to keep
them focused on the drawing and painting functions, especially if
the lessons follow a series of hand drawing
lessons. In that case, the wealth of features in a program like
PhotoShop may confuse them and lead them down paths you're not ready
to pursue yet.
However, when you've been teaching about
photography for several days, covering topics like framing and
light, you want to keep the kids focused on photography and images.
Another reason for using programs like PhotoShop, especially with
older kids, is that PhotoShop is the standard used by almost all
professional artists and image editors. When you have the opportunity
to familiarize kids with professional software packages, even if
just lightly, you open doors to new careers for them and help prepare
them for good jobs in the real world.
Using Graphics Programs in the Classroom
We can't go into detail here about the specifics of using different
kinds of graphics programs, but here are a few thoughts to keep
in mind:
-
Whenever you're introducing new software to kids, make sure
that you pace the new information. Follow the guidelines for
teaching about and with technology.
-
Only rarely will your goal be to work on a file in a graphics
program and leave it there. Ideally, you're doing it to create
images that are part of a larger project, which means ultimately
moving the pictures into a composition program for print, multimedia
or the Web. Make sure your kids are familiar with issues of
saving, file formats and
naming.
-
The basic tools and features of graphics programs have largely
been standardized across applications. Once you introduce kids
to tools like the pen, brush and paint bucket in KidPix, they'll
recognize them again with little difference in PhotoShop. (That's
another reason for introducing kids gradually to more sophisticated
programs.) The programs have some minor differences in how one
selects a color and so forth, but once your class has mastered
the basics in KidPix, you can concentrate on the new tools that
PhotoShop has to offer.
-
Try the lesson idea called Look Who's Talking
to introduce simple photo-editing techniques.
|
Other Resources |
|
|
Get Animated! GIF Animation Tips
http://www.webdiner.com/annexe/gif89/snowstp1.htm
Creator: Web Diner
Notes: This site provides examples of and how-to information about creating simple GIFs and animation techniques. It also suggests downloadable tools for creating and working with GIFs.
Graphics Den
http://www.actden.com/grap_den/index.htm
Creator: Actden (Digital Education Network)
Notes: This site contains nine lesson plans for working with graphic images on the computer. It uses a specific software program (and links to a page that gives users a free 30-day subscription to it), but the techniques described could be used in almost any graphics program. The themes are geared toward young people (e.g., creating graffiti projects and making funny and scary faces). One of the best features of the site is an online gallery: Kids can submit their own work to the gallery and look at the creations of other kids.
Web Graphics—General Guidelines
http://graphicssoft.about.com/compute/graphicssoft/cs/webguidelines/index.htm
Creator: Sue Chastain for About.com
Notes: Links to everything a person needs to know about Web graphics. For information about the various software available relating to image editing, painting, drawing, and illustrating, go to "Image Editors and Illustration Software." This page also gives a basic overview of items such as image editors, bitmaps and vector illustrators. For even more detailed information, check out "What’s the Best Web Graphics Program?" section
|
|