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

Paint window- labeledPaint window-labeled (Vista)  Paint - labeled (Win7)

Paint: WinXP, Vista, and Win 7 versions

Parts of the Paint window:

  • Canvas: the drawing area
  • Handle: a small box which you can drag to resize the canvas
  • Toolbar/Ribbon: buttons for various tools for drawing such as selecting, writing text, drawing lines, filling areas with color.
  • Color Palette: Colors that you can use. Displays the two currently selected colors, a foreground color (Color 1) and a background color (Color 2).

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 (WinXP)
to open a program from Search (Vista/Win7)
to resize the canvas
to create a text image with Paint
to save an image

Start menu: Start | RunIcon: 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: 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. Left 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 VistaIcon: Win7Start a Program from Search in Start Menu

By default, Windows Vista and Win7 do 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.

    Icon: Trouble Problem: Paint is not showing in the list
    Sometimes Search is too "smart" for its own good. If you have several programs that start with "p" that you use more often than Paint, they may show up in the Search list and Paint may not.
    Solution: Keep typing. By the time you get the whole word typed in, Search will have found the program. Keep this behavior in mind when you are looking for other programs or files.
     
  3. 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 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 Paint - handle (Win7)the tiny 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. Paint: Text button with popup tip (Win7)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) Button: Paint Text tool (Win7) by clicking on it.
     
  2. Move your pointer to the white canvas and Icon-left drag drag from 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. Paint Text toolbar (Vista)Paint Text toolbar (WinXP)Release the mouse button.
    Icon: WinXP Icon: Windows VistaA Text toolbar appears.



    Icon: ProblemProblem: The Text toolbar does not appear.
    Solution
    : Select from the menu View > Text toolbar

    Paint- Text Tools (Win7)Icon: Win7
    The Text Tools appear on the ribbon.
     

     
  4. Left click Click on the down arrow in the box that shows names of the fonts that are installed on this computer. (Different fonts come with different versions of Windows. Other fonts come with other programs.)
     
  5. Scroll until you find Wide Latin or Impact. These fonts come with most versions of Windows.
     Icon: Windows VistaIcon: Win7Windows Vista & Win7 do not include Wide Latin but you may have it from other software.
     
  6. Left click Click on Wide Latin or Impact (or another font with wide, bold letters) to select it.
     
  7. Select the font size 20 in a similar way.
     
  8. Left click Click inside the marquee box.

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

    TipAs 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.
    Icon: WinXP Icon: Windows VistaThe 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: Win7 If you type more than will fit in the marquee selection box, the text will start to scroll up. Once you click elsewhere, only the visible text will be left.

    Icon: TroubleProblem: Name does not fit
    Solution:
    If you need to enlarge the canvas, drag the handles.
    If the marquee box was not big enough, drag the handles of the marquee box wider. 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.
     

  10. Text Tools: Clipboard section (Win7)Menu: Edit > Undo (Vista)Paint menu: Edit | UndoIcon: WinXP Icon: Windows VistaFrom the menu bar select  Edit  and inspect the menu that appears. Any commands that are gray are not currently available.
    Icon: Win7Observe the Clipboard section of the Text Tools ribbon at the far left. It contains buttons for the most common commands: Cut, Copy, Paste. They are gray because they are not available at the moment. Undo and Redo are arrow buttons at the top of the window in the Quick Access toolbar.

    Keyboard tip    Key combos:
    Undo = CTRL + Z     reverses your last action.
    Redo = CTRL + Y     reverses your last Undo.
    Cut    = CTRL + X    removes the selection and copies it to the Windows Clipboard
    Copy = CTRL + C     copies the selection to the Windows Clipboard and leaves the selection in place
    Paste = CTRL + V    places whatever was on the Windows Clipboard at the cursor's location

    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!

    TipPaint will allow you to undo up to three actions in WinXP and ten actions in Vista, if you've done that many things. Paint in Win 7 remembers many more actions. (I stopped counting at somewhere over 40.)

    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". Selecting is usually an action. Clicking the mouse somewhere is usually an action, too.
     

  12. Use the key combo to redo the step that you just undid.  (CTRL + Y) Voila! Your name appears again. Rescued!!

    TipSince Paint does not keep a visible list of what actions it is remembering, it is easy to get confused when going back and forth between Undo and Redo.
     

  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 PaintIcon: WinXP Icon: Windows VistaLeft 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!!
    Color Palette on Ribbon in Paint (Win7)Icon: Win7Left click Click on the Color 1 box to select it. The box highlights to show it is selected. Click on one of the colors on the Color Palette to change the primary color, Color 1.
     
  15. Icon: WinXP Icon: Windows VistaRight 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.
    Icon: Win7 Left click Click on the Color 2 box and then on one of the Color Palette colors to change the secondary color, Color 2.
  16. Dialog: Edit Colors, in Paint (Win7)Icon: Win7Create a custom color by clicking the Edit Colors button, slide the crosshairs to a new position. Save you new color to the palette by clicking on Add to Custom Colors.
     
  17. 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. Icon: WinXP Icon: Windows VistaFrom the menu bar select  File  >  Save . Since the picture has never been saved before, the Save As dialog box appears. The default folder for 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 WinXP and Vista

    Menu: Paint button (Win7)Button: Paint button (Win7)Icon: Win7 Click the Paint button at the upper left of the Quick Access bar and then choose Save  on the menu that appears.  The Save As dialog appears. The default location is the Pictures library, but Paint remembers the last location you used.

  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) Message: File name is not valid (Win7)

    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 or that the drive does not exist.
      Message: Filename is not valid (vista) Message: Drive does not exist (Win7)
       
    • 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.
    Icon: TroubleProblem: Error message appears again after entering the correct path
    Solution: Close the Save As dialog and start over, typing in the correct path this time.

    WarningIf your canvas is really large and you are saving in a BMP format, the file can be really large. Will it fit on your 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.