How To Create Animated .GIFs in PowerPoint!

Exporting slides as a self contained animated .gif is easy (see previous post). Here is an example of creating PowerPoint slides to be exported as an animated .gif.

Adjust page size if needed. For this example the goal is an online add ready square and the PowerPoint slides page size is 4″ x 4″.

1 Insert the photos, 1 per slide.

In this example, for the scenic photos, each was sized, positioned and cropped to fit full frame on the square area.

2. Preset the slide transition effects for each slide. Note: do not set the Auto Transition timing, we will set this in the export step.

3. Go to FILE > EXPORT > CREATE AN ANIMATED GIF

4. There are 4 size options:

     Small (240p at 15fps)

     Medium (480p at 15fps)

     Large (720p at 24fps)

     Extra Large (HD quality 1080p at 24fps)

5. Add the delay between each slide in the SECONDS SPEND ON EACH SLIDE dialog

6. Click CREATE GIF

TIP: For this scenic imagery, we can successfully use the lower FPS (frames per second) of 15fps. For animated gifs with more complex animation, the higher 24fps is going to be better, even if you do not need the larger pixel size. With PowerPoint the pixel size and frame rate (fps) are connected and cannot be selected independently.

Troy @ TLC (thanks Jake for creating the sample file!)

By |2020-02-26T18:54:57-07:00February 28th, 2020|Tutorial|

Create Animated .GIFs in PowerPoint!

Microsoft has added a feature to PowerPoint, export as .GIF. 

Export a single slide, or a series of slides as an animated .gif. Our tests have done a good job with capturing animations, slide transitions and timing – all with good size files.

The Export as Animated GIF is very similar to the Export as Video.

  • Go to FILE > select EXPORT
  • Select CREATE AN ANIMATED GIF
  • Select a size and quality option

 

 

 

By |2020-02-26T18:31:23-07:00February 26th, 2020|PowerPoint, Tutorial|

Cut Out PowerPoint Text

An example, and tutorial, of using PowerPoint for text styling. Here is the simple, all caps, text:

I am updating the text to a white fill, on a white background, with a light grey outline 

To create the cut out effect, an inner shadow is applied.

Done. A text styling effect, created in PowerPoint and text remains editable.

– Troy @ TLC

By |2020-02-07T08:11:22-07:00February 14th, 2020|Tutorial|

Overlapping PowerPoint Text

Typography: The art and technique of arranging type to make written language legible, readable, and appealing when displayed.

PowerPoint is a flexible design app. Sometimes it is not easy to accomplish design ideas as in other apps. As example, text kerning. PowerPoint does not use the design industry term “kerning” and the feature is not easily accessed.

For example, here is some simple, all caps, text on a slide.

To add some visual design, letter colors are updated to the TLC color scheme (RGB).

In preparation for the next effect, the opacity is lowered to

Now the actual kerning, what PowerPoint labels CHARACTER SPACING. Select the text, open the FONT dialog, view the CHARACTER SPACING tab. Change the spacing option to CONDENSED, which essentially is negative spacing (so the 20 pt used is really -20 pt).

The result is the text slightly overlaps and the transparency overlap creates a dynamic visual.

Done. Custom typography styling created all within PowerPoint and remains editable text.

Download the editable slide HERE.

 

– Troy @ TLC

By |2020-02-07T07:55:00-07:00February 12th, 2020|Portfolio, Tutorial|

Stacked and Mixed Text

Typography: The art and technique of arranging type to make written language legible, readable, and appealing when displayed.

PowerPoint is flexible. Like many design applications, text can be more than bullet lists of black text on a white background. One aspect of graphic design is creating visually engaging layouts with just text. As example, here is a slide one of the TLC Creative design team created – all in PowerPoint.

  1. Add text to a slide. Boring start, but now we know what we are working with.

2. To start the layout, the first section of the quote was set with a new font, ALL CAPS, and new color

3. The final word of the quote has some more extension PowerPoint styling. Starting with using a custom font and applying a text gradient fill.


4. The custom font was a purposeful selection because the font family includes an outline version. The “everything” text box was duplicated, changed to the outline version of the font, set to a purple outline and white fill. Stacked, the two text boxes look great!

5. Last is adding the name as simple, small text in same blue as the top line.

6. As a final design flare, a background image was added and sent to back.

Done. A complete graphic design text layout, completed in PowerPoint.

– Troy @ TLC

 

By |2021-06-18T08:16:06-07:00February 10th, 2020|Portfolio, Tutorial|

Use PowerPoint Text as Part of Background Design

PowerPoint is flexible. This is both a design idea and PowerPoint how-to. The end goal is to add a light/ghosted pattern of text across the background of the template or set of slides.

This could be created in Photoshop, Illustrator, or PowerPoint!

1. Start with creating the text to fit the slide. Insert a text box, add the word or phrase. Pick font and guess at best size. Set the text box settings to DO NOT AUTOFIT, zero margins, and check WRAP TEXT IN SHAPE.

2. Copy the text and paste – paste – paste to fill the entire slide. Adjust font size and line breaks to have a slide full of the background message.

 

3. Add the background image – your choice of adding as inserted image and send to back or set as slide background.

4. For the sample background in this demo, I want to coordinate with the gold confetti. Update text color to a gold.

5. Select the text box and adjust the text transparency to 88%.

6. Final result is a custom slide background design effect created in PowerPoint.

By |2020-02-07T07:09:42-07:00February 7th, 2020|PowerPoint, Tutorial|

Fire & Ice Text (Image Fill)

Finalizing our text treatment series, another way to make text more visually interesting is to fill text with a picture. Here is the image used for the next styling effect. Note that the fire and ice are within the same image:

To fill the text with the image, on the ribbon go to SHAPE FORMAT (A), click TEXT FILL (B), select PICTURE (C)

PowerPoints default is to make the image fill the selected text. In this case the image is “squished” to fit. But we want to show only the fire portion of the image on the FIRE text. To adjust the image, work from the FORMAT SHAPE and TEXT OPTIONS pane. Note: We cannot use crop tool to adjust fill image size/position, we must use the legacy fill offset tools.

  • Go to the TEXT FILL tab
  • Select “Tile picture as texture”

Here is our image fill BEFORE checking “Tile picture as texture”

And here is our image AFTER checking “Tile picture as texture”

Now that the fire flames portion of the image is filling the entirety of the text, we have a few customizing refinements, but for the most part the default settings work:

  • Check TILE PICTURE AS TEXTURE
  • Set the Offset X & Y to 0 pt (default)
  • Set the X & Y SCALE to 100% (default)
  • Set the ALIGNMENT to TOP LEFT (default)

Similar adjustments for ICE:

  • Check TILE PICTURE AS TEXTURE
  • Set the Offset X & Y to 0 pt (default)
  • Adjust the X SCALE (width) to 62% which let’s us see some black area of the image for more visual interest
  • Set the Y SCALE (height) to 100% (default)
  • Set the ALIGNMENT to RIGHT

Text is still editable in PowerPoint. Styling options such as drop shadows and beveling can also be applied – be creative! Download the sample slide Here.

Troy @ TLC

By |2020-01-04T17:19:08-07:00January 10th, 2020|Tutorial|

Fire & Ice Text (Gradients + Styling)

Continuing from the post with the Fire and Ice text using gradient fills, here styling effects applied for even more visually dynamic text.

This variation adds shadow and bevel effects to the text. The text remains editable, and the styling effects can be applied to any other text with the Format Painter tool! 

Here is the styling effects applied:

  • Select the text.
  • Go to SHAPE FORMAT (A) on the ribbon
  • Select TEXT EFFECTS (B)
  • The 6 customization options for text are: SHADOW (C), REFLECTION (D), GLOW (E), BEVEL (F), 3-D ROTATION (G), TRANSFORM (H)

  • For all effects, PowerPoint has preset styling options (A) to quickly enhance your text.
  • Each effect also has an OPTIONS (B) button to bring up the FORMAT SHAPE panel to the right of the artboard so you can customize the styling effects.

The FIRE text custom shadow settings:

  • In the FORMA SHAPE pane, go to TEXT OPTIONS.
  • Expand SHADOW
  • (A) is the PRESETS (same options available direct from the ribbon)
  • (B) COLOR. For the Fire text I used a hard edge dark orange and for the ICE text a super soft (fuzzy) dark blue.
  • (C) TRANSPARENCY (not used on this text)
  • (D) SIZE. 100% for FIRE and 101% for ICE.
  • (E) BLUR. 0 for FIRE and 14 for ICE.
  • (F) ANGLE. The default 45 degrees for FIRE and 55 degrees ICE.
  • (G) DISTANCE. The default 3 points for both FIRE and ICE.

Next expand 3-D FORMAT

  • (A) TOP BEVEL: minimal for FIRE and large (softer) for ICE
  • (B) MATERIAL: FIRE = Dark Edge and ICE = Warm Matte
  • (C) LIGHTING: FIRE = Glow and ICE = the default 3 Point
  • (D) LIGHTING ANGLE: FIRE = 90° and ICE = 0°

Hopefully some text styling inspiration – all while keeping the text editable. Download the PowerPoint slide here.

Troy @ TLC

By |2020-01-04T17:18:40-07:00January 8th, 2020|Tutorial|

Fire & Ice Text (Gradient)

Text does not need to be a solid color and boring! As example, here are the two words Amber started with for this mini tutorial series.

Editable PowerPoint text does not need to be a solid color fill. Gradients take a bit of work, but can a great way to make text more visually interesting. And, this text is still editable! Because this text uses PowerPoint gradients, they can be applied to any other text with the Format Painter tool (to copy the style from one text box to another).

Each word is a separate text box and each has its own gradient fill styling. Here’s how the gradient was created:

  • Select the text
  • Under SHAPE FORMAT (A) on the ribbon, click the down carrot under TEXT FILL (B).
  • Mouse over GRADIENT (C) to show the gradient fly out menu and select the gradient you want (D).
  • These first options are created using the text fill the text is set to, this example being black (E). To see more PowerPoint created variations, click the MORE GRADIENTS (F) at the bottom of the fly out menu.

 

Click MORE GRADIENTS to see the FORMAT SHAPE pane. This is where we really have control to create custom gradients. The FIRE gradient is 5 gradient stops (eg. colors) set at an angle:

(A) PRESET GRADIENTS: These are gradients created using the 6 theme colors set in your file.

(B) TYPE: Change the type of gradient:
1. LINEAR: horizontal, vertical, diagonal
2. RADIAL: circular gradient starting from the center or from any of the 4 corners
3. RECTANGULAR: rectangular gradient starting from the center or any of the 4 corners
4. PATH: creates gradient in the shape of the object its filling

C. DIRECTION: Change the direction of LINEAR or RADIAL gradients

D. ANGLE: Change the angle of the direction of the gradient

E. GRADIENT STOPS: set the color points of the gradient. You can ADD (click anywhere on the gradient) or SUBTRACT (click and drag the gradient stop off) points and set the color of each.

F. COLOR: select the color for a gradient stop.

G. POSITION: you can fine tune the position of a gradient stop.

H. TRANSPARENCY: set transparency of a gradient stop.

I. BRIGHTNESS: set brightness of a gradient stop.

 

Download the FIRE & ICE gradient fill sample slide Here.

Troy @ TLC 

By |2020-01-04T17:18:10-07:00January 6th, 2020|Tutorial|

2019 to 2020 Stylized Text

A popular visual for lots of presentations this time of the year is a visual that sets up a conversation about goals and expectations for the year ahead. Using just PowerPoint text and styling effects, here is a quick dynamic slide (editable slide download link at the end).

The goal of the slide is to show 2019 moving into 2020. The start of the slide is adding two text boxes:

Using just the outline of text is a way to create text that feels “designed”. For this slide I am using a bold outline for the 2019:

To create a visual of 2019 fading into 2020 the text has a custom gradient outline:

To make the 2020 literally dazzle and sparkle, I am using the same styling effect as the previous post – picture fill. Here is the image used and effects:

To enhance the 2020 text is further, a custom bold outline is applied:

And as a final touch, a graphic element is added to show the motion of 2019-to-2020. A PowerPoint arrow, sized wide and short with a gradient fill:

Download the PowerPoint slide HERE

Note: custom font used will default to available font when opened, but all effects remain intact.

 

Troy @ TLC

By |2020-01-04T09:29:55-07:00January 3rd, 2020|PowerPoint, Tutorial|
Go to Top