latex presentation animation

• How to make a presentation with Latex - Introduction to Beamer
• exampleblock
• compilation
• beamergotobutton
• presentation

We shall see in this article how to make a presentation with LaTeX, using the powerful class Beamer. If you want to make an outstanding “stressfree” presentation and bring your ideas or your work under a whole new light, let’s get started!!!

Installing the Beamer class

You will first need to install the package Beamer . Under Debian or Ubuntu, you can type the following command:

Once the latex-class Beamer is installed, you are definitely ready to stat your first presentation!!!

Basic presentation with Beamer

A few explanations:

means that our document is a Beamer presentation

this package enables us to use special letters (with accents, cedillas, etc). You can discard this command when the presentation is in English.

This is our outer theme (color and background). As you can imagine, there are tons of themes. You can refer to Beamer documentation for more details.

this defines the title of the presentation. As you can see, there are two titles:

• the first one, between brackets. [Making a LaTeX presentation with Beamer] is a substitute title which appears at the bottom of the page. This is useful especially if the original title is long. Since this is anoption only, if it is not mentioned, then the original title is the one shown in the bottom of the page.
• the second one, between braces, is the principal title of the presentation. The command

defines Nadir Soualem and Astozzia (us!) as the authors of the presentation.

defines where the presentation was held. Finally, we use

as the date.

To define the document, we use the markers

To define a slide of the presentation, we use the markers

To define a page title (frame), we mention it as follows

Introduction will be the title of the page. To define the first page, which contains details such as the title, the author, the date, etc - we use a frame in which we include the \titlepage command

To define a frame containing the layout of the presentation, we proceed as follows:

The layout is therefore mentioned at every section and subsection. You should insert \section and \subsection throughout the presentation and out of the frames:

Animations – Overlays

A good presentation is one that is dynamic and attracts the audience’s interest. Generally, we resort to a dynamic type of presentations. Alternatively stated, when we speak, we simultaneously show significant points of the talk, or hide others, or keep just the important ones. We shall see in this section how animations function in Beamer.

Item-by-item list view: the \pause command

In order to view several items of a list on the same slide, we type the following commands inside a frame:

We will thus see the items of our list, one by one.

Item-by-item list view: the \item<n-> command

An alternative way to visualize the elements of a list item by item is to use the \item<n-> command, where n is a natural number referring to the slide, beginning from which the item appears.

List item interval and isolated items: the \item<n-> and \item<p> commands

An example is worth a long speech:

\item<n-> means that the list item will appear on slides numbered n to m, whereas \item<p> means that the item will appear on slide p.

Item-by-item long list view: the [<+->] command

Sometimes the lists you want to display are long and it is not practical to use the \item<n-> command. An alternative solution is the use of the [<+->] command

Up to now, we have dealt with lists. We shall now see how to use text and slides.

Displaying and hiding text in slides: the \uncover<n->, \uncover<n-> and \uncover<p> commands

\uncover<n-> will display the text from slide n on; \uncover<n-> means the text element will appear from slide n to m. Finally, \uncover<p> means that the text will appear on slide p. Here is a case in point of a frame containing the \uncover command.

Be careful not to forget the braces after the \uncover command. The syntax is as follows:

Displaying and hiding text in slides: the \only<n->, \only<n-> and \only<p> commands

\only works like \uncover with the exception that the \only command is not as “cumbersome” on slides. Here is an example:

Here is an other example to better grasp the difference between \only and \uncover

Hide text in slides: the \invisible<n> commands

\invisible<n> makes text invisible on slide n

Another alternative: the \alt<n>{…}{…} commands

As an alternative, one can use the \alt<n>{…}{…} command on a slide. The first argument is the value on slide n. The second is for values other than n. Here is an example:

Highlighting text in red: the \alert<n>{…} command

To highlight text in red on slide n, we use the \alert<n>{…} command.

Successively highlighting list items in red: the <+-| alert@+> command

Using colors in a text on a slide: the \color<n->{…}{…}, \color<n->{…}{…} and\color<p>{…}{…} commands.

The first argument is the red, green, yellow, blue, etc … The second is the text to be colored

Creating links: the \hyperlink{…}{\beamergotobutton{…}} commands

To define internal links, we should add the following package in the preamble

Then, we should define a label pointing on the frame:

you define MY_LABEL as you please ! Finally, on the frame where the link is to be created, we proceed as follows:

There we are! We can see a button Refer to this page pointing to the frame labeled MY_LABEL .

Thus, the first argument of \hyperlink{…}{\beamergotobutton{…}} is the name of the label to be pointed at and \beamergotobutton{…} has the name of the button as an argument.

Defining blocks inside frames

For important stuff, we define blocks as follows:

As clear as onion soup !!!

Dynamic display of tables: the \pause and \onslide<n-> commands

First off, we should add the package colortbl to the preamble

To display rows dynamically, we shall use the \pause command as follows:

To display columns dynamically, we shall use the \onslide<n-> command as follows:

Writing on several columns: the \begin{columns}...\end{columns} commands

For two columns, we proceed as follows:

l,r,c refers to the position: left, right, center. The syntax is as follows:

Inserting a figure in a Beamer presentation

To insert an image or a figure, we proceed as in LaTeX by using the \includegraphics command. Here is an example:

In Beamer, we should distinguish between two types of figures:

• PS type: .eps, .ps and pspicture type (LaTeX)
• General type: .pdf, .png, .jpg, .jpeg You will need to compile a Beamer-class file.

Compiling a Beamer presentation

I assume that the your file is called file.tex. . There are ways to compile, depending on the type of figure you inserted. For PS-type figures, we shall use the following commands

We shall obtain the file file.pdf.

For general-type figures, we shall use the command

We shall also obtain the file file.pdf.

It goes without saying that explaining all the possibilities that Beamer offers is way too long. Have look to the official documentation, which is more exhaustive.

Have fun !!!

If you found this post or this website helpful and would like to support our work, please consider making a donation. Thank you!

Articles in the same category

• Useful software to start LaTeX
• Introduction au Latex
• Introduction à  Beamer - Faire une présentation en Latex
• How to install latex package ?
• Comment installer un package Latex ?
• Latex Extra
• Variance Symbol in LaTeX
• Union and Big Union Symbol in LaTeX
• Transpose Symbol in LaTeX
• Transformée de Laplace en LaTeX
• Texte au dessus d'une flèche en LaTeX
• Text above arrow in LaTeX
• Symbole "plus grand que ou similaire à" en LaTeX
• Symbole de Variance en LaTeX
• Symbole de transposée en LaTeX
• Symbole de "non équivalent à" en LaTeX
• Symbole d'union et de grande union en LaTeX
• Symbole d'intersection et de grande intersection en LaTeX
• Strikethrough - strike out text or formula in LaTeX
• Passer en mode mathématique en Latex: $, $$ et displaymath
• Partial Derivatives of Multivariable Functions in LaTeX
• Numéroter les équations en Latex: leqno et fleqn
• Not Equivalent Symbol in LaTeX
• Latex yen symbol
• Latex valeur absolue
• Latex tensor product
• Latex symbole sous-ensemble - inclusion
• Latex symbole racine carrée
• Latex symbole produit
• Latex symbole produit vectoriel
• Latex symbole pourcentage
• Latex symbole plus ou moins
• Latex symbole parallèle
• Latex symbole orthogonal - Latex symbole perpendiculaire
• Latex symbole norme pour un vecteur ou une somme
• Latex symbole n'existe pas
• Latex symbole n'est pas un sous-ensemble - non-inclus
• Latex symbole n'est pas parallèle
• Latex symbole n'appartient pas à
• Latex symbole multiplication
• Latex symbole loi normale
• Latex symbole infini
• Latex symbole il existe
• Latex symbole il existe un seul et unique
• Latex symbole euro
• Latex symbole Est proportionnel à
• Latex symbole espérance mathématiques
• Latex symbole équivalent / équivalence
• Latex symbole dual ou dague
• Latex symbole différent
• Latex symbole dérivée partielle
• Latex symbole degré
• Latex symbole de la moyenne
• Latex symbole de la constante de Planck h
• Latex symbole congruent
• LaTeX symbole complément
• Latex symbole chapeau
• Latex symbole approximativement
• Latex symbole appartient à
• Latex symbol there exists one and only one
• Latex symbol Planck constant h
• LaTex symbol partial derivative
• Latex symbol not in
• Latex symbol not exists
• Latex symbol not equal
• Latex symbol norm for vector and sum
• Latex symbol multiply
• LaTeX symbol Is proportional to
• Latex symbol if and only if / equivalence
• Latex symbol for all x
• Latex symbol exists
• Latex symbol different
• Latex symbol checkmark
• LaTeX symbol characteristic function
• Latex symbol belongs to
• Latex symbol average
• Latex symbol approximately
• Latex subset symbol
• Latex square root symbol
• Latex real part symbol
• Latex real numbers
• Latex rational numbers
• Latex quaternion numbers
• Latex produit tensoriel
• Latex product symbol
• Latex pour tout x
• Latex points de suspension: \ldots,\cdots,\vdots et \ddots
• Latex plus or minus symbol
• Latex piecewise function
• Latex partie réelle
• Latex partie imaginaire
• Latex parallel symbol
• Latex overset and underset
• Latex orthogonal symbol - Latex perpendicular symbol
• Latex numbering equations
• Latex not subset symbol
• Latex not parallel symbol
• Latex normal distribution symbol
• Latex natural numbers
• Latex k parmi n - coefficient binomial
• Latex jacobian symbol
• Latex infinity symbol
• Latex indicator function
• Latex imaginary part symbol
• Latex how to write underscore
• Latex how to write text in math mode
• Latex how to write percent
• Latex how to write bar
• Latex how to write a fraction
• Latex how to insert a blank or empty page with or without numbering \thispagestyle,\newpage,\usepackage{afterpage}
• Latex how to hide page number
• Latex horizontal space: qquad,hspace, thinspace,enspace
• Latex hat symbol - wide hat symbol
• Latex gradient symbol
• Latex fonction plancher - Latex partie entière inférieure
• Latex fonction plafond - Latex partie entière supérieure
• Latex fonction indicatrice
• Latex floor function
• Latex flèche
• Latex expected value symbol - expectation
• Latex euro symbol
• Latex espace horizontal: qquad,hspace, thinspace,enspace
• Latex ensemble vide
• Latex empty set
• Latex écrire du texte dans les équations ou en mode mathématique
• Latex dérivée, limite, somme, produit et intégrale
• LateX Derivatives, Limits, Sums, Products and Integrals
• Latex degree symbol
• Latex dagger symbol or dual symbol
• Latex copyright, trademark, registered symbols
• Latex convolution symbol
• Latex congruent symbol
• Latex complex numbers
• Latex complement symbol
• Latex comment insérer une page blanche,vide avec ou sans numéro, \thispagestyle,\newpage,\usepackage{afterpage}
• Latex comment faire un underscore
• Latex ceiling function
• Latex bra ket notation
• Latex binomial coefficient
• Latex barrer du texte ou une équation
• Latex backslash symbol
• Latex arrows
• Latex accolades horizontales et verticales: \left\{,\right\},\underbrace{} et \overbrace{}
• Latex absolute value
• Laplace Transform in LaTeX
• $L^1$, $L^2$, $L^p$ and $L^\infty$ spaces in Latex
• Intersection and big intersection symbols in LaTeX
• How to write table in Latex ? begin{tabular}...end{tabular}
• How to write number sets N Z D Q R C with Latex: \mathbb, amsfonts and \mathbf
• How to write matrices in Latex ? matrix, pmatrix, bmatrix, vmatrix, Vmatrix
• How to write angle in latex langle, rangle, wedge, angle, measuredangle, sphericalangle
• How to write algorithm and pseudocode in Latex ?\usepackage{algorithm},\usepackage{algorithmic}
• How to write a vector in Latex ? \vec,\overrightarrow
• How to get dots in Latex \ldots,\cdots,\vdots and \ddots
• How to display formulas inside a box or frame in Latex ? \boxed
• Horizontal and vertical curly Latex braces: \left\{,\right\},\underbrace{} and \overbrace{}
• Greater Than or Similar To Symbol in LaTeX
• Fonction caractéristique en LaTeX
• Espaces $L^1$, $L^2$, $L^p$ et $L^\infty$ en Latex
• Écrire les ensembles classiques en Latex: \mathbb, amsfonts et \mathbf
• Dérivées partielles de fonctions à plusieurs variables en LaTeX
• Comment faire un tableau en Latex ? begin{tabular}...end{tabular}
• Comment encadrer des formules en Latex ? \boxed
• Comment écrire un angle en latex langle, rangle, wedge, angle, measuredangle, sphericalangle
• Comment écrire un algorithme en Latex ?\usepackage{algorithm},\usepackage{algorithmic}
• Comment écrire des vecteurs en Latex? \vec,\overrightarrow

LaTeX Beamer introduction / Quick-start guide

Create structured presentations in LaTeX containing a title page, table of contents, lists, figures, tables, blocks, and much more!

• 1. Minimal code
• 2. Title page
• 4. Table of contents (Outline)
• 5. Unordered and ordered lists

6. Tables and Figures

• 7. Multicolumn frame
• 9. Hyperlinks and buttons

1. Minimal code of a LaTeX presentation

The minimal code of a LaTeX presentation includes: 1) loading the beamer class package, 2) choosing a default presentation theme and a frame.

Here is an example:

• Like every LaTeX document, we should specify document class which corresponds to ’beamer’.
• The Beamer class comes with several slide themes which can be used to change the color and layout of the slides. We will use the default theme throughout this guide. I will do a lesson on themes later in the detailed tutorial , but the theme is not our concern at the moment.
• To create a slide, we use the frame environment and put details inside it. In this example, it is just a one line of text!

Compiling this code yields to a basic slide:

Let’s try now to create a simple title page.

2. Creating a simple title page

To create a title page, the first thing to do is to add the title and subtitle of the presentation , the name of the author , the institute and the date . After that, we create a frame environment and we use \titlepage to print the provided details.

Here is a simple example:

Compiling this code yields:

3. Add a logo in Beamer

Adding a logo to beamer presentations can be done easily using the \logo{Text} command. Between braces, we can add text or an image using \includegraphics[options]{ImageName} command .

Here is an illustrative example:

For more details about adding and positioning a logo in Beamer, check this lesson !

4. Presentation Outline

– table of contents command.

The \ tableofcontents command creates the table of contents as it did in LaTeX. The table automatically gets updated with the addition or removal of sections and subsections. We have to create a frame environment and we add the command in question .

– Hide subsections

This command will display all sections and subsection(if any) in the table of contents . To display only sections titles’ we add the option [hideallsubsections] in squared brackets to the \tableofcontents command as follows:

– Recurring table of contents

It is also possible to create a recurring table of contents before every section. This highlights the current section and fades out the rest. This feature is used to remind the audience of where we are in the presentation. This can be done with the help of \AtBeginSection command and specifying [currentsection] in the \tableofcontents command. Please go through the example below for better understanding:

5. Lists in beamer

Let’s discuss these environments in detail:

– Itemize environment

Itemize is used to create unordered lists . Under this environment, the obtained list will have bullet points . Check the following code:

which yields the following:

There are various templates in beamer to change this itemized list appearance. The command \setbeamertemplate is used on itemize items to change the shape of item markers.

• \setbeamertemplate{itemize items}[default] : the default item marker is a triangle.
• \setbeamertemplate{itemize items}[circle] : sets the item marker to a small filled circle.
• \setbeamertemplate{itemize items}[square] : sets the item marker to a small filled square.
• \setbeamertemplate{itemize items}[circle] : sets the item marker to a ball shape.

– Enumerate environment

This environment is used to create an ordered list . By default, before each item increasing Arabic numbers followed by a dot are printed (eg. “ 1. ” and “ 2. ”).

Similar to itemize items, we can change the enumerate style by placing numbers inside different shapes using \setbeamertemplate and instead of itemize items we use enumerate items :

• \setbeamertemplate{enumerate items}[circle] : place the number inside a small filled circle.
• \setbeamertemplate{enumerate items}[square] : place the number inside a small filled square.
• \setbeamertemplate{enumerate items}[circle] : place the number inside a ball shape.

The list looks like the following:

– Description environment

The description environment is used to define terms or to explain acronyms. We provide terms as an argument to the \item command using squared bracket.

Compiling this piece of code yields:

Tables and figures are created pretty much the same way as it is in LaTeX. Check the following code:

Compiling this code with the minimal code of a LaTeX presentation presented above yields:

Figures can be included in a beamer presentation using the figure environment. The image can be simply inserted using the \includegraphics command, since beamer already includes the graphicx package in it. The size and the label of the image can be set using the scale option and \caption command respectively.

7. Creating columns in beamer

Columns can be created in beamer using the environment named columns . Inside this environment, you can either place several column environments , each of which creates a new column, or use the \column command to create new columns.

Under the columns environment, the column environment is to be entered along with column width to text width ratio specified in curly brackets. This ratio is generally taken as 0.5. However, it can be customized as per the requirements, check this example:

8. Blocks in beamer

Information can be displayed in the form of blocks using block environment. These blocks can be of three types :

• alert block.
• example block.
• and theorem block.

– Standard block

The standard block is used for general text in presentations. It has a blue color and can be created as follows:

– Alert block

The purpose of the alert block is to stand out and draw attention towards the content. This block is used to display warning or prohibitions. The default color of this block is red . To display an alert block the code can be written as:

– Example block

This block is used to highlight examples as the name suggests and it can also be used to highlight definitions. The default color of this block is green and it can be created as follows:

– Theorem Block

The theorem block is used to display mathematical equations , theorems , corollary and proofs . The color of this block is blue . Here is an example:

9. Hyperlinks and Buttons

To create jumps from one slide to another slide in our talk, we can add hyperlinks to our presentation . When the hyperlink is clicked it jumps the presentation to the target slide. This can be achieved in beamer by following these steps:

• Tag the frame that we want to link to by adding \label{targetFrame} or \hypertarget commands.
• Create a hyperlink text using the command: \hyperlink{targetFrame}{click here}
• If you would like to create a button style , put “click here” inside the command \hyperlink{contents}{\beamerbutton{click here}}

We reached the end of this quick guide to LaTeX presentations. If you would like to go into details, check the beamer free course !

because LaTeX matters

The animate package.

The animate package allows to include JavaScript driven animations into a pdf created with LaTeX. This can be particularly useful for beamer presentations. The biggest caveat upfront: the animations are only supported by some pdf readers (AcrobatReader, PDF-XChange, acroread, and Foxit Reader).

Using ImageMagick to convert an animated gif into several png files

The animate package uses individual images and combines them into the animation in the pdf. If you are starting out with an already animated graphic file (e.g. some animated gif) that you want to include in your LaTeX document, you will first need to convert it into individual images. For this you can use ImageMagick , which is a pretty useful command line tool (but unfortunately a little painful to install on a Mac). The following code line will convert the myAnimation.gif into myAnimation-0.png … myAnimation-9.png, assuming that myAnimation.gif consists of 10 frames.

The animate command

The animate command \animategraphics allows to combine several static images into one animation.

The most relevant options are probably

• autoplay automatically starts the animation after the page has opened
• loop restarts the animation after reaching the end
• width=h-size sets the width of the animation widget
• controls[=all | true | on] or controls=(none | false | off) | {[play][,step][,stop][,speed]} adds and customizes controls for the animation

More options are: label , type , poster , every , autopause , autoresume , palindrome , step , height , totalheight , keepaspectratio , scale , bb , viewport , trim , buttonsize , buttonfg , buttonalpha , draft , final , nomouse , method , measure . You can find details about them in the animate documentation.

The frame rate is the number of frames per second (FPS) and can also be smaller than 1. To show a frame for 2 seconds, you would use 0.5 FPS. 30 FPS is apparently a typical value in video encoding and higher rates than that are not reasonable.

The file basename is the leftmost part of the file names of the individual images to be included. The files have to be consecutively numbered. first and last are the numbers of the first and last file to be included in the animation. If first is greater than last , the ordering will be reversed. Many different filetypes are supported (see the animate documentation for a complete list) and animate is compatible with graphicspath{} from the graphicx package. If the file is a multipage pdf, first and last are interpreted as the (zero-based) range of pages to be included as individual frames.

The animate environment

The animate package also allows to create animations from LaTeX typeset material with the environment animateinline .

Share this:

16. December 2018 at 16:05

Now, by help of dvisvgm, it is possible to produce animated SVG with animate. It runs in all modern web browsers.

11. November 2021 at 14:37

I don’t think this still works?

24. November 2022 at 10:15

The animate package uses individual images and combines them into the animation in the pdf.

Leave a Reply Cancel reply