Keynote - Filling Objects with Colors or Images

background image

Filling Objects with Colors or Images

You can fill shapes, tables, table cells, chart elements, or slide backgrounds with a solid
color, color gradients (colors that shade into each other), or an image.

Filling an Object with a Solid Color

Use the Graphic inspector to fill an object with a solid color.

To change an object’s fill color:

1

Select the object.

2

Click Inspector in the toolbar, and then click the Graphic inspector button.

3

Choose Color Fill from the Fill pop-up menu.

4

Click the color well below the Fill pop-up menu to open the Colors window, and then

select a color in the Colors window.
To learn more about using the Colors window, see “The Colors Window” on page 25.

Filling an Object with Blended Colors (Gradients)

To create color gradients in an object fill, use the options the Graphic inspector. The
basic Gradient Fill options provide the easiest way to blend two colors in a straight
line. The Advanced Gradient Fill options allow you to blend multiple colors in your
gradient and to create a circular (radial) gradient.

To open the Graphic inspector:
Click Inspector in the toolbar, and then click the Graphic inspector button.

m

100

Chapter 5

Working with Images, Shapes, and Other Objects

background image

Chapter 5

Working with Images, Shapes, and Other Objects

101

To fill an object with a linear, two-color gradient:

1

In the Graphic inspector, choose Gradient Fill from the Fill pop-up menu.

Click the double-headed
arrow to invert the gradient.

Flip the gradient orientation or
set its direction by using the
arrow buttons or the Angle
wheel, or by typing a value.

Click each color well

to select colors.

2

Click each color well and choose the colors you want to blend together in the Colors

window.

3

To set a direction for the gradient, use the Angle wheel or field.

4

To flip it horizontally or vertically, click the Angle arrow buttons.

5

To invert the gradient, click the double-headed arrow next to the color wells.

To fill an object with a multi-color gradient:

1

In the Graphic inspector, choose Advanced Gradient Fill from the Fill pop-up menu.

2

To add another color to the gradient, hold the pointer at the point just below the

gradient strip in the inspector where you want the new color to begin. When a plus
sign (+) appears, click to add a new color control. Add a new color control for each
color you want to appear in your gradient.

3

To change a color in the gradient, click a color control (just below the gradient strip),

and then select a color from the Colors window. Do this for each of the colors you
want to appear in your gradient.

4

If you want to remove a color control, drag it downward and away from the inspector.

It vanishes.
You can’t have fewer than two color controls below the gradient strip.

5

To change how sharply or subtly the colors blend along the gradient, drag the blend

point controls (on top of the gradient strip in the inspector).

6

To change the direction of a linear gradient, use the Angle wheel or field.

7

To invert the gradient, click the double-headed arrow next to the color wells.

To create a radial gradient:

1

Set up the colors of your gradient, as described in the directions for creating a

multicolor gradient, above.

background image

2

Click the radial gradient button at the bottom of the Inspector window.

3

Adjust the look of a radial gradient by doing any of the following:

To recenter the gradient in the object, drag the small, blue, circular blend point

Â

control (in the center of the gradient within your object), to where you want the
center to be.

To change how sharply or subtly the colors blend along the gradient, drag the

Â

circular blend point control, outside of your object, closer or farther from the
gradient’s center.
Experiment with the circular blend point controls attached to your object and the
blend point controls above the gradient strip in the Graphic inspector, dragging
them until you create the look you want.

4

To invert the gradient, click the double-headed arrow next to the color wells.

Filling an Object with an Image

You can fill a shape, text box, table, table cell, chart background, or chart series with an
image.

To fill an object with an image:

1

Select the object you want to fill with an image.

2

If the Graphic inspector isn’t open, click Inspector in the toolbar and click the Graphic

inspector button.

3

In the Graphic inspector, choose Image Fill or Tinted Image Fill, and then choose

an image.
You can also drag an image file from the Finder or Media Browser to the image well in
the Graphic inspector. You can also drag an image to a table cell or chart series.

Use the pop-up menu to
set the size of the image
within the object.

To change the image,
drag an image to the
image well.

4

Choose an image scale from the pop-up menu.

102

Chapter 5

Working with Images, Shapes, and Other Objects

background image

Chapter 5

Working with Images, Shapes, and Other Objects

103

Scale To Fit: Resizes the image to fit the object’s dimensions as well as possible. If the
object’s shape is different from the original image’s, parts of the image may not appear;
blank space may also appear around the image.
Scale To Fill: Makes the image appear larger or smaller, sizing it to leave minimum
space around the image, even if the object and image have different shapes.
Stretch: Sizes the image to fit the object’s dimensions but distorts it if the object has a
shape different from that of the original image.
Original Size: Places the image inside the object without altering its original
dimensions. If the image is larger than the object, you see only a part of the image in
the object. If the image is smaller than the object, there is blank space around it.
Tile: Repeats the image inside the object, if the image is smaller than the object. If the
image is larger than the object, you see only part of the image inside the object.

Scale to Fit

Stretch

Original Size

Tile (large image)

Scale to Fill

Tile (small image)

Tile (large image)

5

If you chose Tinted Image Fill, click the color well (to the right of the Choose button)

to choose a tint color. Drag the Opacity slider in the Colors window to make the tint
darker or lighter. (If you drag the Opacity slider in the Graphic inspector, it changes the
opacity of both the tint and the image.)

Click to select a tint color
for the image.