Categories
Portfolio Resource/Misc

The 2019 TLC Design Team Christmas Animation

Merry Christmas from the entire design team at TLC Creative Services! Everyone created their own holiday animation – all layouts and motion was done in PowerPoint. We composited everyone’s slides into a single master presentation and exported to video. Enjoy – and Merry Christmas!

 

Categories
Software/Add-Ins

Canva Presentation Animation Explained

Canva adds notices that if the account is upgraded to a “Pro” account, animation features are added. But the animation is not what you expect. Yes, the content on each slide has entrance effects applied. No, you cannot control the animation effects in any granularity. 

When logged in to your Canva account and have a presentation open, in the top right of the editable deck, there is a drop down button with ANIMATION as an option.

There are seven animation options; Fade, Pan, Block, Rise, Breathe, Slide, Instant. The critical thing to understand is the animation style chosen applies to EVERY object on EVERY slide. There is no granular control over what objects animate (everything does) and no selecting different animation styles, or no animation, for specific slides. There is also no customization of the animation duration/speed or ability to add on-click animations to elements on a slide. 

The best way I can describe Canva’s presentation animation is it is a combination transition effect that applies an auto entrance to all elements on a slide.

The other critical item to understand about Canva’s presentation animation is an animated presentation is only available when exported as a .mp4 (or .gif). If an edit is made to the presentation, it needs to be exported again to add the animation.

In exporting our sample presentation to view the various animation styling we found a bug that altered the content of our bar chart (if this was PowerPoint I would submit a bug report to the Dev Team). The axis in the presentation itself looks correct but when exported as an mp4 the X axis label text becomes stacked (leaving the data to be interpreted as wrong).

Here is the demo presentation used for testing animation:

FADE Animation

BLOCK Animation

RISE Animation

Troy @ TLC

 

 

Categories
PowerPoint

Happy 4th of July, America!

Happy 4th of July from the TLC Creative design team! Christie on our design team developed this fun animated slide to share with everyone.

This fun PowerPoint slide has a lot of layers of images, lots of animation, and a fireworks audio track!

4th of July 2

Fireworks SFX sourced from one of our go to resources, AudioBlocks

4th of July 3

Enjoy the Fireworks this evening, America! Download the editable PowerPoint slide here.

 

Troy @ TLC

Categories
PowerPoint

User Navigation Demo Using Animation

This is a unique project: it’s not a true slide presentation, but a presentation demonstrating potential user navigation flow within a theoretical app. Because this is setup to be presented, we developed a 16×9 version of the app, used oversize icons and simplified much of the content so the audience has large, easy to track content. It was a presentation, but not a presentation of slides, but the content was revised to be the same size (aspect ratio) as slides… got it?

Here is the final motion graphic styling, all developed using PowerPoint.

For reference, the above video is from 7 slides:

user navigation

There is a combination of on-slide animation and Morph transition to achieve all motion graphic effects:

user navigation

Troy @ TLC

Categories
PowerPoint

Nice Bar Chart

Often we create our own charts, not from the charting engine, but from shapes, text, and graphics. Of course, this is for highly visual presentations that we know are not going to rely on charts with data and can be adjusted for use in other presentations. So, this is as much about animation as slide content styling. Before the animation example, I want to show the design for the nice bar chart. Each bar is comprised of 4 graphic elements: red box with text top aligned, grey box with text bottom aligned, grey outline (no fill box), and a black line.

 nice bar chart

Here are the animated bar charts (sample video has 2 slides with visual bar charts, client content removed, and for example here only).

Troy @ TLC

Categories
PowerPoint

Carousel Motion Effect

Using the same slides as the previous Morph transition, this version of the Carousel Motion Effect uses big bold photos, and includes a nice PowerPoint reflection styling.

The animation in the video was completed on 7 slides, with no animation pane “animation.” Also included in the animation effect was the progress bar – equally easy to setup and animate with Morph.

Carousel Motion Effect

 

Troy @ TLC

Categories
PowerPoint

Carousel Effect

Using the Morph transition and 3D models this “Carousel Effect” is quick and easy to create.

The animation in the video was completed on 6 slides, with no animation pane “animation.” Note: Each car not only moves and resizes, but also rotates from a 3/4 front left view to a 3/4 front right view as it moves across the screen. All animation was as simple as re-positioning the images, adjusting the rotation of the 3D models and applying  a Morph transition.

Carousel Effect

 

Troy @ TLC

Categories
PowerPoint

Membership Animation Example

PowerPoint animations often depend on which motion effect is needed. For this membership animation example, the request was to emphasis each segment of the pie chart for discussion points (again, we simplified the slide for the blog by removing client information, template and styling). Because the numbers are constantly updating, our goal was to animate the editable pie chart vs. creating custom shapes and animating.

The formatting was simple, adjust pie chart and callout text size/position. For this effect, the Morph transition really did not accomplish a clean modern motion effect. A series of Fade transitions was a bit nicer than the Morph transition, but it still did not achieve a visual we liked. Ultimately, using the Shape (circle) out transition achieved a visual effect we liked.

Troy @ TLC

Categories
PowerPoint

Membership Animation

This is a membership animation slide from a recent project that demonstrates how to use animation to aid the presenter (we removed the nice template and styling). The message for the audience was that a very niche and exclusive association had exceeded all membership goals for the year. Rather than putting up a list of stats, we helped the presenter walk the audience through their 5 year story at their own pace with on-click animations and reveal the year-to-date total.

The animation could be accomplished many ways, but the easiest way was to leverage Morph by splitting the original content across 7 slides, each slide transition being an animation. Easy to create, easy to manage, easy for the presenter to see the story flow.

membership animation

Troy @ TLC

 

Categories
The PowerPoint® Blog

Animated Title Slide (Keynote)

The presenter title slide is a perfect opportunity to add some motion and pizzazz to a presentation. This is one of the title slide looks for a recent project, which was all developed in Keynote.

Troy @ TLC