Indezine Logo

  This is the print version of this page. All content is copyright Indezine.com 2000-2019.



Gradient Outlines in PowerPoint 2016 for Mac

Apply gradients to outlines in PowerPoint 2016 for Mac.


Author:

Product/Version: PowerPoint 2016 for Mac

OS: Mac OS X






PowerPoint provides plenty of options to format Shape Outlines, and this tutorial explores an attribute that's rarely associated with shape outlines but can provide a surprisingly different look, especially when applied to lines that are thicker in weight.

This attribute, Gradient Outlines is not accessible from the Shape Outline gallery in the Ribbon but directly from the Format Shape Task Pane that we will explore later on this page. Meanwhile, Figure 1 shows you some sample gradient lines. As you can see, these cannot be used everywhere but they still can be added in some scenarios.

Sample gradient lines
Figure 1: Sample gradient lines

Scroll down to the bottom of this page to see a sample presentation containing gradient lines in PowerPoint.

Follow these steps to apply gradients to outlines in PowerPoint 2016 for Mac:

  1. Open your presentation and select the shape that you want to format.
  2. Alternatively, if you want to start from scratch, launch PowerPoint. You will see the Presentation Gallery. Here, select the Blank Presentation option to open a blank presentation with a new slide. You can change the Slide Layout to Blank by selecting the Home tab | Layout | Blank option. Then, insert a shape and select it.
  3. We selected a Rectangle shape, as shown in Figure 2. Selecting the shape brings up the Shape Format tab in the Ribbon, as shown highlighted in red within Figure 2. Activate this Ribbon tab by clicking on it.
  4. Shape Format tab of the Ribbon
    Figure 2: Shape Format tab of the Ribbon
  5. With the Rectangle shape still selected, optionally apply the No Fill option, as you can see in Figure 3. Also, to make the gradient line stand out, change the weight of the line to anything higher than 10 pt. In fact, 20 pt. would be even better. Then right-click (or Ctrl+click) the shape, which opens the context menu shown in Figure 3. Choose the Format Shape option from this resultant menu (refer to Figure 3 again).
  6. Format Shape option
    Figure 3: Format Shape option
  7. This opens the Format Shape Task Pane, as shown in Figure 4. Make sure that the Fill tab is selected (highlighted in red within Figure 4). Then, under Line section (highlighted in blue within Figure 4), select the Gradient line radio button (highlighted in green within Figure 4).
  8. Gradient Line option within Format Shape Task Pane
    Figure 4: Gradient Line option within Format Shape Task Pane
  9. The options related to Gradient line within Format Shape task pane are explained below, as marked in Figure 4 above:
  10. A. Preset gradients

  11. Clicking the downward pointing arrow next to this option brings up several ready to use default gradients (see Figure 5). These can be either applied straightaway, or used as a base to edit and create your own gradients using the other options available in this pane.
  12. Preset gradients
    Figure 5: Preset gradients
  13. Figure 6 shows shapes that have their outlines applied with a preset gradients.
  14. Outlines applied with preset gradients
    Figure 6: Outlines applied with preset gradients
  15. B. Type

  16. There are four gradient types available, these are Linear, Radial, Rectangular, and Path (see Figure 7).
  17. Type drop-down list
    Figure 7: Type drop-down list
  18. Linear gradient types 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 8 shows some samples of the same linear gradient outlines rotated to different angle values.
  19. Shapes with linear gradient outlines rotated to different angle values
    Figure 8: Shapes with linear gradient outlines rotated to different angle values
  20. Radial gradient types 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 9. If your radial gradient has many stops with contrasting colors, the gradient might end up looking like concentric lines rather than smooth gradients—that's exactly what has happened in Figure 9, but use a simpler two color gradient, and you'll see more subtle results.
  21. Shapes with radial gradient outlines centered from different positions
    Figure 9: Shapes with radial gradient outlines centered from different positions
  22. Rectangular gradient types 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 Figures 9 and 10 and you'll understand what we are 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 10.
  23. Shapes with rectangular gradient outlines centered from different positions
    Figure 10: Shapes with rectangular gradient outlines centered from different positions
  24. Path gradient types 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, as shown in Figure 11. 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 11.
  25. Shapes with path gradient outlines
    Figure 11: Shapes with path gradient outlines
  26. C. Direction

  27. With this option, you can set the direction of the applied gradient to any of the available directions (see Figure 12).
  28. Linear gradients provide 8 directions (see Figure 12), radial and rectangular gradients provide 5 directions, and path gradients provide no direction editing options.
  29. Direction options
    Figure 12: Direction options
  30. D. Angle

  31. Sets the angle of the gradient, this option is only available for linear gradients.
  32. E. Gradient Stops

  33. This option provides you with a comprehensive gradient editor, almost as capable as a mini-application within PowerPoint, a separate article is available on Gradient Editing with Stops.
  34. After applying required gradient style to your selected outline shape, you can see the changed shape outline, as shown in Figure 13. Note that the gradient style has been applied to the Rectangle shape outline that was selected earlier (compare with Figure 3, earlier on this page).
  35. Gradient style applied to the Rectangle shape outline
    Figure 13: Gradient style applied to the Rectangle shape outline
  36. Don't forget to save your presentation often.
Tip: If you use a gradient line on a shape that has no fill, you will attain a simple look that will make the actual shape area transparent thus resting the entire focus to the gradient line. To change the fill of a shape to none, look at our No Fill for Shapes in PowerPoint 2016 for Mac tutorial.

Sample Presentation:

Click below to view this presentation on SlideShare

Click below to view this presentation on YouTube

See Also:

Gradient Outlines in PowerPoint 2016 for Windows
Gradient Outlines in PowerPoint 2013 for Windows
Gradient Outlines in PowerPoint 2011 for Mac
Gradient Outlines in PowerPoint 2010 for Windows
Gradient Outlines in PowerPoint 2007 for Windows


Organic Shapes with Brush Edges

You get 8 shape types plus lines as part of this Organic Shapes collection. Each of these 8 shape types have 10 variants. So you end up with 80 hand-drawn shape options! Again each of these 80 shapes have 12 brush stroke styles! Plus you get the lines and arrows in 12 brush stroke styles too. Combine all variations to end up with more than 3000 possibilities.

Buy and Download for $99+ (83 MB)


Microsoft and the Office logo are trademarks or registered trademarks of Microsoft Corporation in the United States and/or other countries.

Home | PowerPoint | Photoshop | PowerPoint Templates | PowerPoint Tutorials | Blog | Notes | Ezine | Advertise | Feedback | Site Map | About Us | Contact Us

Link to Us | Privacy | Testimonials

PowerPoint Backgrounds | Christian PowerPoint Backgrounds | Business PowerPoint Presentation Templates

Plagiarism will be detected by Copyscape

©2000-2019, Geetesh Bajaj. All rights reserved.

since November 02, 2000