Advanced PowerPoint:
Slide Image

Title: Jan's Illustrated Computer Literacy 101

Did you want: Working with Presentations: PowerPoint 2007,2010,2013,2016 or español



Images can make your presentation much more attractive and interesting to your audience... as long as you don't overwhelm them with eye candy!

The method for inserting an image onto a single slide is much the same as for inserting an image on a master, in the previous lesson. On a slide, AutoLayout may change the layout for you, especially in PowerPoint 2002.


Where you are:
JegsWorks > Lessons > Presentations

Before you start...

Project 1: PowerPoint BasicsTo subtopics

Project 2: PowerPoint FormattingTo subtopics

Project 3: Advanced PowerPoint
    OutlineTo subtopics
    Images Arrow to Subtopics
    Icon: Step-by-StepMaster Background
    Icon: Step-by-StepMaster Image
    Icon: Step-by-StepSlide Image
    Icon: Step-by-StepAnimate Images
    Tables & ChartsTo subtopics
    FinishingTo subtopics
    Summary
    Quiz
    ExercisesTo subtopics


    Search
    Glossary
    Appendix



Insert Image: Will AutoLayout change things?

What happens when you insert an image onto a slide depends on:

  • AutoLayout - on or off
  • Placeholders - empty or already have content
  • Type of image - clip art or photo
  • Version - PowerPoint 2002 or 2003

AutoLayout on =
     Icon: PowerPoint 2002 Automatically positions and sizes any clip art or images you insert to match one of the standard Slide Layouts.
     Icon: PowerPoint 2003   AutoLayout does not seem to affect photos or clip art in PowerPoint 2003.

AutoLayout off =  Centers image on slide on top of any existing content. Size of photos will be large. Clip art will be fairly small.

Ways to turn AutoLayout on/off:

  1. Dialog: AutoCorrect | AutoFormat As You Type | Automatic layout for inserted objectsDialog: Open the AutoCorrect dialog:   Tools | AutoCorrect Options... | AutoFormat As You Type  and check or uncheck the last item = Automatic layout for inserted objects
     
  2. Smart Tag menu: AutoLayoutAutoLayout SmartTag: When you insert an image and AutoLayout is on, you will see Smart Tag: AutoCorrect an AutoCorrect SmartTag at the bottom right of the image. When your mouse moves over this tag, an arrow appears. Clicking the arrow opens a menu with choices about how you want AutoLayout to behave. If you did not want the layout applied to the image, just click on  Undo Automatic Layout

Examples, using Icon: PowerPoint 2002 PowerPoint 2002:

AutoLayout Off:

Image centered.
Photos will be large size.

Example: No AutoLayout - image is centered
AutoLayout On:
Icon: PowerPoint 2003 PowerPoint 2003 does not apply AutoLayout to photos, but does for clip art.
  • Nothing but a title on the slide =
    Layout thumbnail: Title and ContentLayout: Title and Content


    Image centered
    Sized to fit between title and bottom of slide
Inserted image centered automatically
  • Existing placeholder has content =
    Layout thumbnail: Title, Text, and ContentLayout: Title, Text, Content

    Image at right
    Sized to fit
     
Example: AutoLayout out - positions and sizes image
  • Existing placeholder & existing image =
    Layout thumbnail: Title, Text, 2 ContentLayout: Title, Text, 2 Content

    Both images at right
    Both the new and existing images sized to fit

Did you expect that??
 

Example: AutoLayout on with text and image already present. New and previous image sized and aligned at right

Rotate or Flip an Image

You can rotate or angle an image on a slide or master. Flipping creates a mirror image, either horizontally or vertically. (See Method 3 below)

Method 1: Drag
The green circle at the top center of a selected image is a rotation handle. Hover over the handle and the mouse pointer shape changes to a circular arrow Pointer: Hover over rotation handle. Drag the mouse in the direction you want the image to rotate. While dragging, the mouse pointer changes to 4 arrows in a circle Pointer: Dragging on rotation handle = 4 arrows in a circle.

Example: rotating image shows dashed border outlining new locationRotated image in new location

Dotted lines show the new position for the image
while you are dragging.

Method 2: Picture Bar - Rotate Left button
Toolbar: Picture
The Picture toolbar appears when you select a picture. The Rotate Left button Button: Rotate Left rotates the image 90 left. The button is a good choice when all you want is 90, 180, or 270 rotation. You don't have to guess whether the image is straight yet or not!

Image rotated 90 degrees left Image rotated left twice = 180 Image rotated 270 degrees left
Button: Rotate Left Rotate Left once: 90 Button: Rotate Left Rotate Left twice: 180 Button: Rotate Left Rotate Left 3 times: 270

Menu: Draw | Rotate or Flip

Method 3: Drawing Bar - Rotate or Flip

The Draw button Button: Draw on the Drawing Bar opens a menu with a submenu Rotate or Flip, containing the choices:

Button: Free Rotate Free Rotate - Changes the mouse pointer to the Rotation shape. You must position the pointer over a handle before you can actually rotate the image.

Button: Rotate Left Rotate 90 left 

Button: Rotate Right Rotate 90 right 

Button: Flip Horizontally Flip horizontally 

Button: Flip Vertically Flip vertically

Example: original rainbow image Example: rainbow flipped horizontally Example: rainbow flipped vertically

Original

Button: Flip Horizontally Flip horizontally  Button: Flip Vertically Flip vertically

Not the same as rotating the original 90 twice!


Icon Step-by-Step 

Step-by-Step:Slide Image

 Icon Step-by-Step

What you will learn:

to add an image to a slide
to position and resize image on the slide

Start with: Icon: Class disk,  nz-bar.ppt

AutoLayout On

AutoLayout controls what happens when you insert a picture or other object.

  1. From the menu, select  Tools | AutoCorrect Options | AutoFormat As You Type  tab.
     

  2. Dialog: AutoCorrect As You Type - AutoLayoutBe sure that there is a check mark beside the item Automatic layout for inserted objects.


Slide: Insert Picture From File

  1. If necessary, open nz-bar.ppt from your Class disk.
     
  2. VolcanoSelect the Volcanoes slide so that it displays in the Slide Pane.
     
  3.  From the menu, select  Insert | Picture  | From file... 
     The Insert Picture dialog appears.
     
  4. Navigate, if necessary, to the copy on your hard disk of the resource files.
     
  5. Dialog: Insert Picture - VolcanoSelect the image volcano.jpg and click the Insert button in the dialog.

     
    The image appears on the slide.
     
    Volcanoes slide with photo inserted - 2002Icon: PowerPoint 2002 The image is sized to fit at the right and with the text placeholder re-sized to fit at the left.
     
    That first line could look better. You need to resize the placeholder and move the image a bit.

     
    Volcanoes slide with photo inserted - 2003Icon: PowerPoint 2003  The image is centered on top of the placeholder and is full size.
     

     

Adjust Layout

Placeholders and pictures are allowed to overlap each other, but the standard layouts do not do this. You don't want an image cover up any text, of course. Be careful to position and size your image so that it is clear of all the actual text, even though it overlaps the placeholder.

  1. Drag placeholderIcon: PowerPoint 2002Click in the text placeholder to select it.
     
  2. Icon: PowerPoint 2002Drag the right side to the right until the first line fits across the slide.

     
  3. Volcano image reducedClick on the picture to select it.
     
  4. Icon: PowerPoint 2003 Drag a corner to make the image smaller.
     
  5. Drag the picture down until it is clear of the text.
     
  6. Icon: Class diskSave As  nz-pictures.ppt  to your Class disk.


TipIcon: PowerPoint 2002 If you plan for your images to overlap placeholders, turn off AutoLayout before you insert the images. You will save a lot of re-formatting steps!


More Pictures

  1. Similar to the steps above, add the following images from the resource files:

    map-nz.gif to the Title slide
    rainforest.jpg
    to the slide Rain Forests
    beach.jpg to the slide Ocean and Beaches
    sunset.jpg to the slide Cities
     
  2. As necessary, adjust the placeholder size and image position.
     
    Slide sorter view after inserting images from file
  3. Icon: Class diskSave to your Class disk.  [nz-pictures.ppt]  

TipTry not to enlarge the photos as you are moving them. Photos get fuzzier when enlarged since they are bitmap images.


Insert Image: Clip Art

PowerPoint and other Office programs come with some clip art images. Usually you would want to use either all photos or all clip art to keep the same "look" for your presentation.

  1. Select the last slide.
     
  2. From the menu select  Insert | Picture | Clip art... 
    The Task Pane changes to the Insert Clip Art pane.
     
  3. Pane: Insert Clip Art - globe, planeType globe, plane in the search box.
    If necessary, change the search options to:
    All collections
    All media file types
     
  4. Click the Search button.
    The pane starts showing thumbnails of clip art with the keyword globe and the keyword plane.
     
     
  5. Clip art: Globe with planeSelect in the Clip Art results the image of a globe and a plane at the right.
     
    Icon: TroubleIf you cannot find this particular image, choose a similar image from the results pane.
     
  6. Click the image in the results pane. The clip art image is inserted on the slide.
     
    If AutoLayout is off or you are using Icon: PowerPoint 2003 PowerPoint 2003, your image is centered on the slide but is on top of the text placeholder. That is fine this time.
     
    If AutoLayout is on, in Icon: PowerPoint 2002 PowerPoint 2002 your text placeholder was resized and the image is at the right center of the slide. The next step handles that issue!
     
  7. Smart Tag menu: Undo Automatic LayoutIcon: PowerPoint 2002 If you see a Smart Tag at the bottom right of the image, then AutoLayout was on. Hover over the arrow to open the Smart Tag menu and then click on  Undo Automatic Layout .
     
    This puts the image in the center on top of the text placeholder.


     
  8. Clip art dragged to bottom right corner of slideDrag the image to the bottom right corner of the slide.
     
  9. Center the title and the two text lines on the slide.
     

Flip & Rotate Image

For a bit of practice, you will flip and rotate the new image.

  1. Menu: Draw | Rotate or FlipWhile the image is selected, from the Drawing bar, click on Button: Draw the Draw button.

     
  2. Hover over Rotate or Flip to open the submenu.

     
  3. Clip art flipped horizontallySelect Flip Horizontal. The image changes so that the airplane is pointing the the right.
     

     

  4. Clip art rotatedWhile the image is still selected, move your mouse over the green rotation handle and drag to the left to put the image at an angle.
     
    Notice that the line from the center handle to the rotation handle is slanted, a rough measure of how much you have rotated the image.
     

Recolor Clip Art

You probably noticed that the color of the clip art was not a good match for the colors in the slide. Not to worry! The Picture toolbar includes a helpful Recolor button.

If an image has just a few colors, it is easy to change those colors to match the color palette of your presentation. Images that have a lot of colors or a number of similar shades are hard to recolor.

  1. Dialog: Recolor pictureIf necessary, select the clip art image you just inserted. The Picture toolbar appears. It may be floating or it may be docked among the other toolbars.
     
  2. Click on Button: Recolor the Recolor button on the Picture toolbar. The Recolor Picture dialog appears with the original image showing.
     
    (Choose the correct button! The Recolor Picture button Button: Recolor is not the same as Button: Fill Color the Fill Color button on the Drawing bar.)
     
    The dialog will show a color bar for each color in the picture. You will have to scroll to see all of the colors when there are more than 6 or so.
     
  3. Dialog: Recolor Picture - color paletteClick the arrow at the right of the blue-green bar in the middle. A color palette opens.

    The first row of colors is the colors in the Color Scheme. The next row is the colors you have chosen while working on the presentation.
     
    None of these colors is the green in the image at the left of the slide.
     
  4. Click on the link More Colors... The Colors dialog opens.
     
  5. If necessary, switch to the Standard tab.
     
  6. Dialog: Colors - greenSelect the green that is the first hexagon on the 6th row and click on OK to close the Colors dialog.
     
  7. Click on OK to close the Recolor Picture dialog. Your clip art is now a matching green.
    Clip art recolored
  8. Icon: Class diskSave to your Class disk.  [nz-pictures.ppt]  
     
    Full floppy disk How to handle a full Class disk

Final slide completed

 


Lessons Working with Presentations Previous Page Next Page




Teachers: Request permission to use this site with your class

Copyright 1997-2012 Jan Smith   <jegs1@jegsworks.com>
All Rights Reserved

Icon: DonwloadIcon: CDWant a local copy with no ads? - Download/CD
Want to help?


~~  1 Cor. 10:31 ...whatever you do, do it all for the glory of God.  ~~


Last updated: 30 Apr 2012