An Intro to Computer Graphics
by
Colleen Powers, Janice Kushner and Steve Bergen


Using software such as ClarisWorks or Photoshop, you can create or alter a picture on the screen. There are many other software programs as well, so the purpose of this intro is to get you started with general principles.

Clarisworks has two graphics modes. We will start first with painting and move into drawing after a while.

Once you choose to PAINT in ClarisWorks, you will have a blank canvas with which you can use the mouse with different colors and shapes.



The first few tools to learn would be

(1)

(2)

(3)

(4)

One important principle involves the size of the canvas. To change the document size (probably best to do when you BEGIN a painting), go to the DOCUMENT MENU and choose __________________ . You will now see the choice called __________ . By remembering that 72 pixels make an inch, you can specify the canvas to be the desired size.

Several advanced graphics tools are also part of ClarisWorks.

(1)

(2)

(3)

(4)

In contrast to ClarisWorks, the primary use of Photoshop is not to paint a picture, but to alter it. It is best to start your usage of Photoshop with an existing graphic from the web or from a digital camera or from a scanner.


Info from Martin Bridge to Janice Kusher and Colleen Powers

Hello Photoshop Scholars!! I just wanted to send you a quick re-cap of the information that I tried to adress yesterday. I realize I threw a lot of info at you so I hope this helps. First the Gradient tool. The gradient tool will fill an area by blending your foreground color at the starting point to the Background color at the finnish point. Once the tool and colors are selected you move to a defined area in the canvas and click the mouse at the starting point and drag to the finnishing point, then release. Defining an area means you have to select the are before using the gradient tool or else it will fill the whole canvas. Selction is done (primarily) with the Marquee tool or Magic Wand. Color and color Picker. RGB color is the Mode that you work on (color) images in Photoshop. RGB stands for Red Green Blue which are the primary colors of light (similar to the Primary colors of pigments which are Red Blue and Yellow.) The color picker is the box that pops up when you click on the foreground or background colors. On it you will see a number of areas including the color spectrum. You first select the HUE in this area. After selecting the Hue the left box will give you a range of Values to chose from. The upper left corner is white, the lower right is black and the upper left the *pure* (most saturated) hue. The other areas of this box are diferent tints shades and tones of your Hue. Tints are the Hue with White added. Shades are the Hue with Black added Tones are the Hue + Grey Another think I mentioned breifly is the terminology CMYK. This is like RGB but they are the hues in between the primary colors of light (+Black). CMYK Stands for Cyan Magenta Yellow and blacK. a CMYK printer uses 4 toners to produce a full range of Hues and Values allowing them to render any color by mixing these four on white paper. On the Hue selection bar on the color picker you will see it progress (from the top) Red to Magenta to Blue to Cyan to Green to Yellow to Red. I hope this is helpful!!! Have a great weekend! -Martin


Preparing for marathon 2000

From Janice: Colleen and I really like the attached images on the T-shirt in lieu of a picture of the group. We would like to see them (6, to represent each person that participated last year) in front with the words The Boston Home and Nobles (in bold print) on the back. We thought using the colors of blue and white (Nobles' colors-a blie T-shirt with white letters and white graphics. We were visulizing the wheelchairs and pushers in a line, chest level. Janice

From Colleen: I hope that you enjoyed the T. shirt design that Janice and I cooked up. I don't think, however, that I deserve a song about being compulsive-excessive, because I'm clearly not the master! I like the cleanliness of the design, because I think it will be identifiable from at least 20 yards away. Like automobile graphics, the people wearing the shirts are always in motion as they walk down the Marathon route, and a more complicated graphic is lost in the motion. People' s eyes can't seem to take too much in all at once. (Or maybe it's the brain?) ..I'm really sorry that I neglected to give George Silvestri the credit for making the T.shirt design a reality. Using the Photoshop program can be a real challenge to anyone who isn't a "computer-nerd" from way back. Janice set me straight on that account, so please forgive my belated apology! (I'm not calling anybody a computer-nerd, but I'm just trying to make the point that merely being a member of generationX. doesn't automatically guarantee that computer literacy follows.) Luckily, I have the right kind of "support net" to keep me afloat.

From Steve: I did a first draft of a design for the 2000 marathon, but this is only a candidate for the actual shirt. I do think it is important to include the group picture from last year as well as the design that Janice and Colleen and George have designed. Click on the shirt for a closeup of the graphic. I measured the actual graphic on last year's shirt. It was 8.5 inches high and 6 inches wide. The text above (Noble and Greenough School and Dunkin Donuts Proud Co-sponsors) was 2 inches tall and the text below (the 1999 Boston Home Marathon Wheelers) was 4 inches tall. The text on the back says "Support the Boston Home Marathon Wheelers" and is about 13 inches wide and 7 inches high. This year, we should try to get more sizes besides large and extra large, e.g. petite for the Larry Bird doll!


Here is the graphic prepared for Marie Maloney