ClarisWorks 5.0 Graphics Level 1 Training Guide DRAFT Instructional Technology Page 1
Table of Contents Objectives... Page 3 Course Description and Organization... Page 4 Technology Requirements... Page 4 Adjusting Memory... Page 4 On-line Help... Page 5 To Draw...or To Paint What s the Difference?... Page 5 What to Use and When... Page 5 To Paint... Page 5 Drawing Drawbacks... Page 6 To Paint... Page 6 Painting Drawbacks... Page 6 Combining Two Programs... Page 6 Tools and Palettes... Page 7 Pen Palette... Page 8 Creating Shapes with the Tools... Page 9 Working With the Draw Program... Page 10 Working With the Paint Program... Page 12 Graphics...Computer Basics Assessment... Page 14 Instructor s Rubric...Page 15 Page 2
Objectives Claris Spreadsheet 5.0 is designed to help teachers in learning strategies to achieve highest student achievement. The following objectives are based on recommendations by the International Society for Technology in Education (ISTE) in establishing technology standards for all teachers. 1.2 Personal and Professional Use of Technology. Candidates will apply tools for enhancing their own professional growth and productivity. They will use technology in communicating, collaborating, conducting research, and solving problems. In addition, they plan and participate in activities that encourage lifelong learning and will promote equitable, ethical, and legal use of computer/technology resources. 1.2.1 Use productivity tools for word processing, database management, and spreadsheet applications. 1.2.2 Apply productivity tools for creating multimedia presentations. 1.2.3 Use computer-based technologies including telecommunications to access information and enhance personal and professional productivity. 1.2.4 Use computers to support problem solving, data collection, information management, communications, presentations, and decision making. 1.2.6 Demonstrate knowledge of equity, ethics, legal, and human issues concerning use of computers and technology. 1.2.7 Identify computer and related technology resources for facilitating lifelong learning and emerging roles of the learner and the educator. Page 3
Course Description and Organization Graphics using ClarisWorks 4.0/5.0 - Computer Graphics is designed to be taught as a 2-4 hour course. This course is designed to instruct the basics of ClarisWorks Draw & Paint environments, so images and graphics may be saved and used in other computer applications. The drawing and painting tools will be explained and hints given that will allow you to create the type of art that you thought only professional artists could create. Upon completion of this course and the submission of all required activities, the learner will receive credit in the form of component points, and a Certificate of Completion. The Certificate is the record of completion for the Pinellas County Technology Invitation. Please keep all materials and Certificates earned through Technology Invitation in a notebook for future reference. At the end of this module you will find assessment activities. Time for the completion of the assessment activities may or may not be provided during the training session. Successful completion of the assessment activities by the end of the course is neccessary in order to receive component points. Technology Requirements Hardware Macintosh with a 68030 processor or better or a Power Mac ClarisWorks 4.0/5.0 is recommended System 7.0 or higher 4 MB of RAM (System 7) minimum, 8 MB At least 20 MB of hard disk space Adjusting Memory If you plan to work with large documents, use many graphics, or work on multiple files, you will want to change the amount of memory given to ClarisWorks. Follow these steps to increase the memory. 1. Make sure ClarisWorks is not running. 2. Click the ClarisWorks application icon one time. 3. Choose Get Info from the File menu. 4. Enter a larger number, 5000, in the Preferred Size box. 5. Close the information window. Page 4
On-line Help ClarisWorks has an extensive on-line help menu. The first few times you use ClarisWorks, you may wish to turn on the balloon help. However, the balloons may be too distracting once you have become comfortable with the application. Click on the question mark in the top tool bar. You can slide down to show balloons to turn balloon help on, or hide balloons to turn them off. To Draw... or To Paint What s the Difference? The paint and draw elements may seem quite similar. Most of the tools that you use are exactly the same. The difference is how ClarisWorks interprets what you create. In the Draw environment, you create objects or designs that exist individually or separate. You draw a circle, then you draw a rectangle that might overlap the circle. ClarisWorks remembers each shape. You can move and manipulate each shape individually. In the Paint environment, the rectangle that overlaps the circle, becomes one shape, ClarisWorks doesn t remember the entire shape; it remembers each pixel (the individual dots that make up the screen image.) Like painting on an easel, the sky and the plane you paint are one. The plane cannot be moved to the ground as you could in the draw environment. What to Use and When To Draw...use the draw environment to create shapes or to include text and graphics on the same page. Use the draw program to: create a map, a diagram, a seating chart, a classroom floor plan, a brochure, a page layout for a newsletter or school newspaper. Page Layout is probably the most common use for the draw program. ClarisWorks is much easier to use and less expensive than many other draw programs. Anything you create in the draw program looks great when you print it, nice and crisp...and no jagged edges. Making changes to the individual elements is easy. You can move and change objects by dragging the mouse and skills are easily learned by students. Resizing elements or filling them with paint, gradients and patterns is also easy. Page 5
Drawing Drawbacks... There are some limitations to using the draw environment. Detail editing is not possible in draw. You cannot erase a small portion of an object or reshape something you drew. You need to delete the entire image and start again. Some of the new tools and options of the paint environment are not available to use in draw (for example, distort, free rotate, shearing your image, etc.) To Paint...on the computer is fun, but for the non-artist, it may take some practice and patience. This environment enables you to manipulate detailed portions of images you create or images you import from another source, such as a scanner. More creativity is present with the painting environment. You get all the draw tools plus 8 additional artist tools. With paint you can : create detailed illustrations for reports or stories, alter scanned images, alter Photo CD images (give the principal a beard), create cool text alterations, and use many special effects with graphics and text. The paint environment offers a variety of tools for all your creative pursuits. Detailed editing is easier when working in the paint environment. Painting Drawbacks... There are some limitations to using the paint environment. Paint documents sometimes look bad when printed. Change in individual shapes is difficult. Each element added becomes part of the paint document and you can t modify the addition very easily. Paint document require more RAM to open and take up more space on your hard drive when saved. Combining the Two Programs Yes, you can have the easy manipulation and layout capabilities of the draw environment and the creative aspects provided by the painting program, You can add paint frames to a draw document to create special effects: a painted title and alter a photo in the paint program, then import it into your document. By doing the text and diagram work in the draw program, ensures good print quality. You can t create draw frames inside the paint document. You can add text or import a spreadsheet, but after placing these items on your page, they are a part of the whole document. Before you click off the area, make sure it is just as you want it. Page 6
Tools and Palettes Tools are the digital equivalent of your pencil, markers, ruler, and stencils. Tools help you create the objects that will appear in any of your documents or samples of work. Palettes work with the tools to make the objects you create more interesting, giving them texture and patterns. There are two palettes: the Pen palette and the Fill palette. The Pen palette controls the lines you draw, while the Fill palette controls what goes inside those lines. Fill Palette...allows you to choose a solid color, a pattern, or a gradient. You can combine a color and pattern, but gradients cannot be combined with anything. The choices that you make are used in CLOSED shapes. Version 5.0 adds textures to the choice of fills selections. Pen Color Pen Pattern Fill Pallette Fill Texture Fill Gradient Page 7
Pen Palette...enables you to decide on the color pattern and thickness of lines and borders that you use. Choosing a wide line and pattern from the Pen palette is a great way to create a border around a text or any image. (Be sure to choose transparent from the Fill palette so that whatever your placing the border around will show through. The Pen arrows allows you to attach arrows at the ends of straight lines. This can be helpful when drawing maps, diagrams, and charts, etc. Pen Color Pen Pattern Pen Line Widths Pen Arrows Page 8
Creating Shapes with the Tools The tools described below can also be used with the paint environment. In the Draw environment, each shape you create is like a piece of a collage. While in the Paint environment, each addition becomes one with the painting. Below is a brief description of each tool and how it can be used: Line Tool Line Tool Draw diagonal or straight lines. To make Straight lines, hold down the Shift key as you drag the tool. Draw rectangles. To draw squares, hold down the Shift key as you drag the tool. Rounded Rectangular Tool Oval Tool Arc Tool Draw diagonal or straight lines. To make Straight lines, hold down the Shift key as you drag the tool. Draw ovals. To draw circles, hold down the Shift key as you drag the tool. Draw arcs. Polygon Tool Draw shapes composed of angles and lines. Freehand Tool Draw curved lines as you would with a pencil or pen. Bezigon Tool Draw shapes with Bezier curves or angles. To draw a bezier curve, click the tool, and then release the mouse button and drag the pointer. Click at each place you want to turn the curve. To end the object, click twice. Regular Polygon Tool Draw closed polygons with sides of equal length. Page 9
Working with the Draw Program 1. Click on the Claris 4.0/5.0 icon. 2. Select the Draw Program. 3. Go to FILE in the menubar and click on Save As. Give your new draw document a title and then click Save. 4. Select the oval tool and draw an oval about 4 inches wide near the center top portion of the document. 5. Select one of the gradients to fill the inside of the oval. 6. Select the text tool and type WELCOME in the center of the oval. W hile the text is still selected, click on the Arrow Pointer. By clicking on the center of the text, you can now move it to any location. You can also increase/decrease the text size. The easiest way to change the size of an object iis to select the object, click one of the handles, and drag until the object is the size you want. 7. Click on the Fill Pattern. Select the first set of squares. These squares will form a border whereby every item within the border will be seen. 8. Choose the rectangle Tool and draw a border around the oval. Page 10
8. While the rectangle is still selected, go to the line widths and choose 3 points. 9. Click on the Rounded Rectangle Tool and draw a one inch rectangle below and to the left of the School News drawing. 10. Click on the Pen Color and choose a fill color. 11. Click on the Text Tool and type Local in the rounded rectangular shape. 12. Repeat Steps 9-11 except place the rounded rectangle just below the previous one and type the word Sports. 13. Go to FILE in the menubar and select LIBRARY. Choose a graphic to go with the words LOCAL and SPORTS. 14. Go to FILE in the Menubar and click on SAVE. Page 11
Working with the Paint Program 1. Click on the Claris 4.0/5.0 icon. 2. Select the Paint Program. 3. Go to FILE in the menubar and click on Save as. Give your new Paint document a title and then click Save. 4. Go to FILE in the menubar and select LIBRARY. Click on SEA CREATURES and choose SHELL and click on USE. Click on the center of the seashell and move it to the upper center of your document. 5. Select a texture from the Fill Texture menu. 6. Choose the Paint Bucket and then click on the top portion of the shell. That portion will change to the new texture. 7. Choose other textures or patterns and click on other parts of the shell to change its appearance. Page 12
8. Click on the TEXT Tool and choose a font. Select OUTLINE as the style of font. 9. Type a few words such as A SEASHELL. 10. Select a texture and then choose the Paint Bucket. Click on each letter to fill it with the new texture or pattern. 11. Select the RECTANGLE Tool and draw a rectangular border around the words A Seashell. Be sure the first square in the fill pattern is selected. If you cover the words, go to EDIT in the menubar and choose UNDO. 12. Select another texture, pattern or color and then click on the Paint Bucket. Click inside the frame and the inside of the frame will fill with that selection. Page 13
Creative Movement with the Draw Program Scaling This enables you to resize an object based on percentages of increase or decrease; it is a more precise way to resize. 1. Select the object you want to resize and then from the Arrange menu, choose Scale By Percent. The normal size of an image is 100%. To make an image bigger, the numbers in both the vertical and horizontal percentage boxes in the dialog box should be higher than 100. To make an image smaller, the numbers in both percentage boxes should be lower than 100. Be sure that you type the same numbers in both boxes if you want your image to remain proportional. After you enter all the information, click OK. Reshape Reshaping does not work on regular rectangle, ovals, or straight lines. You can reshape freehand shapes, arcs, rounded rectangles, and regular polygons. Reshaping is a great way to alter objects. 1. Select the object you want to reshape. 2. From the arrnge menu, choose Reshape. Your pointer turns into a crosshair, and anchor points attach to your shape. 3. To change the shape of the object, click an anchor point and drag it. Free Rotating Free rotating gives you total control over the rotation of an object. 1. From the Arrange menu choose Free Rotate. (Your pointer changes to an X) 2. Click an object to select it. Then click the X pointer on one of the handles, hold down on the mouse button, and drag in the direction that you want to rotate the selected object. 3. Release your mouse button to complete the rotation. 4. From the Arrange menu choose Free Rotate command again to turn of the free Rotate mode. Page 14
Layered Look Select the object you want to move and make a selection from the Arrange menu. The following 4 options are available for moving layered objects. Move Forward brings your object forward, one layer at a time. Move to Front moves the selected object all the way to the front of the layers. Move Backward moves the object backward, one layer at a time. Move to Back move the selected object to the back of the layers immediately. Object brought to front. Object sent backward Object sent to back Alignment From the Arrange menu you can access the Align Objects dialog box. 1. Select the items that you want to align by holding down the shift key while you click each object that you want to select. 2. After you select your objects, go to the Arrange menu and choose Align Objects. 3. After you make your alignment selection, click OK. Grouping To group objects together, select each object. To do this, hold down the Shift key or choose the Pointer and drag a box around the entire group. All the objects should now have the selection handles showing. Then choose Group from the Arrange menu. Locking Locking objects is important if you have many lines, shapes, and text fields on your drawing. It s easy to accidently click an object and move it by mistake. To prevent this from happening, select the items you want to position and from the Arrange menu choose Lock while they are selected. (The handles of a locked object or frame turn gray instead of the usual black.) To unlock the objects, choose Unlock from the Arrange menu before you make any changes, Page 15
Exclusive Painting Tools These tools are found in the paint environment only. The Magic Wand clicked on top of a specific area enables you to select all the connected pixels with that same color. The sparky part of the wand makes the selection, then you could delete the color: and then you are now free to pour in another shade or color. The Brush enables you to paint strokes of various shapes and sizes, using the currently selected fill color. (You can even paint with textures, gradients, or patterns.) A double click on the brush icon brings up the brush shape menu. From this menu you can choose the shape and width of brush tip. Page 16
The Pencil is the default tool Page 17
ClarisWorks 4.0/5.0 Graphics - Computer Basics Assessment Hand in the following items to your instructor: 1. Create a map, seating chart, diagram, brochure, or similar document in the DRAW PROGRAM. Print a copy for your instructor. 2. Create a detailed illustration or edit an existing graphic or photo from a CD. Print a copy for your instructor. 3. Write a paragraph describing the difference between the Paint Environment and the Draw Environment. Page 18
ClarisWorks 4.0/5.0 Graphics - Computer Basics Instructor s Rubric Participant Name Place a (Check mark) next to those items where the student demonstrated a knowledge of the concept or skill. Participant created a document in the DRAW PROGRAM. Participant created a document in the PAINT PROGRAM. Participant knows the difference between the DRAW PROGRAM and the PAINT PROGRAM. Participant successfully used the TEXT TOOL. Participant successfully used at least two or more tools from either the PAINT or DRAW PROGRAMS. Page 19