Files & Folders:
Image: Create & Save

Title: Jan's Illustrated Computer Literacy 101

Example: picturesEveryone likes pictures. They perk up a page of dull text and make it bearable. (Hmm. Like this one?) Plus, some things just can't be expressed as well in words.

Are picture files different from text files? Not really. Both are sets of 1's and 0's stored on the computer. The biggest difference is that image files are often quite large. The file name extensions are different for image files, of course.

You have the same kinds of tasks to learn that you had for text files. Create a new document, save it, edit it, save it again, print it. So, in this section you will review or see another way to do the tasks you have already learned. Plus you get to play with Microsoft Paint. Be careful not to neglect your other work! Paint can be addicting, even if you are not artistic!!

What is Microsoft Paint?

What is this program called Microsoft Paint, anyway?? Paint is a simple program with basic tools for creating bitmap pictures. That means that you define the color of each little dot, called a pixel, in the image. In the hands of a patient person, however, Paint can be used to create some spectacular images. Of course, it would be a lot easier in one of the advanced graphics programs!


Where you are:
JegsWorks > Lessons > Windows

Before you start...

Project 1: Windows BasicsTo subtopics

Project 2: Files & Folders
    ViewsTo subtopics
    Removable MediaTo subtopics
    Names
    FoldersTo subtopics
    Files Subtopics display    
    icon-footprintText: Create & Save
    icon-footprintText: Edit & Print
    icon-footprintImage: Create & Save
    icon-footprintImage: Resize & Print
    icon-footprintBackup Data
    Summary
    Quiz
    ExercisesTo subtopics


    Search
    Glossary


Icon Step-by-Step 

Step-by-Step: Create & Save Image

 Icon Step-by-Step

Start with: Desktop  Class disk


What you will learn: to open a program from Run (Win98/WinXP)
to open a program from Search (Vista)
to resize the canvas
to create a text image with Paint
to save an image

Start menu: Start | RunIcon: Win98Icon: WinXP Start a Program from Run

  1. Open the Start menu and choose  Run .
     
  2. In the Run dialog box, type  paint  and Left click click on the OK button. Windows looks for a file that it can run, like paint.exe.

    Dialog - Run paint


  3. Error: You will see an error message because Windows can not find the file.

    Error message - about paint

    The problem in this case is that the file that starts Paint is actually named mspaint.exe instead of just paint. Run is smart enough to figure it out if the file uses a common extension for program files, like exe or dll or com. But it is totally fooled by the wrong name!

    TipWhen this happens, first check the file name for misspellings. If the spelling is right, you may have to type in the full path to the file, like:

    Icon: Win98 c:\program files\accessories\mspaint.exe
    Icon: WinXP c:\windows\system32\mspaint.exe

    That's an awful lot of trouble!!

    Or, you can use the Browse button to get to a folder tree, find the right file, and double-click on it, which puts the full path into the Run text box.
     

  4. Left click Click on the OK button in the error message box.
     
  5. Highlight the word paint in the textbox labeled Open: and type  mspaint .
     
  6. Paint window- labeledLeft click Click on the OK button. Paint will open. (Yes, even without the extension! I told you that Run was smart!)

    The size of the window and the size of the blank canvas depend on their sizes the last time Paint was used.
     


Icon: Windows VistaStart a Program from Search in Start Menu

By default, Windows Vista does not show the Run command on the Start menu. Instead you can use the Start menu's Search box to locate the command to start the program. This Search feature is more helpful than the Run command when you are not sure what the command is.

If you wish, you can customize the Start menu to show the Run command. Right click the Start button > Properties > Start menu tab > Customize > scroll the list and check the box to show the Run command

  1. Left click Click on the Start button. The cursor is already in the Search box at the bottom of the menu.
     
  2. Menu: Start - Search box with the letter p (Vista)Type the letter p.
    The menu above the Search box changes to show objects on the computer whose names start with the letter p. Programs are listed first. Happily the program you are looking for is probably first in the list.
     
    At the bottom of the list there is a link to show all of the results. This is very useful when there are too many to show and the one you want is not showing.
     
  3. Paint window-labeled (Vista)If necessary, click Paint in the list to select it.
  4. Press the ENTER key. The program starts. The size of the window and the size of the blank canvas depend on their sizes the last time Paint was used.

    Alternate methods:
    • Double click an item in the list .
    • Use the arrow keys to select the item and then press the ENTER key.
       

    For experience, let's see what happens if you type more letters.
     

  5. Menu: Start - Search for paing (Vista)Open the Start menu again.
     
  6. Slowly type the whole word paint in the Search box. As you type each letter, watch how the list above changes.

    The program Paint is still in the list. You may see other files or programs that have the word paint in the name or as part of the attributes.
     
     
  7. Delete the word paint from the Search box.
     
    In the previous section on the Run box in Win98 and WinXP, we had to type the actual name of the file that opens the Paint program, which is mspaint. Let's try that in Vista.
     
  8. In the Search box, type the word mspaint. As you type, watch the changes in the list. There may be no matches at all, depending on what documents and programs you have on your computer... until you get the whole word in! Then the file name mspaint.exe shows up, instead of the Paint program name. Unexpected!

    Menu: Start - search for msp and found nothing (Vista)  Menu: Start - search for mspaint (Vista)

  9. Press the ESC key at the upper left of your keyboard to close the Start menu. Paint is still open from your earlier work.

Resize Canvas

Paint remembers the size of the last picture you worked with. If the canvas size is too small or too large to work with comfortably, you can resize it. You are going to be typing in your name in a large font size. How large a canvas you will need will depend on how long your name is!

  1. If necessary, resize the window itself to be large enough to hold the canvas size you want by dragging a corner or side of the window.
     
  2. Resize the white canvas by dragging on Handle the tiny blue handles at the right and bottom edges of the canvas to make the drawing area the size that you want to work in.

Create a Text Image

  1. Button: Text tool in Paint - selected (Vista)Button: Text tool in Paint (WinXP)Select the Text tool  Button: Text tool in Paint (WinXP) Button: Text tool in Paint (Vista) by clicking on it.
     
  2. Move your pointer to the white canvas and Icon-left drag drag in the upper left of the canvas. A box of dashed lines (a marquee) will appear. Your text will go inside this box shortly.

    Make your box large. Your name must fit inside!
     

  3. Release the mouse button. A Text toolbar appears.
     
    Icon: ProblemProblem: The Text toolbar does not appear.
    Solution
    : Select from the menu View > Text toolbar.
     
  4. Left click Click on the down arrow in the box that shows names of the fonts that are installed on this computer. (Some fonts come with Windows. Others come with other programs.)
     
  5. Scroll until you find Wide Latin or Impact. These fonts come with most versions of Windows.
     Icon: Windows VistaWindows Vista does not include Wide Latin but you may have it from other software.
     
  6. Left click Click on Wide Latin or Impact to select it.
     
  7. Select the font size 20 in a similar way.
     

    Paint Text toolbar (WinXP) Paint Text toolbar (Vista)

  8. Left click Click inside the marquee box.

    Your pointer turns to a vertical line cursor to show where your typing will appear.

    As long as you don't click outside the box, you can edit what you type by backspacing and deleting. Once you click outside the box, the text becomes part of the picture. Then you make any changes only with graphics methods like erasing. No more backspacing and deleting!
     

  9. Type your name in the marquee box. The marquee box will enlarge down as you type, as far as the edge of the canvas, but it will not get any wider. It will chop off what won't fit on the canvas.

    Icon: TroubleProblem: Name does not fit
    Solution:
    Drag the marquee box wider to the edge of the canvas. If your name still won't fit, you'll have to start over with a new box. Use  Edit  >  Select All , and press the DELETE key to remove everything from the canvas. Then drag a larger box, and try again. You may need to enlarge the canvas first.
     

  10. Menu: Edit > Undo (Vista)Paint menu: Edit | UndoFrom the menu bar select  Edit  and inspect the menu that appears. Note that the commands that are gray are not currently available.

    Keyboard tip    Key combos:
    Undo = CTRL + Z
    Repeat = F4 in Win98
    Redo = CTRL + Y in WinXP and Vista.

    The Undo command reverses your last action.
    The Repeat or Redo command reverses your last Undo.

    TipMany applications use Ctrl + Z for Undo and CTRL + Y for Redo/Repeat. These are a particularly useful key combos to learn to use. It is MUCH faster to execute menu commands from the keyboard, so watch for the ones that execute the commands you use a lot. Undo certainly gets a lot of work!
     

  11. Press CTRL + Z to undo what you just did. Your typing vanishes! But do not despair.
    Everything you do in the marquee box counts as 1 action, so it is easy to wipe out all of your text!

    Paint will allow you to undo up to three actions in Win98 and WinXP and ten actions in Vista, if you've done that many things. Some programs only remember the last action. Others allow you to select how many steps to remember. Sometimes there is a question about what a program counts as an "action".
     

  12. Use the key combo to repeat the step that you just undid. Voila! Your name appears again. Rescued!!

    TipSince Paint does not list for you what actions it is remembering, it is easy to get confused when going back and forth between Undo and Repeat or Undo.
     

  13. Experiment with different fonts and font sizes. Don't click outside the box while you make changes or you will have to start all over (see the comment at step 8). Use the keystrokes you just learned to undo the changes that you make and to recover your deletions when you change your mind.
     
  14. Color boxes from PaintLeft click Click on a color square in the Color Palate at the bottom of the window. The top color box on the left changes and your text changes color! Experiment!!
     
  15. Right click Right click on a color square. The bottom color box on the left changes and the background behind your text changes color, but not the whole canvas.
     
  16. When you are satisfied with the appearance of your name, Left click click on the white canvas somewhere outside of the box. Your name is now part of the picture and you can no longer use the Text toolbar on it.

Save a Picture

  1. Class disk Insert the Class disk into the drive if it is not already there.
     
  2. From the menu bar select  File  >  Save . Since the picture has never been saved before, the Save As dialog box appears. The default folder for Win98 and WinXP is Desktop. The default folder for Vista is the Pictures folder in your personal folders, since you are saving a picture.

    Save As dialog - myname.bmp Dialog: Save As - Pictures folder (Vista)

    Save As dialog for Win98/WinXP and Vista
     

  3. Rather than maneuver through the folder tree, type in the File name text box the full path to where the file should go, using the letter for your removable disk drive:

     a:\my docs\paint docs\myname.bmp 

    (Type this exactly as written here, please, except use the correct drive letter for you removable disk. Yes, the path is wrong on purpose!)

    WarningSpaces and spelling are important in file names! It is easy to make a mistake with spaces!

    TipWhen you are using an application that doesn't like spaces in the name, put quotes " " around the whole path like: "a:\my docs\paint docs\myname.bmp".
     

  4. Error: An error message appears saying that the path you typed does not exist. The problem is that we previously renamed the folder paint docs to win project2.

    Error: path does not exist Message: Path does not exist (Vista)

    Many programs will, instead of this error message, ask if you want to create the missing folder. A very useful feature. Paint is not that cooperative! You must create the folder yourself.

    Other error messages:

    • No such drive: You type a drive letter that does not match any of the drives on the computer. The message says that the path is not valid.
      Message: Filename is not valid (vista)
       
    • No media in the drive: There is no disk in the drive. The message says that Windows is unable to read the drive.
      Message: Unable to read Drive A (WinXP)
       
  5. Left click Click the OK button in the error message.
     
  6. To edit the path, Left click click in the space between the words  paint  and  docs  in the File name text box.
     
  7. Press the DELETE key enough times to erase the word  docs .
     
  8. Press the BACKSPACE key enough times to remove the word  paint .
     
  9. Type  win project2 
    This folder was created on your Class disk in a previous lesson so it should be there!

     
  10. If necessary, select the file type 24-bit Bitmap, if it is in the list. If it is not, choose 256 color Bitmap.

    Paint remembers the last file type you used.

  11. Left click Click on the Save button.

    WarningIf your canvas is really large and you are saving in a BMP format, the file can be too large to fit on your disk, especially a floppy disk! If you get a message that there is not enough space on your disk, use the technique in the section Resize Canvas above to reduce the canvas to a more reasonable size.
     

  12. Close Paint for now.