Quotes in a Circle

Thanks to Jake on our design team for today’s slide design.

Design Process:

  • Review the quote
  • Search for an image that aligns with the quote
  • Develop a slide layout that highlights the quote as the focal point, integrates the coordinating image, and use PowerPoint shapes to create accent graphics

PowerPoint Formatting Tip:

  • Text in circles is not always easy!
  • For the slide quote, all text is inside the circle shape (not a second text box placed on top of the circle). All text is in a single text block. So the bold text, colored text and the smaller attribution text is all formatted in the same text block.
  • Formatting text in a circle requires making some adjustments to the shape formatting properties.
    – Right-click the circle and select FORMAT SHAPE
    – Go to the TEXT OPTIONS and TEXT BOX options
    – [Personal preference] Select “DO NOT AUTOFIT”
    – Adjust all margins to zero’s (although for this example the top margin was manually set to compensate for the smaller font size text at the bottom and keep the layout vertically centered in the circle shape)
    – WRAP TEXT IN SHAPE: this is generally turned on, so the text automatically stays inside the circle. But if the text needs to be just a bit closer the edge, maybe even slightly overlapping the edge, turn this off and use SHIFT+RETURNs to manually create the line breaks

Troy @ TLC

By |2021-08-22T10:54:21-07:00August 25th, 2021|PowerPoint, Tutorial|

Create an Animated GIF from PowerPoint – with Transparent Background!

Creating animated GIFs in PowerPoint is a newer feature, so it may be familiar. However this feature has been updated recently with the ability to export animated GIFs with transparent backgrounds.

To create an animated GIF with a transparent background, start with a new PowerPoint file. The secret for exporting an animated GIF with transparent background is to us a white background (eg. the slide background is set to white, not a white shape as the bottom layer).

An animated GIF is a “flip book” animation. Each slide is the next part of the motion. There is no animation used in this example animated GIF. Here is the first slide:

Next, the slide is duplicated and the hand graphic flipped to the opposite view using PowerPoint’s to FLIP HORIZONTAL tool and the text “HELLO” is rotated and larger.

This is a simple 2 step animation, but a 3rd step is needed for the animation effect. So slide 1 is duplicated and set as slide 3.

slide 1 transition = NONE, for a seamless transition of the animation. Set automatic slide advance after 0.00 seconds.

slide 2-3 transition = MORPH, which creates the smooth animation of the hand wave and text movement. Duration = .25 seconds. Set automatic slide advance after 0.00 seconds.

It is time to export as an animated GIF.

  1. Go to FILE and select EXPORT
  2. Select CREATE AN ANIMTED GIF
  3. Choose the size and quality of the GIF
  4. Check the box to MAKE BACKGROUND TRANSPARENT (this is the new feature!)
  5. The “seconds to spend on each slide” can be left with the default value. It will not be used as each slide has a preset automatic transition set.
  6. click CREATE GIF

And that’s it!

Jake @ TLC

By |2021-07-11T16:40:21-07:00July 16th, 2021|Tutorial|

I can do that?! BrightSlide Swap Objects

Sometimes easy, but repeatedly done, tasks are made easier with some smart coding. That is exactly what BrightSlides “Swap Objects” feature does. It makes a fairly easy formatting task, as easy as 2 clicks! As example, on my sample slide of a photo collage, swapping the top left and bottom left images is a 2 click process.

Click 1 – select the objects.

Click 2 – go to Brightslide and click SWAP OBJECTS.

Done!

Tip: hold the SHIFT key and click SWAP OBJECTS. This temporarily adds the anchor dialog to the ribbon. Choose which of the 5 anchor points to use when switching objects.

Note: this is probably obvious, but is an object is locked (PowerPoint Selection Pane and Lock Object padlock), it cannot be moved and the BrightSlide Swap Objects will not work.

BrightSlide is a FREE add-in, with both Windows and Mac versions. Get it here.

Troy @ TLC

By |2021-07-11T16:37:53-07:00July 14th, 2021|Resource/Misc, Tutorial|

Is That a Ball or an Egg?

One thing easy to do in PowerPoint is to distort images. Often it is unintentional, but it happens fairly often. As example, on this slide, the picture looks distorted.

The soccer ball looks distorted, more of an egg shape than round ball. Here is how to check: select the image > go to the FORMAT PICTURE tab > go to SIZE & PROPERTIES tab > look at SCALE HEIGHT and SCALE WIDTH.

All images should be 100% x 100% if they are using the original size. If the image has been resized to be smaller or larger, the percentage will adjust, but should remain the same value in each field. Here the height and width are different, telling us the image has been distorted and is wider than it’s height.

The simple fix is to make both fields that same value, say 100% x 100%. Then resize the picture using one of the 4 corners to maintain the aspect ratio.

By |2021-06-01T09:47:40-07:00June 18th, 2021|Tutorial|

This image is Blurry, How Big is it?

Continuing looking at images in presentations, this time we are literally looking at an image on a slide and noting it appears “blurry”. The question is why? The #1 reason is the image has a small resolution and has been enlarged on the slide. Here is how to check and confirm.

The image here is not full slide, but it is noticeably blurry.

Select the image > go to the PICTURE FORMAT tab > click the RESET PICTURE dropdown menu > click RESET PICTURE AND SIZE.

The image will reset to its original/real size. In this example, the guess that the image was small and had been enlarged on the slide is correct. After resetting the image to the original size, it is MUCH smaller, hence the blurry resolution when it was enlarged.

Another option, also describe in the previous post, is to select the image > open the FORMAT PICTURE pane > go to the SIZE AND PROPERITES tab > review the SCALE HEIGHT and SCALE WIDTH settings. This image has been enlarged to 400% from the original (4X its original size). Just from the numbers, we know it is not going to be a crisp image display…

By |2021-05-31T14:44:03-07:00June 16th, 2021|Tutorial|

Create a Custom Puzzle Image for Your Presentation

Puzzles are a great visual metaphor for presentations. We are sharing our process for creating a custom image for a presentation, with a puzzle piece theme. We do not want a single, flat image as that limits our presentation design options. But rather than create dozens of custom puzzle piece images in Illustrator or Photoshop, we prep a few images in these programs and let PowerPoint do most of the work.


1. Using Adobe Illustrator we created a image of 5 connecting puzzle piece shapes. These were exported as .SVG (vector) images.


2. Next we created a library of flag images that would be used in the puzzle pieces. These could be PNG or SVG format. We like the scalable nature of vector .svg images, and flags work well in this format. Here is an example of one flag image:

3. Insert the puzzle piece INSERT tab >> PICTURES tab >> FROM THIS DEVICE. From the dialog find the puzzle piece file.

4. Right click the puzzle piece and select FORMAT PICTURE.

5. On the left pane select FILL. In the right pane select PICTURE OR TEXTURE FILL.

6. Click FILE and from the dialog find the American Flag image.

7. Check the box to TILE the picture as texture and UNCHECK the box at the bottom “ROTATE WITH SHAPE”.

9. However, if you uncheck the TILE picture as texture box, select CROP and then use the outer dots (not crop bars) to adjust the flag image size and position.

10. Have fun with formatting your shape! All PowerPoint style effects are available: bevel, drop shadow, reflection, etc. Because the ROTATE WITH SHAPE option is turned off the puzzle piece shape rotates, but the flag stays in the same orientation!

Download the PowerPoint slide of the puzzle piece American flag HERE.

Sara @ TLC

By |2021-05-24T11:49:09-07:00May 31st, 2021|Tutorial|

Paragraph Spacing for the Reader

Now that we’ve improved our text with selective bolding (previous post), now is the time to look at the huge impact line spacing can have on overall legibility.

Here is our sample slide with the default 1.0 line spacing applied to every line. Everything is uniform, including the spacing between paragraphs (hard returns) and line wraps (soft returns). The only line of text that really stands out is the final bullet, which is separated by an extra return (not a best practice!)

Select the bullet list text and set the line spacing to be a bit tighter at 0.9, and set the paragraph spacing to 12pt.

Now the lines of text are clustered better for the reader. The goal is to divide each bullet, keep paragraphs together as a unit and make it easier for the reader to digest the slide content.

Troy @ TLC

By |2020-06-18T13:30:39-07:00August 10th, 2020|Resource/Misc, Tutorial|

When Everything is Bold – Nothing is Bold

Are you designing a presentation with a lot of text? Not sure how to make your points stand-out? Typography is one of the most important aspects of a slide, and how well its done will determine how well you can communicate your message.

One way to grab your viewer’s attention is to utilize a bold font, which is heavier and darker than the regular type. Bold fonts are used for emphasis, but too much bolding can have the exact opposite effect, because when everything is bold – nothing is bold.

Selective bolding is a design process we use often. Be choosing key words to be bold and standout the viewer can quickly see, and read, what is important.

Happy bolding!

By |2020-06-18T13:23:38-07:00August 7th, 2020|Tutorial|

PPT Photo Album + Brightslide Match Size

I hinted at this great design trick in the previous post. Let me walk through process in more detail. The goal is to quickly (within minutes of receiving a folder of images) build a slideshow of full frame images, that are cropped and centered, can run as a photo loop.

Step 1: Use a native PowerPoint add-in (that has been hidden in the app for literally years and years). Go to INSERT > PHOTO ALBUM drop down > NEW PHOTO ALBUM

Step 2: Select FILE/DISK > navigate to folder of images > select your images > CREATE

This will create a NEW document with a title page as page 1. Delete page 1.

Then go to the BrightSlide tab > BATCH > and resize all images. 

Step 3: Select all slide > apply a slide transition of your choice (FADE is a safe and professional default option) > set slides to auto advance after 8 seconds (or speed your feel is best for your meeting)

Step 4: Go to SLIDE SHOW > SET UP SLIDE SHOW > select LOOP UNTIL ESCAPE. 

Done! A looping photo slide show built in just a few minutes!

A few more details on the BrightSlide resize image feature. First, it is wonderful! Second, it was added into Brightslide within days of detailing what I thought would be a great add-in tool for many presentation designers (thank you Jamie Garroch and BrightCarbon development team!). What this add-in is doing is scaling each image to fill the slide, adding a crop so the image remains the size of the slide, and centering the image within the crop.

As a final step, which is optional, I run NXPowerlite to resave the images to their crop at an optimized 1920×1080 for an easy to manage file size (because generally I am receiving the images from a professional photographer, and while the images look great, they are huge file sizes!). 

The BrightSlide add-in for PowerPoint can be downloaded for free at: https://www.brightcarbon.com/brightslide/

Troy @ TLC

By |2020-06-30T22:24:20-07:00July 8th, 2020|Tutorial|

BrightSlide Image To Fit Slide

The BrightSlide PowerPoint add-in has so many great features it is impossible to say what the “favorite” feature it. But I will list this as one of my top 3! BrightSlide’s ‘Match Size’ tool is brilliant.

Through a series of emails with the BrightSlide lead developer I detailed the process I would go through on virtually every large presentation event to create a custom photo loop for the meeting walk-in, generally being given a folder of images with minutes until doors open! The result was an addition to the Match Size options (thank you BrightSlide!).

The scenario is, an image does not scale to fill the full slide. The fastest solution is now to select the image, go to the BrightSlide tab, and click the Match Size button. There are actually 3 options in the drop-down: Match Size, Match Width, Match Height. But the top level, Match size, button is all that is needed. 

Select the image, click Match Size and the image is not distorted or stretched, but it is cropped to fill the slide. AND it is centered within the crop! Position within the crop can be adjusted by selecting the image and the crop tool to adjust what is the live/visible image.

If resizing all photos in a slide deck, such receiving a folder of images, importing them into a slide deck using PowerPoint Photo Album feature, then use BrightSlides BATCH tool to apply the resize and crop to every image in the deck instantly! 

Using the Batch tool brings up this dialogue, where you want to select yes.

The end result is nearly instantly created beautiful full bleed images that fit the slidet!

The BrightSlide add-in for PowerPoint can be downloaded for free at: https://www.brightcarbon.com/brightslide/

Troy @ TLC

By |2020-06-18T13:17:32-07:00July 6th, 2020|Software/Add-Ins, Tutorial|
Go to Top