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 / Design principles / Getting a shiny Web 2.0 look in PowerPoint-Part I: Reflections

Getting a shiny Web 2.0 look in PowerPoint-Part I: Reflections

April 21, 2011 by Ellen Finkelstein 5 Comments

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

Maybe Web 2.0 is already an old look, but you still see a lot of it. Of course, Web 2.0 really refers to how a website functions–especially interactivity and sharing.

But, along with Web 2.0 has come a type of design and one of its main hallmarks is a clean, shiny look. Why shiny? I have no idea, but you see a lot of reflections and highlights. For example, look at the Download button on one of my sites, TellnShow.com, and you’ll see a reflection. (This is my “Campaign Against Death by PowerPoint” site.) The reflection indicates a shiny surface, of course.

Other aspects of Web 2.0 design that you see are subtle gradients, rounded corners, and soft shadows. In fact, if you look again at TellnShow.com, you’ll see that the images have soft shadows.

Add reflections

Reflections are easy in PowerPoint 2007 and 2010. Just select an object and click the Format tab. Click Shape Effects> Reflection and choose one of the options. I have a tip, “Create text reflections,” that you might also find helpful.

Here’s an example of a slide using reflections. In addition, I used the 3D Rotation feature to angle the left and right rectangles.

Here are the steps to create this effect:

  1. Go to Home tab> Drawing group and choose the Rounded Rectangle. Place it on the left side of the slide.
  2. Press Ctrl + D to duplicate the rectangle and drag it to the right of the first one. Press Ctrl + D again to get a third. Move them until you get the placement that you want.
  3. Double-click the first rectangle to display the Format tab. In the Shape Styles group, choose Shape Fill> Picture. In the dialog box that opens, double-click the picture that you want.
  4. Select the first rectangle again. On the Drawing Tools Format tab, choose Shape Effects> Reflections and choose one of the options. I chose Full Reflection, Touching. Do the same for the other rectangles. (Tip: Just select a rectangle and press F4 to repeat the formatting.)
  5. To add the 3D angle, select the first (left) rectangle. On the Drawing Tools Format tab, choose Shape Effects> 3D Rotation and choose an option. For the left rectangle, I chose Perspective Heroic Extreme Right (strange name!)  in the Perspective section. Try out a few of the options to see which one you like.
  6. Repeat with the right rectangle. I chose Perspective Heroic Extreme Left.

If you want, add a gradient background. My tip, “Create multi-color gradients in PowerPoint,” explains how to create gradients. I used black and two shades of gray.

Reflections in 2003 are a bit harder, but I’ll give you the steps for images that aren’t angled in 3D. This technique requires a solid background. Basically, you create an upside-down duplicate and cover that with a shape that gradates from 0 to 50% transparency. These steps will create one image reflection.

  1. From the Drawing toolbar, choose AutoShapes> Rounded Rectangle.
  2. Double-click the image, click the Fill Color drop-down arrow and choose Fill Effects.
  3. On the Picture tab, click Select Picture, navigate to the picture and double-click it. Click OK.
  4. In the Line Color drop-down list, choose No Line if you don’t want a border. Click OK.
  5. Select the AutoShape with the picture fill and press Ctrl+D to duplicate it.
  6. Move the duplicate so that it exactly covers the original and choose Draw (from the Drawing toolbar)> Rotate or Flip> Flip Vertical.
  7. Move the upside-down duplicate so that it is under the original.
  8. Draw another rounded rectangle exactly covering the reflection.
  9. Double-click the new rectangle and choose Fill Effects from the Fill Color drop-down list.
  10. On the Gradient tab, choose Two Colors.
  11. Set both colors to the color of the background.
  12. With the Shading Style set to the default Horizontal, in the Transparency section, set From to 50% and To to 0%. Click OK.
  13. As you did before, set the line to No Line and click OK.

Here’s an example.

Create a reflection in PowerPoint 2003

Add highlights

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

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

Related posts:

  1. Create text reflections
  2. Create soft shadows
  3. Duplicate animation
  4. Layer two fill effects

Filed Under: Design principles, Shapes & text boxes Tagged With: reflection, shapes, shiny

5
Leave a Reply

avatar
This comment form is under antispam protection
5 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
3 Comment authors
Ellen FinkelsteinRonBentShiny PowerPoint Presentation Tips « Presenter NewsGetting a shiny Web 2.0 look in PowerPoint-Part II: Highlights « PowerPoint Tips Blog 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 II: Highlights « PowerPoint Tips Blog

[…] a shiny Web 2.0 look in PowerPoint-Part II: Highlights ShareIn Part I, I explained some of the elements of Web 2.0 design and showed you how to create reflections. In […]

Vote Up0Vote Down 
11 years ago
trackback
Shiny PowerPoint Presentation Tips « Presenter News

[…] May 23, 2011 by presenternews Leave a Comment Using PowerPoint presentations has become very useful in the last decade and will continue to be in the coming years. If you’re looking for tips on how to make your PowerPoint presentation look shiny and awesome, head to Ellen Finkelstein’s blog post: Getting a shiny Web 2.0 look in PowerPoint-Part I: Reflections […]

Vote Up0Vote Down 
11 years ago
Bent
Guest
Bent

Hi there
Thank you very much for sharing your knowledge on how to make nice and beautiful power point slides. I can really use this information in my own workday.
Thank you once again 🙂

Vote Up0Vote Down 
11 years ago
Ron
Guest
Ron

Hi,
I am looking for a tool (kind of like a protractor for drawing angles) for PowerPoint that I can’t find anywhere: I draw a straight line but then want to rotate one end of the line by a very specific number of degrees (say, starting with a vertical line and then rotate it 23 degrees). Any way to do this in PPT?

Vote Up0Vote Down 
10 years ago
Ellen Finkelstein
Guest
Ellen Finkelstein

Ron, Just seeing this 1-1/2 years later! You can rotate any shape (around its middle) from the Format tab, Arrange group, Rotate drop-down. Choose More Rotation Options to open a dialog box or taskpane (depending on your version of PowerPoint). Use the Rotation text box to specify the rotation. Because PowerPoint rotates around the middle of the shape, if you want to keep one end of the line unchanged, you’ll have to move the line back to where it was.

Vote Up0Vote Down 
8 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

  • How do you format your slide titles?
  • 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

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