PowerPoint Tips Blog

Helping you with presenting, PowerPoint, and speaking

  • Home
  • Blog
  • Tips
  • E-Store
  • Training
  • About
  • Affiliates
  • Advertise
  • Contact
You are here: Home / Design / Getting a shiny Web 2.0 look in PowerPoint-Part II: Highlights

Getting a shiny Web 2.0 look in PowerPoint-Part II: Highlights

April 28, 2011 by Ellen Finkelstein 3 Comments

READ LATER - DOWNLOAD THIS POST AS PDF >> CLICK HERE <<

In Part I, I explained some of the elements of Web 2.0 design and showed you how to create reflections. In this part, I’ll show you how to create highlights.

A highlight is a reflection of light on a shiny surface. Here’s the slide that contains the highlights.

PowerPoint Tip: Web 2.0 design Creating a highlight

But you probably can’t see the highlights very clearly, so I’ll show you one of the shapes up close and then explain how to create that shape. I really like this look.

PowerPoint Tips: Create a shiny highlight on a shape

Now do you see the highlight at the upper-left? The highlight, gradient fill in the oval, and the reflection make the oval seem 3D and shiny. Here are the steps to create this shape:

  1. Insert an oval (you can use a circle, if you want).
  2. Right-click and choose Format Shape. Remove the outline by setting the line to No Line.
  3. Format the fill with a radial gradient. (I have general gradient instructions in my “Create multi-color gradients in PowerPoint” post.) The specific settings I used for PowerPoint 2007 & 2010 are: 2 stops; 1st stop, at 39%, is a light blue (225,232,245), 2nd stop, at 69%, is a medium blue (154,181,228); the direction is From Top-Left Corner. Here’s what the dialog box looks like with these settings:

Create highlights in PowerPointFor information on radial gradients, see “Create a radial gradient with a highlight effect.” PowerPoint 2003 doesn’t have radial gradients, but you can get a similar look with the Diagonal Up shading style and the lighter color at the upper-left corner.

  1. From the list of shapes, choose Freeform. Click from point to point to create a polygon at the upper-left section of the oval,  in the shape of the highlight, something like the one you see here. I usually zoom in to 200% to 400% to do this. Format the line to No Line. As you can see, it doesn’t look very good yet!

Create a highlight in PowerPoint

  1. Right-click the freeform and choose Edit Points. (If you’ve never done this before, you might want to look at my tip, “Create Bézier Curves.” Your highlight will look like this:

Create a highlight in PowerPoint

  1. Right-click each point in turn and choose Smooth Point. If a point sticks out drag it into line with the curve. If you have a point that you don’t need, right-click it and choose Delete Point. Deselect the freeform to see the result and continue to work until you get a smooth highlight. When you click a pint, you often see “handles” on either side of the point, as shown here by the arrow. You can drag these to alter the direction of the curve and make it smoother.

Editing points of a freeform in PowerPointWhen you’re done, you should have a smooth highlight, as you see here.
Creating a smooth freeform by editing points

  1. Now, format the fill of the freeform as a gradient. You use a linear gradient and the secret is levels of transparency and subtle color differences. Here are my settings for PowerPoint 2007 & 2010: Angle: 45°; 3 gradient stops; 1st stop at 40%, white, 23% transparent; 2nd stop at 64%, light blue (225,232,245), 41% transparent; 3rd stop at 82%, the same light blue, 80% transparent. Feel free to adjust the settings until you get the look you want.
  2. Finally, add a reflection to the original oval. I explained reflections in Part I of this series. I used the “Tight, Touching” setting.
  3. Add text if you want to.

Here you see the stages I went through to create this highlight.

Create a highlight effect in PowerPoint

 

Share
Tweet
Share2
+12
Shares 4
READ LATER - DOWNLOAD THIS POST AS PDF >> CLICK HERE <<

Related posts:

  1. Getting a shiny Web 2.0 look in PowerPoint-Part I: Reflections
  2. Use transparency gradients
  3. Create a radial gradient background with a highlight effect
  4. 3D Effects with Radial Gradients

Filed Under: Design, Shapes & text boxes Tagged With: highlights, web 2.0

3
Leave a Reply

avatar
This comment form is under antispam protection
3 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
1 Comment authors
Sally Recent comment authors
avatar
This comment form is under antispam protection
  Subscribe  
newest oldest most voted
Notify of
trackback
Getting a shiny Web 2.0 look in PowerPoint-Part I: Reflections « PowerPoint Tips Blog

[…] See Part 2 of this tip for instructions on creating highlights on a shape. […]

Vote Up0Vote Down 
11 years ago
trackback
Free Buy Now and other sales buttons plus how to use a sales button »

[…] I create my buttons in PowerPoint. Creating a flat button is easy. Adding a 3D look is just a matter of using the bevel feature and a semi-transparent white shape for a highlight. Here’s a tip on using bevels. Here’s another tip on creating highlights. […]

Vote Up0Vote Down 
10 years ago
Sally
Guest
Sally

Excellent explanation, thank you!!

Vote Up0Vote Down 
2 years ago
wpdiscuz   wpDiscuz

Free Video Training!

13 Techniques that Will Make Designing Your Slides EASY!

And get the PowerPoint Tips Newsletter with tips and resources for presenters. Plus 5 bonus tips!

BirdSend Email Marketing Tool
4-up-ads PresenterMedia PoweredTemplate High-Persuasion Secrets Power Pointers Quarter Hour


Recent Posts

Recent Posts

  • Using PowerPoint’s cartoon people
  • Which version of PowerPoint should you buy?
  • Add a customizable, live web feed with Cameo
  • Get a designer look with abstract images to create backgrounds for slides and shapes
  • Creating and using a strong call-to-action slide

Connect with me!

Connect with me! Twitter LinkedIn Facebook

Ellen Finkelstein, Inc. · Fairfield, IA · Tel: 515-989-1832

Privacy, Refund, and Other Legal Stuff

wpDiscuz