CH-UH Staff Development Workshop #14. Painting and Drawing Inservice and Resource Guide Cleveland Heights - University Heights Schools

Transcription

1 CH-UH Staff Development Workshop #14 Painting and Drawing Inservice and Resource Guide Cleveland Heights - University Heights Schools 1

2 Table of Contents Painting and Drawing 3 About Claris Works/ Opening 3-4 The Difference Between Painting and Drawing 5 The Drawing Toolbar 6 The Drawing Tools Pallette 7 Getting started with drawing 8 Moving Objects 9-10 Arranging Objects 11 Resizing Objects 12 Selecting Multiple Objects 13 The Painting Toolbar 14 Additional Painting Tools 15 The Painting Tools Pallette 16 Getting Started With Painting 17 More on Painting 18 Adding Other Paint Elements 19 Filling in the Background 20 Moving and Resizing Copyright 1999 CH-UH Schools Authored by: Jim Harmon Hannah Reid Technology Specialists, CH-UH Schools Cleveland Heights-University Heights, Ohio

3 Painting and Drawing Using the computer for creative purposes may not be something for which we consider the computer to be useful. The computer, with many popular software titles in desktop publishing, imaging, painting and drawing, has become a powerful tool in assisting even the most uninclined artist. As mentioned earlier, painting and drawing software are two areas which can become vitally important to the classroom teacher. Mastering these tools can help you create resources for your classroom for display on the classroom bulletin boards, insertion into your class packets, or placement on your class web page. It is important to note that your understanding of these tools will promote their use and understanding by your students. About Claris Works ClarisWorks is what we call a software suite. The software is capable of performing different functions, such as word processing, spread sheets, data bases, drawing and painting. We will be focusing on the painting and drawing capabilities of ClarisWorks. It is important to note that while you may not have draw capabilities on your school or home computer, the Microsoft Paint program comes standard with most Wintel computers. The Microsoft Paint program can be found by going to the Start menu, moving the mouse cursor to Programs, over to Accessories and down to Paint. Opening ClarisWorks OR 1. Click the Start button at the bottom left hand corner of your screen. 2. Move the mouse pointer over the Program menu (the Program submenu appears). 3. Move to the ClarisWorks folder and select ClarisWorks. 2. Click on the icon shortcut on the desktop if one is available. 3

4 ClarisWorks New Document Dialogue ClarisWorks will begin with the following dialogue to help you determine what you want to do: If you wish to draw, then select the Drawing option and then select OK. (If you want to learn more about Drawing, proceed to page 6 of this publication) If you wish to paint, then select the Painting option and then select OK. (If you want to learn more about Painting, proceed to page 14 of this publication) 4

5 The Difference Between Painting and Drawing Painting: With Painting, think of it in the tradition of painting on a canvas. When you apply the brush to the canvas, you realize that it is a fairly permanant procedure. The color you put there can be removed, but the process can be complicated, especially if you have colors or shapes that overlap. The painting process does allow you to color over objects, usually with a great degree of control, but it can also be unforgiving. Learning to use the Undo command is a plus with using Painting software. Many imaging titles (such as PhotoShop) are painting based. Drawing: With Drawing, anything you draw can be moved and manipulated and even re-selected and changed at a later time. Think of it as individual shapes and objects that are temporarily pasted on a blank piece of paper. The objects can be picked up and re-arranged in any order, overlapping each other or completely covering other objects, manipulated to certain sizes and certain colors, and then placed back on the sheet. There is no limit to the amount of recomposing that may be done with drawing software. Many desktop publishing titles (such as PageMaker) are drawing based. Claris Works There are two ways to create graphics in ClarisWorks: drawing and painting. You create drawings from objects. You create paintings from images made up of single dots on the screen called pixels. Drawing is like making a collage. You arrange and layer separate pieces. Painting is like creating a watercolor. You add and blend colors and textures. Draw when you want to Create independent lines, shapes, and freehand sketches. Have the ability to quickly select objects and groups of objects. Add and change pen and fill attributes after objects are drawn. Overlap objects and move them to the front or back of the drawing. Paint when you want to Create images of custom shapes and textures. Have the ability to edit precisely by working with one pixel at a time. Add special effects, such as perspective and distor tion to images. Blend, combine and tint images of different colors and patterns. Important note: while many software titles are available for painting and drawing, you should note that by mastering one title, the skills are, for the most part, transferable to other similar pieces of software. For example, by learning the ClarisWorks version of Paint, you should have relatively little problem transferring to Microsoft Paint and using it comfortably. 5

6 The Drawing Toolbar Move Tool: used for selecting and moving objects onb the page Spreadsheet Tool: used to insert a spreadsheet into a drawing document Line Tool: used to draw straight horizontal, vertical, or diagonal lines with the line tool. Using the pen palettes, you can also change the line color and width, make a dashed line, create arrows, and more Rounded Corner Box Tool: used to draw rectangles and squares with rounded corners Arc Tool: used to draw an arc, wedge, or quarter circle with the arc tool Freehand Tool: used to draw curving or irregular lines just as you would with a pen or pencil Regular Polygon Tool: used to draw polygons with equal sides. ClarisWorks is preset to draw six-sided polygons (hexagons), but you can set a different number of sides. Text Tool: used for drawing text boxes and inserting text into an existing text box Paint Brush Tool: will open a paint layer in a drawing document Rectangle Tool: useddraw rectangles and squares Oval Tool: used to draw ovals and circles Polygon Tool: used to draw shapes composed of angles and straight lines, with as many sides or line segments as you want Bezigon Tool: used to draw shapes with precise curves. As you draw, you specify the points that define each curve; smooth Bezier curves connect these points. Eyedropper Tool: used to pick up the color of an image. The color you select becomes the current fill or pen color. If you are using a pattern, the color that the eyedropper picks up is applied to this pattern. 6

7 The Drawing Tools Pallette The fill and pen palettes contain options that you can select when drawing and painting. For example, you can use the fill color palette to select a color to fill objects or images with. The fill palettes appear under the fill sample, which shows the current fill color, pattern, texture, or gradient. The pen palettes appear under the pen sample, which shows the current pen color, pattern, and width. Fill Pallette Pen Pallette 7

8 Getting Started With Drawing Drawing Simple Objects Begin by selecting the Oval Tool from the Drawing Tools Pallette.From the Fill Color Pallette, choose black as the fill color. Draw a circle by holding down the Shift key and click while dragging diagonally. Next, select the Rectangle Tool from the Drawing Tools Pallette. From the Fill Color Pallette, choose gray as the fill color. Draw a square by holding down the Shift key and click and dragging diagonally. Finally, select the Text Tool and click once on the page. This will produce a blinking cursor within a small boxed-in area. Type the word TEST. Your document should look similar to the one below. 8

9 Moving Objects Using the Move Tool To move an object, select the Move Tool from the Drawing Tools Pallette and click once on the square. The square will become highlighted with little black boxes around it s perimieter. Click and hold down on the square and drag on top of the circle. When you have successfully dragged the square on top of the circle, release the mouse button. Your document should resemble the one below.. 9

10 Moving Objects (continued) Using the Move Tool (continued) Now select the text object and move it on top of the square as pictured below. 10

11 Arranging Objets Layering objects As mentioned earlier, It is possible to layer or arrange objects. To do this, select the text object by clicking once on it. Then select Move To Back from the Arrange menu. The text object will remain highlighted but will be hidden behind the the black circle. To bring the object back to the front, select Move To Front from the Arrange menu. 11

12 Resizing Objects An object may be resized by highlighting the object and then clicking and dragging on any of the handle boxes that line the object s perimieter. To resize an object and have it keep the correct proportions, you must hold down the Shift key while dragging the corner of the object. 12

13 Selecting Multiple Objects You can select more than one object at a time by using the Move Tool. Select the Move Tool, position the tool just above or below and just to the side of the objects you wish to select. While holding down the mouse button, draw a box around the objects you want to select. After you have drawn the box, release the mouse. The box will disappear but the objects will all become highlighted. One additional way to highlight multiple objects is to hold down the Shift key while clicking each object you wish to highlight. 13

14 The Painting Toolbar Move Tool: fairly useless for painting. Spreadsheet Tool: used to insert a spreadsheet into a painting document Line Tool: used to paint straight horizontal, vertical, or diagonal lines with the line tool. Using the pen palettes, you can also change the line color and width, make a dashed line, create arrows, and more Rounded Corner Box Tool: used to paint rectangles and squares with rounded corners Arc Tool: used to paint an arc, wedge, or quarter circle with the arc tool Freehand Tool: used to paint curving or irregular lines just as you would with a pen or pencil Regular Polygon Tool: used to paint polygons with equal sides. ClarisWorks is preset to paint six-sided polygons (hexagons), but you can set a different number of sides. Text Tool: used for painting text boxes Paint Tool: fairly useless in for painting as you are already in a painting window Rectangle Tool: used paint rectangles and squares Oval Tool: used to paint ovals and circles Polygon Tool: used to paint shapes composed of angles and straight lines, with as many sides or line segments as you want Bezigon Tool: used to paint shapes with precise curves. As you draw, you specify the points that define each curve; smooth Bezier curves connect these points. Eyedropper Tool: used to pick up the color of an image. The color you select becomes the current fill or pen color. If you are using a pattern, the color that the eyedropper picks up is applied to this pattern. 14

15 Additional Painting Tools There are a few additional tools used for Painting: Selection Tool: used toselect a rectangular portion of an image or an image including the surrounding white space. Lasso Tool: used to select irregular shapes. The lasso selects just the image and not the surrounding white space. Magic Wand Tool: used to select adjacent pixels of the same color and patterns. This way you can fine-tune the color of a small portion of an image. Pencil Tool: When you first open a paint document or create a paint frame, the pencil is selected. Use the pencil to paint fine lines as you would draw them with a regular pencil. Select a color before you start painting with the pencil. The pen line thickness and pattern have no effect on the pencil. Spray Can Tool: used to spray the current color and pattern or the current texture or gradient. The spray can is useful for shading and softening edges. You can change how fast the paint sprays and the area it covers. Brush Tool: used to paint strokes with the current fill selection. Select a color and pattern or a texture or gradient before you start painting. You can also change and customize the brush shape and effect. Fill/Paint Bucket Tool: used to create a background or fill an enclosed area with the current fill color, pattern, texture, or gradient. The fill sample shows you the current settings. Eraser Tool: used to erase portions of an image or the whole painting. 15

16 The Painting Tools Pallette The Fill and Pen palettes contain options that you can select when drawing and painting. For example, you can use the fill color palette to select a color to fill objects or images with. The fill palettes appear under the fill sample, which shows the current fill color, pattern, texture, or gradient. The pen palettes appear under the pen sample, which shows the current pen color, pattern, and width. Fill Pallette Pen Pallette Getting Started With Painting Painting Objects Begin by using the Pencil (painting automatically starts with the Pencil Tool selected) and draw the basic shape below (a bunny s head): 16

17 Getting Started With Painting (continued) Then using the Paint Tools pallette, complete the painting so it is similar to the one below. Perfection, as evidenced by the painting below, is not a requirement. To use the Fill tool, you can select a color (see the fill color pallette on page 16) or pattern (see the fill pattern pallette on page 16) to color the eyes and ears. Fill Pattern Pallette 17

18 More on Painting Painting Lines Now, using the Line Tool, dray a stick figure body for the bunny. In order to get perfectly horizontal or vertical lines, hold down the Shift key while dragging the mouse. Then, using the Pencil Tool, draw a carrot in the bunny s left hand. Use the Spray Can Tool to draw the greens of the carrot. Use the Paint Bucket (Fill) Tool to fill in the color orange for the carrot. Finally, select a fill color for the bunny s head and fill that in using the Fill Tool. Be careful that the outline of the head is closed so the fill color will not leak into other areas of your painting. 18

19 Adding Other Paint Elements Adding Shapes and Text Now, using the Rectangle Tool, draw a box in the bunny s right hand similar to the one at right. Select the Text Tool and draw a text box slightly smaller and inside the rectangle you just drew. Type a messge in the sign, it doesn t have to be the one pictured at right. When you have finished typing the text, highlight it and choose a font style and larger size from the Format menu. When you are finished, select the Eraser Tool. Now, if we want to edit the text, we must erase it and start from scratch. This is because Painting is pixel based and once something is layed out on the page, it is difficult to edit. Use the Eraser Tool to carefully erase a word or two of your original message. Select the Text Tool when you are finished. Now draw a new text box over the erased area in the sign. If you erased words on two lines, you will have to make two seperate text boxes. Type in replacement words for the words you erased. 19

20 Filling in the Background Adding a Background Select the Fill Tool and then select a pattern or color to fill into the background of your painting. Take the Pencil Tool and sign your masterpiece in an apropriate color. 20

21 Moving and Resizing Moving Painted Elements Now let s assume that the bunny would rather wear the sign around her neck. Click once on the Selection Tool and draw a precise box around the sign. You must be farily accurate. Now place the cursor on the sign and while left clicking and holding, drag the sign to it s new desired position. Using the Pencil Tool, select a color for the rope and paint it in. You ll probably want to fill in the vacant space left where the sign used to be. Find the pattern you previously filled the background with and apply it (Fill Tool) to the empty spot where the sign used to be. 21

22 Moving and Resizing (Continued) Resizing Painted Elements Now we will resize one of the words on the sign. Begin by selecting the Lasso Tool and draw around the word without touching any other words or parts of the painting. From the Transform menu, chose Scale By Percent. The dialogue box to the right will appear. As an example, 150% has been typed in. Remember to enter the value twice, once for the vertical axis and once for the horizontal axis. Select OK. The word should now appear larger and since it is still highlighted, may be moved around anywhere on the painting. Feel free to print your completed masterpiece! 22