Docstoc

AnimationWithPaint_Smiley_Face

Document Sample
AnimationWithPaint_Smiley_Face Powered By Docstoc
					HOW TO MAKE YOUR OWN
      ANIMATED GIF’s
Contributed by Debby Martin
  Hampton City Schools




                   dmartin@sbo.hampton.k12.va.us
                                                                             2
                   HOW TO MAKE YOUR
                   OWN ANIMATED GIF’S
                (On a PC, of course, not a “crapple”
                        or “MacInTrash.”)

To access Paint:
 Go to and click on Start/Programs/Accessories/Paint




 Once into the Paint program, go to the menu bar at the top:
 Click on Image/Attributes/
 You want “150” for the Width and “150” for the Height
         Make sure “Pixels” is selected
         You want the size of the screen to match the size of your
          animated gif. Remember, if it is too large, the web browser will
          take longer to download it when opening the page.
 Click OK
        The white area of your screen should now be much smaller
          and only be in the upper left corner of the total screen
                                                                                    3




   Toolbar for Paint is docked on the left side of the screen.

Irregular Select                                                 Rectangle Select

    Eraser                                                       Color Fill

    Pick Color                                                   Magnifier


    Pencil                                                       Brush

    Airbrush                                                     Text

    Line                                                         Curve

    Rectangle                                                    Polygon

    Ellipse
                                                                 Rounded Rectangle

   On the first column (up and down part) of the toolbar all the way at the
    bottom is the “ellipse tool.” This tool allows you to draw an ellipse or
    circle on your screen.
   Click on it.
   Creating your first picture
   Draw a circle
                Click on the ellipse button.
                Left click at the upper left corner of the screen and drag
                 towards the lower right corner.
                Release your left click button when the circle is the size you
                 want it to be.
                This is the head.
                Now draw one eye.
                You can either draw another eye or copy this eye.
                     To copy an object in paint
                           Click on the “select tool” and frame the object you
                              want to copy. (Frame just means to click and drag
                              around the object)
                           Go to Edit/copy or CTRL + C
                                                                              4
                       Click off of the object
                       Go to Edit/Paste or CTRL + V
                       Move the eye wherever you want it.
                       Click off from the object.




                                         Your paint screen
                                         should look
                                         something like this.




 Click on the “Curve” tool
 Hold your SHIFT button down while drawing a straight line on your
  head for a mouth. (The SHIFT button helps to draw a straighter line)
 Release your L click and shift buttons
 Place your cursor (which should look like a plus sign +) on the left side
  of the mouth underneath the line about ¼ inch and click once.
 Do the same thing to the right side of the mouth.




                                         Your paint screen
                                         should look something
                                         like this.
                                                                             5




 At this point you now need to save the picture.
           To save a gif in Paint
               Go to File/Save As
               File NameSave this one as “smiley” (but no quotation
                marks).
               Save As TypeThe default type (what automatically
                happens) for Paint is a “Bitmap,” but we don’t want that.
               Change this to “GIF”
               Click Save
               You will get a pop-up warning box stating, “Saving in this
                format may cause some loss of color information.”
               Just click “Yes.”

 Creating your second picture
 All you want to do to this picture is make a “straight smile picture.”
 Click on the “Eraser tool” and erase the smile.
        Just click and drag over the smile until it is erased
 Click on the “Line tool” and hold your Shift button down and just draw a
  straight smile.




                                           Your paint screen
                                           should look
                                           something like this.




 Go to File/Save As
 Save As “smiley1”
 Don’t forget to change the Save As Type to GIF.
                                                                                6
 Creating your third picture
 Click on the “Eraser tool” and erase the straight smile.
 Click on the “Curve tool” and draw a straight line mouth.
 Place your cursor (which should look like a plus sign +) on the left side
  of the mouth above the line about ¼ inch and click once.
 Do the same thing to the right side of the mouth.




                                          Your paint screen
                                          should look something
                                          like this.




 Go to File/Save As
 Save As “smiley2”
 Don’t forget to change the Save As Type to GIF.
 Coloring your GIF’s
                 At this point if you wanted to go back and use the “Fill
                  tool” (paint bucket) you could color the different parts of
                  your pictures.
                 First open paint back up
                 Go to File/Open
                 Find smiley and click on Open
                 You will have to open each one through Paint.

                 Click on the “Fill tool.”
                 Select a color from the color palette.
                 Just click on the area you want to color.
                                                                           7

  Color
 Pallette






 Make sure you just click Save (not Save As) when you are done
  coloring your GIF.
 It is best if you make each picture a different color.




 Making Your GIF animate
           Go to Start/Programs/Microsoft Image Composer/Microsoft GIF
            Animator
           Click on the yellow file folder (Open) and open up smiley2.
               You should now see the last smiley face you did in the top
                  box.
           To bring in the next picture, click on the “Insert button” which
            looks like a piece of paper with a yellow plus sign.
               Insert smiley1
               You should now see the second smiley face in the second
                  block.
               Repeat this for smiley
               You should see all 3 smiley faces in the reverse order that
                  we made them.
                                                                          8
       Select all 3 boxes by holding your SHIFT button
        while clicking in each box.
         Click on the “Animation Tab” to the right.
         Put a check mark in the box named “Looping.”
         Click in the box that says “Repeat Forever.”
         Click on the “Image Tab.”
         For “Duration we want 25.”
             You can adjust this later if you want it to animate faster or
                slower.
         You can preview your animation by clicking on the “Preview
          button”
             It is to the left of the ? button at the top of your screen.
         Once your Animated GIF is the way you like it you must do a
          “Save As.”
             Click on the “Save As” button on your toolbar. (It looks
                like multiple disks) and name it.

 To Insert Your Image into Your Web Page
         Just use your Image Tag. If you are using HTML.
             <IMG SRC=”filename.gif”>

 PAINT TOOLS
     To select part of a picture. To select a rectangular area,
     click in the toolbox, and then drag the cursor diagonally
     across the area. To select an irregularly shaped area, click
     in the tool box, and then drag the cursor around the area.
     To remove the selection box, click outside the box.
     To use a smaller or larger eraser, click a shape at the
     bottom of the tool box. The selected background color
     shows what color the eraser will leave behind. To change
     the background color, click a color by using the right
     mouse button. Drag the mouse pointer over the area you
     want to erase. To undo a change, click Edit, and then click
     Undo. You can undo up to three changes.
     To change a specific color (and nothing else), change the
     foreground color to the color you want to erase and the
     background color to the color you want to replace it with.
     Click the eraser, and then use the right mouse button to
     change the color. The eraser will erase part or all of an
                                                                    9
object.
Click in the tool box, and then click a color from the color
box. Click the area or object you want to fill: To fill with the
foreground color, click the area with the left mouse button.
To fill with the background color, click the area with the
right mouse button. If the shape being filled has any breaks
in its border, the filling color leaks through to the rest of the
drawing area. To find and close the opening, click View,
point to Zoom, and then click Large Size or Custom.
Click in the tool box, and then click a color from the color
box. To draw the line, drag the mouse pointer.
The paintbrush will paint objects. Click in the tool box, and
then choose a brush shape from the bottom of the tool box.
Click a color from the color box. To paint, drag the mouse
pointer.
Air Brush-To change the size of the spray area, click a size
from the bottom of the tool box. To choose the spray color,
click a color. To spray, drag the mouse pointer. Use the
left mouse button to spray with the foreground color, or use
the right mouse button to spray with the background color.
Click in the tool box. Create a text frame by dragging the
mouse pointer diagonally, and then click the font, size, and
style you want. Click inside the text frame, and then type
the text. Move or enlarge the text frame as needed. To
change the color of the text, click a color in the color box.
To insert the text on a colored background, click on the tool
box, and then click a color with the right mouse button to
change the background color. To insert the text into the
picture, click outside the text frame. You can only paste
text when the text tool is selected. You cannot paste
graphics when the text tool is selected. You can enter text
into a picture only in normal view.
Click in the tool box. Click the object whose color you want
to copy. Click the object or area where you want the color.
To use a color as a background color or to erase with a
color that isn't in the color box, click the color in your
picture with the right mouse button.
Magnifier will in large any part of a picture.
Click in the tool box. To choose the width the curve will be,
click a line width at the bottom of the tool box. To choose
                                                                   10
the color the curve will be, click a color. Draw a straight line
by dragging the mouse pointer. Click where you want one
arc of the curve to be, and then drag the mouse pointer to
adjust the curve. Each curve must have at least one arc
but no more than two. Repeat this step for a second arc.
Use the left mouse button to draw with the foreground color
or the right mouse button to draw with the background
color.

Click in the tool box. To choose the width the line will be,
click a line width from the bottom of the tool box. To
choose the color the line will be, click a color. To draw the
line, drag the mouse pointer. Use the left mouse button to
draw with the foreground color or the right mouse button to
draw with the background color. To draw a perfectly
horizontal, vertical, or 45-degree diagonal line, press and
hold down SHIFT while dragging the mouse pointer.
Click in the tool box, and then click a color for the polygon
outline. To create a colored fill, click a color by using the
right mouse button, and then click a fill style from the
bottom of the tool box. To draw the polygon, drag the
mouse pointer and click at each corner. Double-click when
you're done. To use only 45- and 90-degree angles, press
and hold down SHIFT while dragging the mouse pointer.
Click in the tool box to create a square-cornered shape, or
click to create a round-cornered shape. Click a color from
the color box for the shape's outline. To fill the shape with
color, click a color by using the right mouse button, and
then click a fill style from the bottom of the tool box. To
draw a rectangle, drag the mouse pointer diagonally in the
direction you want. To draw a square, press and hold down
SHIFT while dragging the mouse pointer.
To draw an ellipse or circle. Click in the tool box. Click a
color from the color box for the shape's outline. To fill the
shape, click a color by using the right mouse button, and
then click a fill style from the bottom of the tool box. To
draw an ellipse, drag the mouse pointer diagonally. To
draw a perfect circle, press and hold down SHIFT while
dragging the mouse pointer.
11

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:4
posted:9/15/2011
language:English
pages:11