Difference between revisions of "Creating animations for LED panels using powerpoint"

From Hitchin Hackspace
Jump to navigation Jump to search
(initial draft of a method)
 
 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
# change slide master to 24 x 6.4. To do this, go to the view tab, click slide master. Click on the top most slide on the left hand panel, then click on "slide size" on the ribbon. Click "custom slide size" and change the height and width.
== Creating the PowerPoint Animation==
# Find/make your graphics. these can be images or vectors, but bear in mind the low resolution of the display.  
===Set up the initial slide format===
# To animate elements, go to animations tab. select item, click on the type of animation, then tune the effect options amd timing. Showing the Animation Pane may help if you have anything complicated
# Change slide master to 24cm x 6.4cm. To do this
# To record the slideshow and create the video, go to the slideshow tab and click screen recording
## Go to the '''View''' tab.
# The presentation may get minimised and replaced by a recording toolbar. Re-maximise the presentation (the recording toolbar will stay visible on top)
## Click '''Slide master'''.  
# Using the select area tool from the recording toolbar, select the slide outline so that its highlighted by a red dashed rectangle.
## Click on the top most slide on the left hand panel
# Navigate back to the animations tab on the ribbon  
## Then click on '''Slide Size''' on the ribbon.
# Click the record button on the recording toolbar. a 3 second countdown timer will start
## Click '''Custom slide size''' and change the height and width.
# Once the recording starts, click the animation preview button (top left)
 
# Stop the recording (by pressing the square in the recording toolbar) when the animation is complete. a video of the animation will be inserted into the slide
=== Create and Animate===
# Right click on that video and click "save media" save the mp4 file
# Find/make your graphics. These can be images or vectors, but bear in mind the low resolution of the display. A black background  works better than white.
# Go to https://cloudconvert.com/mp4-to-gif and upload the mp4 for conversion to gif. Click the spanner icon to change the default settings. use a custom resolution of 250 x 64, a video codec of gif and a frame rate of 15FPS. You can also trim the start or end if needed, e.g. if you were a little slow with triggering the animation or stopping the recording.  
# To animate elements
# Click convert, then download the result
## Go to '''Animations''' tab.  
## Select item.
## Click on the type of animation.
## Tune the effect options and timing. Showing the ''Animation Pane'' may help if you have anything complicated.
 
We have found it is useful to add a defined end sequence to aid the video capture. If possible end the animation with a fade to black or overlay a black rectangle over the previous animation steps that displays for around 5 seconds. This makes it easier when it come to capturing/recording the MP4 of the slide and then converting that to the animated GIF.
 
=== Record the Slideshow, Create the video===
# To record the slideshow and create the video
## Go to the '''Slideshow''' tab
## Click '''Screen recording'''
## The presentation may get minimised and replaced by a recording toolbar. Re-maximise the presentation (the recording toolbar will stay visible on top).
## Using the '''select area tool''' from the '''Recording''' toolbar, select the slide outline so that its highlighted by a red dashed rectangle. Try to make sure you only select the slide and don't get any white background at the edges.
## Navigate back to the '''Animations''' tab on the ribbon.
## Click the '''Record''' button on the '''Recording''' toolbar.  
## A 3 second countdown timer will start
## Once the recording starts, click the '''Animation preview''' button (top left)
## Stop the recording (by pressing the '''Square''' in the '''Recording''' toolbar) when the animation is complete.
## A video of the animation will be inserted into the slide.
## Right click on that video and click "save media" save the ''mp4'' file
 
== Converting the file ==
# Go to https://cloudconvert.com/mp4-to-gif and upload the mp4 for conversion to gif.
# Click the spanner icon to change the default settings.  
## Use a custom resolution of 240 x 64
## A video codec of ''GIF''
## A frame rate of 15FPS.
## You can also trim the start or end if needed, e.g. if you were a little slow with triggering the animation or stopping the recording.  
# Click convert.
# Download the resulting file
 
 
'''NOTE:''' The exact process may vary slightly with different versions of PowerPoint, but the functionality should still be available with any relatively modern version. Instructions here are specifically for PowerPoint 2013.
 
== Other Conversion or GIF generation tools==
===GIF Conversion===
https://ezgif.com
 
===GIF Generation on a Raspberry Pi===
Brian W has created some code to help generate animated GIFs on a Raspberry Pi
The details can be found on the Hackspace GitHub repo here:
 
== Examples / Repository of Files ==
 
[[Animated GIF Repository]]
 
 
[[Category:Projects]]

Latest revision as of 14:24, 30 April 2022

Creating the PowerPoint Animation

Set up the initial slide format

  1. Change slide master to 24cm x 6.4cm. To do this
    1. Go to the View tab.
    2. Click Slide master.
    3. Click on the top most slide on the left hand panel
    4. Then click on Slide Size on the ribbon.
    5. Click Custom slide size and change the height and width.

Create and Animate

  1. Find/make your graphics. These can be images or vectors, but bear in mind the low resolution of the display. A black background works better than white.
  2. To animate elements
    1. Go to Animations tab.
    2. Select item.
    3. Click on the type of animation.
    4. Tune the effect options and timing. Showing the Animation Pane may help if you have anything complicated.

We have found it is useful to add a defined end sequence to aid the video capture. If possible end the animation with a fade to black or overlay a black rectangle over the previous animation steps that displays for around 5 seconds. This makes it easier when it come to capturing/recording the MP4 of the slide and then converting that to the animated GIF.

Record the Slideshow, Create the video

  1. To record the slideshow and create the video
    1. Go to the Slideshow tab
    2. Click Screen recording
    3. The presentation may get minimised and replaced by a recording toolbar. Re-maximise the presentation (the recording toolbar will stay visible on top).
    4. Using the select area tool from the Recording toolbar, select the slide outline so that its highlighted by a red dashed rectangle. Try to make sure you only select the slide and don't get any white background at the edges.
    5. Navigate back to the Animations tab on the ribbon.
    6. Click the Record button on the Recording toolbar.
    7. A 3 second countdown timer will start
    8. Once the recording starts, click the Animation preview button (top left)
    9. Stop the recording (by pressing the Square in the Recording toolbar) when the animation is complete.
    10. A video of the animation will be inserted into the slide.
    11. Right click on that video and click "save media" save the mp4 file

Converting the file

  1. Go to https://cloudconvert.com/mp4-to-gif and upload the mp4 for conversion to gif.
  2. Click the spanner icon to change the default settings.
    1. Use a custom resolution of 240 x 64
    2. A video codec of GIF
    3. A frame rate of 15FPS.
    4. You can also trim the start or end if needed, e.g. if you were a little slow with triggering the animation or stopping the recording.
  3. Click convert.
  4. Download the resulting file


NOTE: The exact process may vary slightly with different versions of PowerPoint, but the functionality should still be available with any relatively modern version. Instructions here are specifically for PowerPoint 2013.

Other Conversion or GIF generation tools

GIF Conversion

https://ezgif.com

GIF Generation on a Raspberry Pi

Brian W has created some code to help generate animated GIFs on a Raspberry Pi The details can be found on the Hackspace GitHub repo here:

Examples / Repository of Files

Animated GIF Repository