jmartinez@allegient.com                                                                                               Twit...
Favorites   Recently   Events            Modified                       Tasks                       Links
• Can be edited  o WMF• Can be recolored and  cropped                          1. Illustrations                           ...
Mouse over the image and                                       view the file type in the bottom                           ...
• Delete extra content                                        • Recolor the phone                                         ...
• Too many color     transitions                                       1. Avoid complex graphics                          ...
• If Edit Picture isn’t avail     – it can’t be edited.         (see manipulating pictures)                               ...
• Select all pieces first                                       1. Right click > Save as                                  ...
• Picture tab on the     Ribbon                                             1. Color                                      ...
2011 Allegient. All rights reserved.   10
+                    +                                       1. Know your size                                            ...
WAS                                                                              1. Use to produce evenly IS              ...
WORKING SAMPLES
Deliverables               1
Upcoming SlideShare
Loading in …5
×

Making icons and buttons in POWERPOINT

2,366 views

Published on

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

Published in: Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,366
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
16
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Start with a clipart that has SOME potential.Choose a consistent background color(s) to keep visual consistency between sites. (pick your color palette)Decide on the ‘look’. Modern is squared edges. Clean. Simple. Consistent. Look at Windows 8 tiles to get inspiration. Mix light text and simple icons. Multicolored tiles with white or grayed images.Use the editing tools after this slide to modify a ‘crazy’ 1990’s image into a subtle, modern look. (I am NOT a graphic artist or a creative person. I still turn to my creative friends for their design aesthetic and taste levels!)The NEW button is not an editable image so it can only be recolored.Position the images over the edge of the buttons.Copy and Paste as Picture to allow for cropping and additional editsThe small image shows the image cropped and sized correctly for the web page.Final steps – save the small image into Site Assets and add to the home page (Insert > Image) then apply a Link over the top of the Image. Look up information on editing SharePoint wiki pages (2010) or add to a CEWP (2007). This same look can be taken care of by Promoted Links in 2013.
  • This does not represent GOOD ARTISTIC TASTE, but a concept to run with. I still turn to colleagues who are graphic artists by nature, if not by trade, for guidance and good taste  I also borrow ideas from good looking websites. Look through Windows 8 tiles for inspiration.
  • Making icons and buttons in POWERPOINT

    1. 1. jmartinez@allegient.com Twitter: IndySPJen Linkedin: http://www.Linkedin.com/in/jenniferjmartinez SlideShare: http://www.slideshare.net/jenmartinez USING NOTHING BUT POWERPOINT Jennifer Martinez Allegient (Indianapolis, IN)This document and the information contained herein is confidential and proprietary to Allegient LLC and shall not beduplicated, used or disclosed in whole or in part for any purpose other than to evaluate the proposal. If a contract is awarded to Allegient asa result of or in connection with the submission of this proposal, all information not marked as confidential and proprietary of Allegient maybe duplicated, used, or disclosed to the extent provided by the agreement governing such services. All trademarks and/or service markscontained within this document are the property of their respective owners. Allegient does not in any way warrant the use of their productsand/or services offerings.
    2. 2. Favorites Recently Events Modified Tasks Links
    3. 3. • Can be edited o WMF• Can be recolored and cropped 1. Illustrations * Look for WMF files o JPG * PNG are illustrations, but act like JPG when trying to edit 2. Photographs are any JPG o PNG (often reflective or use file * can only be recolored in gradients) PPT * need photo editor to edit
    4. 4. Mouse over the image and view the file type in the bottom right WMF is the best chance for editing2011 Allegient. All rights reserved. 4
    5. 5. • Delete extra content • Recolor the phone 1. Look for elements you can remove or combine. * Items should be ON TOP • Make the pen wood grain * Be wary of colors or lines that go throughout the whole picture • A+ becomes KIMS2011 Allegient. All rights reserved. 5
    6. 6. • Too many color transitions 1. Avoid complex graphics 2. Avoid too many layers 3. You may get lucky • Black runs between objects2011 Allegient. All rights reserved. 6
    7. 7. • If Edit Picture isn’t avail – it can’t be edited. (see manipulating pictures) 1. Edit Picture 2. Group, Ungroup, Regroup 3. Arrange Layers • Ungroup the first time 4. Resize (aprox 1”) will convert to a drawing object2011 Allegient. All rights reserved. 7
    8. 8. • Select all pieces first 1. Right click > Save as Picture • Paste as Picture 2. Copy > Paste as Image to resize all pieces together These actions are not available in2011 Allegient. All rights reserved. WORD 8
    9. 9. • Picture tab on the Ribbon 1. Color 2. Artistic Effects 3. Remove Background2011 Allegient. All rights reserved. 9
    10. 10. 2011 Allegient. All rights reserved. 10
    11. 11. + + 1. Know your size 1. Button on a website aprox .95” 2. Pick a color palette 3. Recolor= 12011 Allegient. All rights reserved. 11
    12. 12. WAS 1. Use to produce evenly IS sized graphics when other The white box has a dotted items have a colored line border added for illustration, but would be square behind them. removed for presentation. It 2. Use to hide areas of a 2011 Allegient. All rights reserved. hides the unnecessary upper right corner to focus graphic that you can’t attention on the left graphic. remove or crop The white box is the same size as the blue in order to produce consistent size buttons. The 1 gray is for the benefit of editing within the presentation and would not be saved with the final image. 2011 Allegient. All rights reserved. 12
    13. 13. WORKING SAMPLES
    14. 14. Deliverables 1

    ×