Tutorial

Animation Sample – Move and Grow

This is a quick animation sample that I created based on yesterday’s posted tutorial. Here I start with a small image and combine a MOTION PATH with a GROW EMPHASIS and finally a fully size image FADE IN. The result is some visually dynamic onscreen action, that overcomes one of PowerPoint’s raster graphic limitations.

Click here to download the PowerPoint file (500k).

-Troy @ TLC

By |2016-11-17T13:50:27-08:00June 5th, 2006|Portfolio, Tutorial|

Grow-Shrink Animation – Part II

This is a continuation of the Part I post on May 22. In this tutorial PowerPoint presentation I make a photo shrink and then grow back to its 100%, without any resolution loss. Okay, so it is a tutorial on how to use animation to fake it, but the results are great and it is a technique I use on many projects.

Click here to download the PowerPoint file (900k). The entire animation sequence is broken down into individual steps over 10 slides.

And there is a forthcoming part three, which is another technique for making an image grow, without resolution loss.

– Troy @ TLC

By |2016-11-17T13:51:10-08:00June 3rd, 2006|Tutorial|

Enlarge an Image (Part 1)

There are some great animation effects that can be achieved using the “Emphasis” animations. One of the more frustrating is the Grow/Shrink emphasis. I have a developed a two part tutorial to go into details on how best to use this animation effect. Download Part I here (1 MB PPT file).

Troy @ TLC

By |2016-11-17T13:53:41-08:00May 22nd, 2006|Tutorial|

PhotoShop’s Trim Feature

When creating presentations I spend a lot of time in PhotoShop. And a lot of that time is spent creating images with no background around the object so it can float anywhere on the PowerPoint slide. The TRIM feature in PhotoShop is invaluable – yet few designers have heard of it!

(1) So you have an image like this.

(2) You spend time in PhotoShop “cutting out” the image so it sits on a transparent background.

(3) Now you are going to save it as a .png with transparency. But any space around the image is only going to make for a larger file size (it is transparent space, so you don’t need it, or want it). Enter the TRIM tool.
In Photoshop go to IMAGE >> TRIM.

(4) Make sure the settings are like these.

(5) PhotoShop will crop the image down to the exact pixel dimensions of the image!

Now when you save the image as a .png with transparency you are assured of only saving the necessary file size!

Troy @ TLC

By |2016-11-17T13:54:02-08:00May 20th, 2006|Tutorial|

Bitmap and Vector Graphics

My friend, and fellow PowerPoint MVP, Geetesh over at Indezine just added a very good article on his website on what bitmap and vector graphics are. It is a very quick read and provides a good understanding of how these two formats vary, which is important when resizing images in a presentation. Click here to read it.

-Troy @ TLC

By |2016-11-17T13:54:22-08:00May 18th, 2006|Resource/Misc, Tutorial|

Make Your Own Custom Bullet Collection

Perhaps you have some custom picture bullets that you use ongoing. Never fear, there is a fairly easy way to organize your own collection.

(1) Either create your own folder to contain the bullet images or use the Office default folder (see item #1 on 5-8-06 post).

(2) Copy picture bullet images into folder

(3) Open the Clip Organizer (see item 3 on the 5-6-06 post) and go to FILE >> NEW COLLECTION.

(4) Name the collection and click okay.

(5) Select the new collection in the COLLECTION LIST column. Go to FILE >> CLIPS TO ORGANIZER >> ON MY OWN.

(6) Repeat for all images in your personalized collection. Note: You can use the >> CLIPS TO ORGANIZER >> AUTOMATICALLY to search the computer, then select the specific folder to add all new images at one time.

(7) Now when you add Custom Picture Bullets to any presentation, your collection of bullets is available!

-Troy @ TLC

By |2016-11-17T13:57:15-08:00May 10th, 2006|Tutorial|

Remove Default Picture Bullets

So, maybe like me you find some of the default picture bullets one you will not use… So here is where to go and find the hidden files to remove them.

(1) The first step is to open Windows Explorer and navigate to the folder that contains the images. Go to C: >> PROGRAM FILES >> MICROSOFT 2003 (or current installed version) >> MEDIA >> OFFICE 11 >> BULLETS (I said the files were hidden).

(2) Now we need to go to the Clip Art Organizer (see May 6 post). In the Clip Organizer go to OFFICE COLLECTIONS >> WEB ELEMENTS >> BULLETS. You will note that any of the default bullets you deleted in step #1 has the yellow, no link, “x”.

(3) You can remove the non-linked icons as described in the May 6 post.

– Troy @ TLC

By |2016-11-17T13:57:53-08:00May 8th, 2006|Tutorial|

Removing Unused Custom Bullet Icons

For virtually every PowerPoint template I design, it includes a custom set of picture bullets. Up until recently I was frustrated with having the old icons still sitting in the Custom Picture Bullets dialog when they no longer existed on my computer. But there is a solution – although it is a bit hidden. Here is how to clean up your PICTURE BULLETS dialog and remove the old and unused!!!

(1) Let’s review how we insert a custom picture bullet. With bulleted text selected, go to FORMAT >> BULLETS AND NUMBERING. On the BULLETED tab click the PICTURE button.

(2) Here you can see a small portion of the custom bullets that were used for previous presentations. The problem is, the source files for these are in the archives, not on the computer. They are completely useless here. Of course the little yellow X seems to be a way to delete them… but it is not. The yellow X tells you there is no item linked to this icon (which is why we want to delete it 🙂 )

(3) To remove these icons go to the Clip Art task pane; INSERT >> PICTURE >> CLIP ART. Click the ORGANIZE CLIPS link at the bottom.

(4) Inside the Microsoft Clip Organizer you need to:
1. Click COLLECTION LIST to view the pane
2. Open MY COLLECTIONS and UNCLASSIFIED CLIPS
3. Click on the unwanted icon
4. Select DELETE from the menu
5. Done! (repeat for as many as needed)

– Troy @ TLC

By |2016-11-17T13:58:24-08:00May 6th, 2006|Tutorial|

Add Custom Bullets to a Presentation

Now that we have developed our custom picture bullet in PhotoShop, we can insert them into a PowerPoint presentation. The process is fairly simple (Note: I am using PowerPoint 2003 for this tutorial).

(1) Select the bulleted text. Go to FORMAT >> BULLETS AND NUMBERING.

(2) From the BULLETS AND NUMBERING dialog click PICTURE.

(3) From the PICTURE BULLET dialog click IMPORT.

(4) Note the next dialog box is the ADD CLIPS TO ORGANIZOR dialog (import later in this series). From here find the .png image created and click ADD.

(5) Find the newly added picture bullet in the PICTURE BULLET dialog and click OK.

(6) Your selected bulleted text now has a COOL and NIFTY custom bullet!

(7) If the bullet is to large or small, select the bulleted text, go to FORMAT >> BULLETS AND NUMBERING, and use the SIZE % OF TEXT to adjust.

– Troy @ TLC

By |2016-09-16T11:51:43-07:00May 4th, 2006|Tutorial|

Create a Custom PowerPoint Bullet

This is the first in at least a 4 part mini-series. Custom picture bullets were introduced with PowerPoint XP and they make a great addition to any presentation! I use custom picture bullets in many ways, always with the idea of how can they coordinate with the overall presentation. My custom bullets have ranged from simple color coordinated stylized shapes, to miniatures of the company logo, to small object icons that relate to the subject.

The first step is developing the artwork for the custom bullet. Note: I am using PhotoShop CS for this tutorial, but the process can be applied to virtually any image editing application.

(1) Create a new document. Note the file size is very small and we ALWAYS use RGB for PowerPoint images.
New PhotoShop File

(2) Create your bullet artwork, sized to stay within the 50x50px area. I am creating a simple 3D sphere with a drop shadow.
Artwork for custom bullet

(3) Go to IMAGE >> CANVAS SIZE. Here we are going to increase the canvas size so the final image will have our bullet artwork horizontally on the far left and centered vertically.
Adjust Canvas Size
1. This is our original file size
2. Use this setting to force the new canvas area to keep the artwork on the far left, but allow it to be vertically centered.
3. Increase the width to 90px, this will provide a space between our bullet and the PowerPoint text.
4. Increase the height to 70px, this will vertically center our bullet on the PowerPoint text.

(4) The final step is to save the image as a .png with transparency (see “The Power of Ping” tutorial here for details).

– Troy @ TLC

By |2016-09-16T11:50:53-07:00May 2nd, 2006|Tutorial|
Go to Top