Home | Products | PowerPoint | Learn PowerPoint | Fills, Lines, and Effects

Gradient Lines in PowerPoint 2011 for Mac

Author: Geetesh Bajaj

Product/Version: Microsoft PowerPoint 2011
OS: Mac OS X

Date Created: August 9th 2011
Last Updated: August 9th 2011

---

Excerpt/Capsule: Learn how to apply gradient style to lines (shape outlines) in PowerPoint 2011 for Mac.

---

Working with the different line types in PowerPoint 2011 is such a learning experience -- if you have explored this entire series with us, you know that you can change the weight, dash styles, and arrowheads for lines. But there's more -- in this tutorial, you will learn about Gradient lines. Now, Gradient is an attribute that's rarely associated with lines but once you start playing with Gradient lines, you will find that the results can provide a surprisingly different look, especially when applied to lines that are thicker in weight. This Gradient attribute is not accessible from the Line gallery on the Ribbon, but has been included in the Line panel of the Format Shape dialog box. But first of all, let us see some examples of Gradient lines (see Figure 1).


Figure 1: Sample gradient lines

To see a sample presentation containing Gradient lines in PowerPoint, scroll down to the bottom of this page.

Follow these steps to apply gradients to selected lines (or shape outlines):

Office 2011 for Mac All-in-One For Dummies


If you liked this tutorial, do look at this book, authored by Geetesh Bajaj and James Gordon . This book is the single most comprehensive content for Microsoft's latest Office suite offering for Mac users. Check the book on Amazon.com...


1. Select the shape that you want to change the fill for. Alternatively, if you just want to follow this tutorial step-by-step, launch PowerPoint. You will see the Presentation Gallery which allows you to set all attributes of your new presentation, such as a preset Theme or template. Make selections or just click Cancel in this gallery to open a blank presentation with a new slide -- PowerPoint 2011 users can change the slide layout of this slide to Blank by selecting Layout | Blank within the Home tab of the Ribbon.
   
   
2. Within the Home tab of the Ribbon, locate the Insert group and click the Shape button to access the Shape gallery with different types of shape options. Select the Line shape or any closed shape if you are applying gradient to the outline of the closed shape, and then click and drag on the slide to insert the shape, or click once on the blank slide to place an instance of the shape.
   
   
3. Select the shape so that the Ribbon area now shows the Format tab, as shown in Figure 2 (highlighted in red). Activate this tab by clicking on it.
   
   
   Figure 2: Format tab of the Ribbon
   
   Note: Format tab is a contextual tab. These tabs are special tabs in the Ribbon that are not visible all the time -- they only make an appearance when you are working with a particular slide object which can be edited using special options.
   
   
4. To make the gradient line stand out, change the weight of the line to anything higher than 10 pt. Choosing 20 pt. is even better!
   
   
5. Right click the shape, which opens the context menu shown in Figure 3. Choose the Format Shape option (refer to Figure 3 again).
   
   
   Figure 3: Format Shape option
   
   
6. Alternatively, you can also select the Line Effects option in the Line drop-down gallery (which has been highlighted in red in Figure 4) to access the Format Shape dialog box.
   
   
   Figure 4: Format Shape dialog box can be accessed through the Line Effects option
   
   
7. Either way, you will face the Format Shape dialog box, as shown in Figure 5. Make sure that the Line panel is active, and select the Gradient tab (highlighted in red in Figure 5). Here you will find all options to apply gradients to lines, as shown in Figure 5.
   
   
   Figure 5: Gradient options for Line within the Format Shape dialog box
   
   The Gradient options within this dialog box are explained below:
   
   1. Style: There are five gradient styles available (see Figure 6) -- these are None (which can be helpful if you want to remove pre-applied gradients and change them to solid color lines), Linear, Radial, Rectangular, and Path (see Figure 6). When no gradient line has been added to the shape, the default style will be None (as you can see in Figure 6). All other gradient styles have been explained below:
      
      
      Figure 6: Gradient Style drop-down list
      
      1. Linear gradient styles are either horizontal or vertical gradients although they can be diagonal to any degree -- use the Angle option explained later on this page to change the degree. Figure 7 shows some samples of the same linear gradient outlines rotated to different angle values. I normally don't use gradients that are so gaudy -- but since our previews are so small, I thought this sort of gradient will bring out the differences in gradient types well!
         
         
         Figure 7: Shapes with linear gradient outlines rotated to different angle values
         
         
      2. Radial gradient styles start with one color from a center position, and then merge into other colors towards the edge of the shape they fill. You can change the position of the center from which the gradient radiates to either the center, or any of the four corners as you can see in Figure 8. If your radial gradient has many color handles with contrasting colors, the gradient might end up looking like concentric lines rather than smooth gradients -- that's exactly what has happened in Figure 8 -- but use a simpler two color gradient, and you'll see more subtle results.
         
         
         Figure 8: Shapes with radial gradient outlines centered from different positions
         
         
      3. Rectangular gradient styles are the same as radial gradients in all ways, but they spread out from a center position in a rectangular (or square) form rather than a circular form. Compare Figure 8 above with Figure 9 below and you'll understand what I am explaining! Again, you can change the position of the center from which the gradient merges to either the center, or any of the four corners as you can see in Figure 9.
         
         
         Figure 9: Shapes with rectangular gradient outlines centered from different positions
         
         
      4. Path gradient styles again are similar to radial or rectangular gradient types -- but they follow a path -- so a circular shape shows a circular gradient, a curved arrow shows a curved gradient, and so forth -- see Figure 10. Not surprisingly, a path gradient or a radial gradient within a circle may look the same, as you can see in the bottom-left shape in Figure 10 below.
         
         
         Figure 11: Shapes with path gradient outlines
         
   2. Angle: Sets the angle of the gradient (see Figure 12). Angle direction applies to Linear style only.
      
      
      Figure 12: Angle
      
      There are 3 ways to set the angle direction of a gradient outline:
      
      1. Click the dot on the round control and drag around the circle.
         
         
      2. Type a specific value into the spinner control.
         
         
      3. Click the spinner control's up and down arrow buttons.
   3. Direction: Click this pop-up to choose a gradient direction from several different positions for the shape’s outline as shown in Figure 13. This option is not available for the Linear and Path style gradients. This control can be used instead of Angle direction when working with Radial or Rectangular styles.
      
      
      Figure 13: Direction
      
      
   4. Gradient: This is the first option within the Color and Transparency section. Each color handle underneath the live preview rectangle represents a color in your gradient (see Figure 14). To control the gradient handle’s blending percentage within the gradient, you can either drag the color handles left and right or enter the percentage value in the gradient handle’s spinner control or use the gradient handle’s spinner control buttons (up and down arrow buttons).
      
      
      Figure 14: Gradient live preview rectangle
      
      
   5. Add Color and Delete Color: Each time you click the Add Color button, a new color handle is added next the the active handle beneath the Live Preview rectangle and become the selected handle. Clicking Delete Color button deletes the currently selected color handle and it's associated gradient color. In Figure 15 you can see both of them.
      
      
      Figure 15: Add Color and Delete Color buttons
      
      
   6. Color: Displays the color palette (see Figure 16) so that you can choose a color to apply to the currently selected color handle. If you want any other color you can also summon Mac OS X Color picker by selecting More Colors option. Mac OS X Color picker allows you to select any color of your choice and also to change the luminosity of the selected color.
      
      
      Figure 16: Color palette
      
      
   7. Transparency: Drag the slider (see Figure 17) or use the spinner control to adjust transparency of the selected color handle.
      
      
      Figure 17: Transparency slider
      
      Note: When you are making changes to the shape attributes within Format Shape dialog box, you can see the live preview of the changes in the selected shape. So, always place the Format Shape dialog box on the slide such that it won't hide the selected shape.
8. Once you have selected the gradient style and made changes, click the OK button to apply it to the selected shapes outline. In Figure 18 you can see the gradient style applied to the Rectangle shape outline that was selected earlier (refer to Figure 3 above).
   
   
   Figure 18: Gradient style applied to the Rectangle shape outline
   
   
9. Don't forget to save your presentation often.

Sample presentation for Gradient Lines in PowerPoint