making icons and buttons in powerpoint

14
This document and the information contained herein is confidential and proprietary to Allegient LLC and shall not be duplicated, used or disclosed in whole or in part for any purpose other than to evaluate the proposal. If a contract is awarded to Allegient as a result of or in connection with the submission of this proposal, all information not marked as confidential and proprietary of Allegient may be duplicated, used, or disclosed to the extent provided by the agreement governing such services. All trademarks and/or service marks contained within this document are the property of their respective owners. Allegient does not in any way warrant the use of their products and/or services offerings. USING NOTHING BUT POWERPOINT MAKING ICONS AND BUTTONS Jennifer Martinez Allegient (Indianapolis, IN) [email protected] Twitter: IndySPJen Linkedin: http://www.Linkedin.com/in/jenniferjmartinez SlideShare: http://www.slideshare.net/jenmartinez

Upload: jennifer-martinez

Post on 05-Dec-2014

1.926 views

Category:

Technology


0 download

DESCRIPTION

Little known features in PowerPoint to manipulate and create simple graphic elements for webpages (e.g. SharePoint home pages). Make buttons on your pages instead of filling the page with content. Many people turn to a Photoshop like product when they have what they may need in an Office program. These slides show some basic techniques in PowerPoint to make icons. Download for some steps in the speaker notes area

TRANSCRIPT

Page 1: Making icons and buttons in POWERPOINT

This document and the information contained herein is confidential and proprietary to Allegient LLC and shall not be duplicated, used or disclosed in whole or in part for any purpose other than to evaluate the proposal. If a contract is awarded to Allegient as a result of or in connection with the submission of this proposal, all information not marked as confidential and proprietary of Allegient may be duplicated, used, or disclosed to the extent provided by the agreement governing such services. All trademarks and/or service marks contained within this document are the property of their respective owners. Allegient does not in any way warrant the use of their products and/or services offerings.

USING NOTHING BUT POWERPOINT

MAKING ICONS AND BUTTONS

Jennifer MartinezAllegient (Indianapolis, IN)

[email protected]: IndySPJen

Linkedin: http://www.Linkedin.com/in/jenniferjmartinezSlideShare: http://www.slideshare.net/jenmartinez

Page 2: Making icons and buttons in POWERPOINT

Favorites Recently Modified

Events

Links

Tasks

Making Buttons in

PowerPoint

Page 3: Making icons and buttons in POWERPOINT

Understanding the different

graphics

• Can be edited o WMF

• Can be recolored and cropped o JPG

o PNG (often reflective or use gradients)

1. Illustrations

* Look for WMF files

* PNG are illustrations, but

act like JPG when trying to

edit

2. Photographs are any JPG file

* can only be recolored in

PPT

* need photo editor to edit

Page 4: Making icons and buttons in POWERPOINT

2011 Allegient. All rights reserved. 4

Selecting a Graphic

Mouse over the image and

view the file type in the

bottom right

WMF is the best chance for

editing

Page 5: Making icons and buttons in POWERPOINT

2011 Allegient. All rights reserved. 5

Think Creatively

1. Look for elements you

can remove or combine.

* Items should be ON

TOP

* Be wary of colors or

lines that go throughout

the whole picture

• Delete extra content

• Recolor the phone

• Make the pen wood grain

• A+ becomes KIMS

KIMS

Page 6: Making icons and buttons in POWERPOINT

2011 Allegient. All rights reserved. 6

Choose wisely

• Too many color transitions

• Black runs between objects

1. Avoid complex graphics

2. Avoid too many layers

3. You may get lucky

Page 7: Making icons and buttons in POWERPOINT

2011 Allegient. All rights reserved. 7

Editing a file

• If Edit Picture isn’t avail – it can’t be edited. (see manipulating pictures)

• Ungroup the first time will convert to a drawing object

1. Edit Picture

2. Group, Ungroup,

Regroup

3. Arrange Layers

4. Resize (aprox 1”)

Page 8: Making icons and buttons in POWERPOINT

2011 Allegient. All rights reserved. 8

Save as Picture

• Select all pieces first

• Paste as Pictureto resize all pieces together

1. Right click > Save as

Picture

2. Copy > Paste as Image

These actions are not available

in WORD

Page 9: Making icons and buttons in POWERPOINT

2011 Allegient. All rights reserved. 9

Manipulating Pictures

• Picture tab on the Ribbon

1. Color

2. Artistic Effects

3. Remove Background

Page 10: Making icons and buttons in POWERPOINT

2011 Allegient. All rights reserved. 10

Remove Background

Page 11: Making icons and buttons in POWERPOINT

2011 Allegient. All rights reserved. 11

Consistency1. Know your size

1. Button on a website aprox .95”

2. Pick a color palette

3. Recolor

1

+ +

=

Page 12: Making icons and buttons in POWERPOINT

2011 Allegient. All rights reserved. 12

White Boxes1. Use to produce evenly

sized graphics when

other items have a

colored square behind

them.

2. Use to hide areas of a

graphic that you can’t

remove or crop

2011 Allegient. All rights reserved.

The white box has a dotted line border added for illustration, but would be removed for presentation. It hides the unnecessary upper right corner to focus attention on the left graphic.

1

WAS

IS

The white box is the same size as the blue in order to produce consistent size buttons. The gray is for the benefit of editing within the presentation and would not be saved with the final image.

Page 13: Making icons and buttons in POWERPOINT

WORKING SAMPLES

Page 14: Making icons and buttons in POWERPOINT

1

Deliverables